/** * Swiper 6.7.5 * 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: July 1, 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{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{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{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:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{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:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{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{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{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:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next: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;transition:.3s opacity;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{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;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%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;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%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{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:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;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}@keyframes swiper-preloader-spin{100%{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{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;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;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{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;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}.not-selectable{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:transparent;overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:thin dotted}body.is-using-mouse .fancybox__container :focus{outline:none}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-36px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel .is-draggable{cursor:move;cursor:grab}.fancybox__carousel .is-dragging{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide:not(.has-image) .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__image{transform-origin:0 0;touch-action:none;user-select:none}.has-image .fancybox__content{padding:0;background:transparent;min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:transparent}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:5px solid var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));opacity:0;transition:opacity .15s ease;border-radius:4px}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:4px}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}@charset "UTF-8"; @font-face { font-family: Montserrat; src: url(./e65ae7ed560da1a63db603bd8584cfdb.ttf); font-weight: 300; } @font-face { font-family: Montserrat; src: url(./3fe868a1a9930b59d94d2c1d79461e3c.ttf); font-weight: normal; } @font-face { font-family: Montserrat; src: url(./b3ba703c591edd4aad57f8f4561a287b.ttf); font-weight: 500; } @font-face { font-family: Montserrat; src: url(./fb428a00b04d4e93deb4d7180814848b.ttf); font-weight: 600; } @font-face { font-family: Montserrat; src: url(./1f023b349af1d79a72740f4cc881a310.ttf); font-weight: 700; } /** * Colors */ /** * Fonts */ /** * Global elements */ /** * Clearfix * * Usage: append to container, that contains floated elements - @include clearfix; */ /** * «Respond to» mixin * * Mixin to manage responsive breakpoints * @param {String} $breakpoint - Breakpoint name * @author Hugo Giraudel * * @require $breakpoints */ /** * Placeholder * * Usage: append to input fields */ #overlay { top: 0; left: 0; width: 100%; height: 100%; display: none; position: fixed; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.75); } #overlay .modal { flex-grow: 1; display: none; max-width: 50%; max-height: 70%; min-width: 320px; flex-basis: auto; min-height: 320px; background-color: #ffffff; } .hamburger { display: none; align-items: center; justify-content: center; text-decoration: none; cursor: pointer; outline: none !important; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; position: relative; z-index: 1; top: 2px; padding: 0; width: 20px; height: 20px; } .hamburger:before { position: absolute; display: block; content: ''; top: -20px; left: -20px; height: calc(100% + 40px); width: calc(100% + 20px); } @media (max-width: 960px) { .hamburger { width: 55px; height: 40px; display: flex; margin-right: -15px; } } .hamburger:hover .hamburger-inner:before { top: -6px; } .hamburger:hover .hamburger-inner:after { bottom: -6px; } .hamburger-box { width: 20px; height: 18px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; width: 100%; background: #63D8B2; margin-top: -1px; transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger-inner { width: 20px; height: 2px; position: absolute; } .hamburger-inner:before, .hamburger-inner:after { transition: all 0.3s linear; width: 20px; height: 2px; background-color: #63D8B2; border-radius: 2px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner:before, .hamburger-inner:after { content: ""; display: block; } .hamburger-inner:before { top: -5px; transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger-inner:after { bottom: -5px; transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .nav-active .hamburger { outline: none; } @media (max-width: 960px) { .nav-active .hamburger { top: 60px; } } @media (max-width: 780px) { .nav-active .hamburger { top: 0; } } @media (max-width: 767px) { .nav-active .hamburger { top: 0; right: 0; } } .nav-active .hamburger .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .nav-active .hamburger .hamburger-inner:before { top: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; background: #fff; } .nav-active .hamburger .hamburger-inner:after { bottom: 0; transform: rotate(-90deg); background: #fff; transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /*! * Bootstrap v4.0.0-beta (https://getbootstrap.com) * Copyright 2011-2017 The Bootstrap Authors * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /* * Typography */ /* * Headline */ /* * Button */ /* * Paragraph */ /* * Quote */ /* * Image */ /* * Hero */ /* * Slider * using Flickity */ /* * Tile */ /* * Accordion */ /* * Filter */ /************************************************ Stylesheet: Main Stylesheet *************************************************/ /********************* GENERAL STYLES *********************/ /* * Custom Helper classes */ /* * Grid */ h1, h2, h3, h4, h5, h6, label, li, em, a { line-height: 1.3em !important; } p { line-height: 1.6em !important; } @media (max-width: 767px) { p, h1, h2, h3, h4, h5, h6, label, li, em, span { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } } /********************* FOOTER *********************/ /****************************************************************** Content *******************************************************************/ /******************************* * INDEX Page Template *******************************/ /* * Page 404 */ @media print { * { text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } *::before { text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } *::after { text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; border: 1px solid #adb5bd; page-break-inside: avoid; } blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr { page-break-inside: avoid; } img { page-break-inside: avoid; } p { orphans: 3; widows: 3; } h2 { orphans: 3; widows: 3; page-break-after: avoid; } h3 { orphans: 3; widows: 3; page-break-after: avoid; } @page { size: a3; } body { min-width: auto !important; } .container { min-width: auto !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td { background-color: #fff !important; } .table th { background-color: #fff !important; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } .table-bordered th { border: 1px solid #dee2e6 !important; } .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th { border-color: #dee2e6; } .table-dark td { border-color: #dee2e6; } .table-dark thead th { border-color: #dee2e6; } .table-dark tbody + tbody { border-color: #dee2e6; } } * { -webkit-box-sizing: border-box; box-sizing: border-box; } *::before { -webkit-box-sizing: border-box; box-sizing: border-box; } *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } html [type="button"] { -webkit-appearance: button; } article { display: block; } article img { max-width: 100%; height: auto; } aside { display: block; } figcaption { display: block; } figure { display: block; margin: 0 0 1rem; max-width: 100%; height: auto; } footer { display: block; } header { display: block; } hgroup { display: block; } main { display: block; } nav { display: block; } section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; text-align: left; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 400; min-height: 600px; color: #4F4E56; overflow-x: hidden; background: #F0F1F2; } [tabindex="-1"]:focus { outline: 0 !important; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } h1 { margin-top: 0; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-weight: 500; color: #4F4E56; text-rendering: optimizeLegibility; margin-bottom: 52px; font-size: 60px; line-height: 1.15; } @media (max-width: 767px) { h1 { margin-bottom: 32px; } } h1 a { text-decoration: none; } h2 { margin-top: 0; margin-bottom: 0.5rem; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-weight: 500; color: #4F4E56; text-rendering: optimizeLegibility; margin-bottom: 1em; font-size: 30px; line-height: 1.3px; } h2 a { text-decoration: none; } h3 { margin-top: 0; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-weight: 500; color: #4F4E56; text-rendering: optimizeLegibility; margin-bottom: 52px; font-size: 20px; line-height: 1.3px; } @media (max-width: 767px) { h3 { margin-bottom: 32px; } } h3 a { text-decoration: none; } h4 { margin-top: 0; margin-bottom: 0.5rem; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-weight: 500; color: #4F4E56; text-rendering: optimizeLegibility; margin-bottom: 1em; line-height: 1.3px; } h4 a { text-decoration: none; } h5 { margin-top: 0; margin-bottom: 0.5rem; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-weight: 500; color: #4F4E56; text-rendering: optimizeLegibility; margin-bottom: 1em; line-height: 1.3px; } h5 a { text-decoration: none; } h6 { margin-top: 0; margin-bottom: 0.5rem; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-weight: 500; color: #4F4E56; text-rendering: optimizeLegibility; margin-bottom: 1em; line-height: 1.3px; } h6 a { text-decoration: none; } p { margin-top: 0; margin-bottom: 1rem; line-height: 25px; margin-bottom: 15px; } p a { text-decoration: underline; } p a:hover { color: #4F4E56; text-decoration: none; } abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol { margin-top: 0; margin-bottom: 1rem; } ol ol { margin-bottom: 0; } ol ul { margin-bottom: 0; } ul { margin-top: 0; margin-bottom: 1rem; } ul ul { margin-bottom: 0; } ul ol { margin-bottom: 0; } dl { margin-top: 0; margin-bottom: 1rem; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b { font-weight: bolder; font-weight: 500; } strong { font-weight: bolder; font-weight: 500; } small { font-size: 80%; } sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; bottom: -.25em; } sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; top: -.5em; } a { text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; -webkit-transition: all 0.2s; transition: all 0.2s; color: #4F4E56; text-decoration: none; } a:hover { color: #63D8B2; text-decoration: none; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; outline: 0; } pre { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } code { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } kbd { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } img { vertical-align: middle; border-style: none; max-width: 100%; height: auto; max-width: 100%; height: auto; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; overflow: visible; text-transform: none; -webkit-appearance: button; -webkit-transition: all 0.2s; transition: all 0.2s; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } button::-moz-focus-inner { padding: 0; border-style: none; } input { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; overflow: visible; -webkit-transition: all 0.2s; transition: all 0.2s; } select { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; text-transform: none; -webkit-transition: all 0.2s; transition: all 0.2s; } optgroup { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; overflow: auto; resize: vertical; -webkit-transition: all 0.2s; transition: all 0.2s; } [type="reset"] { -webkit-appearance: button; } [type="reset"]::-moz-focus-inner { padding: 0; border-style: none; } [type="submit"] { -webkit-appearance: button; } [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } [type="button"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="date"] { -webkit-appearance: listbox; } input[type="time"] { -webkit-appearance: listbox; } input[type="datetime-local"] { -webkit-appearance: listbox; } input[type="month"] { -webkit-appearance: listbox; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button { height: auto; } [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } [type="search"]::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .container { width: 100%; padding-right: 30px; padding-left: 30px; margin-right: auto; margin-left: auto; max-width: 1260px; } .container-fluid { width: 100%; padding-right: 12px; padding-left: 12px; margin-right: auto; margin-left: auto; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; } .row + .row { margin-top: 20px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col { padding-right: 0; padding-left: 0; } .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .col { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; -ms-flex-preferred-size: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-sm-2 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-sm-3 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-sm-4 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-sm-5 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-sm-6 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-sm-7 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-sm-8 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-sm-9 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-sm-10 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-sm-11 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-sm-12 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-sm { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-sm-auto { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-md-1 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-md-2 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-md-3 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-md-4 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-md-5 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-md-6 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-md-7 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-md-8 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-md-9 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-md-10 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-md-11 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-md-12 { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-md { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .col-md-auto { position: relative; width: 100%; min-height: 1px; padding-right: 12px; padding-left: 12px; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } .fade { -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade:not(.show) { opacity: 0; } .collapse { display: none; } .collapse.active { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } .wrapper { padding: 0; } #wrapper-hero { padding: 0px !important; } .sticky { font-size: inherit; line-height: 70px; margin-bottom: 100px; position: -webkit-sticky; position: sticky; top: 0; z-index: 9; background: #fff; } .sticky .row { margin: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .gallery-caption { font-size: inherit; } .bypostauthor { font-size: inherit; } .wrapper#wrapper-sticky { border-bottom: 1px solid #dee2e6; } .wp-caption { font-size: inherit; } .wp-caption-text { font-size: inherit; } .screen-reader-text { font-size: inherit; } .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { margin: 0px auto; } .entry-footer span { padding-right: 10px; } .entry-footer .edit-link { padding: 1em; font-size: 0.8em; font-weight: 600; color: gray; } .entry-footer .edit-link a { color: inherit; } .entry-footer .edit-link:hover { color: #63D8B2; } img.wp-post-image { max-width: 100%; height: auto; } #secondary img { max-width: 100%; height: auto; } a.skip-link { position: fixed; z-index: 1000; top: 0px; right: 0px; } .btn { transition: all 0.3s; display: inline-block; background-color: transparent; color: #4F4E56; font-size: 15px; border: 3px solid #63D8B2; font-weight: 500; border-radius: 3px; height: 39px; padding: 7px 10px; text-align: center; margin: 13px; cursor: pointer; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; } .btn:hover { color: #fff; background: linear-gradient(90deg, #80D79A 0%, #4BD9C7 100%); border-radius: 5px; } .btn--white { background-color: #fff; } .fa { -webkit-transition: all 0.2s; transition: all 0.2s; } .h1 a { text-decoration: none; } .h2 a { text-decoration: none; } .h3 a { text-decoration: none; } .h4 a { text-decoration: none; } .h5 a { text-decoration: none; } .h6 a { text-decoration: none; } .quote-title { font-size: 15px; line-height: 30px; } .quote p { font-size: 20px; line-height: 30px; margin-bottom: 0; } .quote p + p { margin-top: 20px; } .quote blockquote { padding: 0 0 0 110px; margin: 0 0; background: url(./1b1728ad284f113d988de5b9eb949657.png) no-repeat 0 5px; background-size: 68px; } .quote blockquote p { font-weight: 500; margin-bottom: 10px; } .quote blockquote cite { color: #A6A5A9; font-style: normal; font-weight: 500; } .image-full-width { width: 100%; height: auto; margin-bottom: 0; border-radius: 10px; } .full .image-full-width { border-radius: 0; } .background_grey .image-full-width { margin-top: 50px; margin-bottom: 50px; } @media (min-width: 1069px) { .background_grey .image-full-width { margin-top: 100px; margin-bottom: 100px; } } .background_grey .image_block_3 { padding-bottom: 50px; margin-bottom: 0; } @media (min-width: 1069px) { .background_grey .image_block_3 { padding-bottom: 100px; } } .background_grey .image_block_3 .image-full-width { margin-bottom: 50px; } .background_grey .images-multiple.mb-block { margin-top: 50px; } @media (min-width: 1069px) { .background_grey .images-multiple.mb-block { margin-top: 100px; } } .background_grey.headline_2 { padding-top: 50px; } @media (min-width: 1069px) { .background_grey.headline_2 { padding-top: 100px; } } .background_grey.headline-3-wrap { padding-top: 50px; } @media (min-width: 1069px) { .background_grey.headline-3-wrap { padding-top: 100px; } } .image-full-size { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; max-height: 920px; } @media (max-width: 1069px) { .image-full-size { height: 100vh; -o-object-fit: cover; object-fit: cover; max-height: 920px; } } @media (max-width: 768px) { .image-full-size { max-height: 512px; } } @media (max-width: 760px) { .image-full-size { max-height: 173px; } } .images-two { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; } .images-two .img { width: calc(50% - 10px); min-height: 330px; padding-bottom: 31%; position: relative; } .images-two img { height: 100%; width: 100%; position: absolute; -o-object-fit: cover; object-fit: cover; border-radius: 10px; } .images-multiple { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .images-multiple .img { width: calc(25% - 15px); min-height: 167px; padding-bottom: 15%; margin-right: 20px; margin-bottom: 20px; position: relative; } .images-multiple .img:nth-child(4n) { margin-right: 0; } .images-multiple .img img { height: 100%; width: 100%; position: absolute; -o-object-fit: cover; object-fit: cover; border-radius: 10px; } .images-multiple.mb-block { margin-bottom: 30px; } .carousel-wrap { position: relative; } .carousel:after { content: 'flickity'; display: none; /* hide :after */ } @media screen and (max-width: 767px) { /* disable Flickity for large devices */ } .carousel .carousel-cell img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; margin-top: 0; } .carousel .flickity-prev-next-button { display: block; width: 20px; height: 20px; background: no-repeat 50%; background-size: contain; cursor: pointer; position: absolute; top: calc(100% + 35px); z-index: 2; -webkit-transition: all 0.2s; transition: all 0.2s; } .carousel .flickity-prev-next-button:hover { opacity: 0.8; } .carousel .flickity-prev-next-button svg { display: none; } .carousel .flickity-prev-next-button.previous { background-image: url(./3f5aa353adfbcc92800ae48f90deaba7.png); left: 50%; margin-left: -65px; } .carousel .flickity-prev-next-button.next { background-image: url(./0179e86e666db04d298712058ab3451b.png); right: 50%; margin-right: -65px; } .carousel .flickity-page-dots { position: static; font-size: 0; bottom: -30px; } .carousel .flickity-page-dots .dot { background: #63D8B2; margin: 10px; opacity: 1; border: 1px solid #63D8B2; } .carousel .flickity-page-dots .dot.is-selected { background: #fff; } .carousel.multiple-1 .carousel-cell { width: 100%; max-width: 1083px; padding: 0 12px; } @media (max-width: 767px) { .carousel.multiple-1 .carousel-cell { padding: 0 20px; } } .carousel.multiple-2 .carousel-cell { padding: 0 12px; } @media (max-width: 767px) { .carousel.multiple-2 .carousel-cell { width: 100% !important; max-width: 100% !important; } } @media (min-width: 768px) { .carousel.multiple-2 .carousel-cell { width: 50%; max-width: 650px; } } .carousel.multiple-4 .carousel-cell { width: 25%; max-width: 325px; padding: 0 12px; padding-bottom: 30%; position: relative; } .carousel.multiple-4 .carousel-cell img { width: calc(100% - 20px); height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 10px; } .carousel-numbers { display: inline-block; width: 66px; text-align: center; position: absolute; top: calc(100% + 25px); left: 50%; margin-left: -33px; } .carousel-numbers .count { font-weight: 500; } .tile { margin-right: 5px; } .tile:hover .tile-text { background: #63D8B2 !important; color: #fff !important; } .tile-text { display: block; font-size: 20px; font-weight: 300; line-height: 1; margin-bottom: 10px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .tile-title { font-weight: 700; margin-bottom: 40px; padding-right: 30px; } .tile-title a { color: inherit; } .page-template-home .tile-title { margin-bottom: 25px; } .page-template-home .row { margin-left: -15px; margin-right: -15px; } .page-template-home .row + .row { margin-top: 0; } .page-template-home [class*="col"] { padding-left: 15px; padding-right: 15px; } .page-template-home .headline { margin-bottom: 122px; } .page-template-home .grid { margin: 0 -15px; } .page-template-home .grid-sizer { width: 50%; } .page-template-home .grid-item { width: 50%; } .page-template-home .grid-item .tile { padding: 0 15px; } .page-template-home .tile { margin-right: 0; } .tile-1 img { display: block; margin-bottom: 40px; margin-bottom: 0; } .tile-1 .tile-text { position: relative; margin-bottom: 10px; } .tile-1 .tile-text:before { content: ""; display: block; width: 30px; height: 4px; background: #63D8B2; position: absolute; top: -20px; left: 0; display: none; } .tile-1:hover > a:before { opacity: 0.8; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .tile-2 { margin-bottom: 30px; } .tile-2 .tile-content { padding: 30px 50px 30px 30px; } .tile-2 .tile-header { margin-bottom: 105px; } .tile-2 .tile-title { margin-bottom: 0; position: relative; font-weight: 500; } .tile-2 .tile-title img { width: 20px; height: auto; position: absolute; bottom: -40px; left: 0; } .tile-2 .tile-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tile-2 .tile-meta img { width: 50px; height: 50px; border-radius: 50%; margin-right: 20px; } .tile-2 .tile-text { background: #fff; border-radius: 4px; display: inline-block; padding: 0 10px; font-size: 15px; line-height: 30px; margin-bottom: 22px; } .tile-2 h2 { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .tile-2:hover h2 { color: #63D8B2 !important; } .tile-2 a:before { display: none !important; } .accordion-text p { font-size: 18px; line-height: 30px; } @media (max-width: 760px) { .accordion-text p { font-size: 16px; } } .accordion-text p:last-child { margin-bottom: 0; } .accordion-content { padding: 100px 0 68px; } @media (max-width: 767px) { .accordion-content { padding: 72px 0 40px; } } .accordion .item-title { margin-bottom: 23px; position: relative; cursor: pointer; } .accordion .item-title:before { content: ""; display: block; width: 30px; height: 30px; background: url(./9c11b47864bf3542a770c495c0a24d84.png) no-repeat 50%; background-size: 10px; position: absolute; top: 50%; transform: translateY(-50%); left: -40px; margin-top: -5px; } .accordion .item-title.active:before { background: url(./89a7e8c092adc33d8363e70331cb8cb9.png) no-repeat 50%; background-size: 10px; } .accordion .item-title[aria-expanded="true"]:before { background-image: url(./89a7e8c092adc33d8363e70331cb8cb9.png); } .accordion .item-img { pointer-events: none; } .filter { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 50px; } .filter label { width: calc(33.33% + 10px - 2px); background: #f1f1f1; color: #a6a5a9; border-radius: 5px 0 0 5px; font-weight: 500; height: 50px; line-height: 50px; padding: 0 20px; margin-right: 2px; margin-bottom: 0; white-space: nowrap; } .filter .nice-select { width: 66.67%; border-radius: 0 5px 5px 0; } .filter .nice-select:hover { background-color: #FFF; -webkit-box-shadow: 0 2px 4px #d8d8d8; box-shadow: 0 2px 4px #d8d8d8; } .filter select { display: none; } .nice-select { background-color: #f1f1f1; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; display: block; font-size: 15px; font-weight: 300; height: 50px; line-height: 50px; outline: none; padding: 0 32px 0 20px; position: relative; text-align: left; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; z-index: 2; } .nice-select:after { content: ''; display: block; width: 12px; height: 8px; background: url(./6bbf3bccc89256885af50778cc1408ec.png) no-repeat 50%; background-size: contain; pointer-events: none; position: absolute; right: 20px; top: 50%; margin-top: -4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .nice-select .current { font-weight: 500; } .nice-select .list { width: 100%; background-color: #fff; border-radius: 0 5px 5px 5px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); opacity: 0; overflow: hidden; padding: 0; margin: 0; pointer-events: none; position: absolute; top: 0; left: 0; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; z-index: 0; } .nice-select .option { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; font-weight: 300; line-height: 50px; min-height: 50px; color: #4F4E56; outline: none; padding: 0 20px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:not(:first-child) { border-top: 1px solid #f1f1f1; } .nice-select .option:hover { color: #63D8B2; } .nice-select .option span { color: inherit; } .nice-select .option span + span { color: #A6A5A9; font-weight: 500; } .nice-select .option.selected { color: #4F4E56; font-weight: 500; border-bottom: 2px solid #63D8B2 !important; } .nice-select .option.selected:hover { color: #4F4E56; } .nice-select.open { background-color: #FFF; } .nice-select.open:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .nice-select.open:hover { -webkit-box-shadow: none; box-shadow: none; } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .top_slider { position: relative; overflow: hidden; } .top_slider .slider-component { height: 100%; } @media (max-width: 960px) { .top_slider .slider-component { height: auto; } } @media (max-width: 767px) { .top_slider .slider-component { margin-bottom: 72px; } } @media (max-width: 960px) { .top_slider .slider-component .slick-track { display: flex; } } .top_slider .slider-component .slick-slide { height: inherit !important; } .top_slider .custom-controls { position: relative; z-index: 2; float: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; align-items: center; margin-top: -45px; height: 30px; } @media (max-width: 960px) { .top_slider .custom-controls { margin-top: 10px; margin-right: 0px; } } @media (max-width: 767px) { .top_slider .custom-controls { margin-top: -71px; } } .top_slider .custom-controls .pagingInfo { padding: 2px 24px 0; color: #4F4E56; font-size: 12px; font-weight: 700; } @media (max-width: 960px) { .top_slider .custom-controls .pagingInfo { padding: 2px 11px 0; } } .top_slider .custom-controls .slick-arrow { width: 22px; cursor: pointer; background-color: transparent; outline: none; border: none; position: relative; } .top_slider .custom-controls .slick-arrow:before { position: absolute; content: ''; left: -10px; top: -10px; width: calc(100% + 20px); height: calc(100% + 20px); } .top_slider .slick-dots { display: none !important; } .top_slider .badge { position: absolute; z-index: 2; max-width: 150px; bottom: 50px; right: 50px; } .top_slider .btn { font-size: 15px; margin-left: 0; margin-right: 0; } .top_slider .btn:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .top_slider__info { position: absolute; overflow: hidden; bottom: 0; z-index: 2; background: #fff; color: #4F4E56; font-size: 25px; border-radius: 10px; padding: 50px; } @media (max-width: 960px) { .top_slider__info { width: 100% !important; position: relative; padding: 30px 25px; border-radius: 0 0 10px 10px; height: 100%; } } .top_slider__info .button { margin-top: 20px; } .top_slider__title { color: #fff; font-size: 50px; font-weight: 500; line-height: 1.3; margin-bottom: 30px; } .top_slider__desc p { color: #4F4E56; font-weight: 300; line-height: 1.3; } .top_slider__image { height: 100%; outline: none; } .top_slider__image .container { padding-bottom: 60px; position: relative; } @media (max-width: 960px) { .top_slider__image .container { padding-bottom: 100px; height: 100%; } } @media (max-width: 960px) { .top_slider__image .container { padding-bottom: 0; display: flex; flex-direction: column-reverse; } } .top_slider__image img { height: auto; width: 100%; margin-left: auto; display: block; border-radius: 10px; } @media (max-width: 960px) { .top_slider__image img { width: 100% !important; border-radius: 10px 10px 0 0; } } .top_slider__video { height: 100%; } .top_slider__video .video-wrap { height: 100%; } .top_slider__video video { height: 100% !important; width: 100%; -o-object-fit: cover; object-fit: cover; } .top_slider__video .mute-video { width: 24px; height: 24px; position: absolute; bottom: calc(85px - 12px); z-index: 2000000; left: 48%; outline: none; } .top_slider__video .mute-video .sound-on { display: none; } #custom-seekbar { position: absolute; bottom: 50px; cursor: pointer; height: 6px; outline: none; overflow: hidden; border-radius: 3px; width: 625px; background-color: rgba(255, 255, 255, 0.35); } #custom-seekbar span { background-color: #fff; position: absolute; top: 0; left: 0; height: 10px; width: 0px; } #image-seekbar { position: absolute; bottom: 0; cursor: pointer; height: 6px; outline: none; left: 0; overflow: hidden; border-radius: 0; width: 100%; background-color: rgba(255, 255, 255, 0.35); } #image-seekbar span { background: #7fd79b; background: linear-gradient(90deg, #7fd79b 0%, #4dd9c7 100%); position: absolute; top: 0; left: 0; height: 10px; width: 0px; } body.edge .top_slider__video { height: 100%; } body.edge .top_slider__video .video-wrap { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; } body.edge .top_slider__video video { min-width: 100%; min-height: 100%; width: auto !important; height: auto !important; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .video-block .preview { position: absolute; left: 0; z-index: 2; width: 100%; height: 100%; top: 0; } .video-block .play { position: absolute; z-index: 3; background-color: transparent; outline: none; border: none; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; width: 70px; height: 70px; padding: 0; } .video-block .play svg { width: inherit; height: inherit; fill: #fff; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .video-block.youtube .youtube-wrap { position: relative; padding-bottom: 56.25%; overflow: hidden; height: 0; } .video-block.youtube .youtube-wrap iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .video-block.vimeo .iframe-wrap { padding-bottom: 56.25%; position: relative; } .video-block.vimeo .iframe-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .video-block.video .video-wrap { width: 100%; position: relative; font-size: 0; } .video-block.video .video-wrap .preview { height: 100%; } .slider-block { padding: 72px 0; position: relative; } .slider-block h3.title { font-size: 18px; margin-bottom: 52px; padding-right: 140px; line-height: 1.5; } @media (max-width: 767px) { .slider-block h3.title { margin-bottom: 32px; } } .slider-block .page-slider { padding: 0 20px; } @media (min-width: 1024px) { .slider-block .page-slider { padding: 0 30px; } } .slider-block .page-slider .slick-slide { margin: 0 8px; display: inline-block; position: relative; outline: none; } .slider-block .page-slider .slick-slide > a { outline: none; } .slider-block .page-slider .slick-slide:focus { outline: none; } .slider-block .page-slider .slick-slide .slide__text { position: relative; z-index: 3; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .slider-block .page-slider .slick-slide .slide__top { width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .slider-block .page-slider .slick-slide .slide__top img { max-width: 17px; } .slider-block .page-slider .slick-slide .slide__bottom { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-size: 15px; font-weight: 300; } .slider-block .page-slider .slick-slide .slide__bottom .author { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slider-block .page-slider .slick-slide .slide__bottom img { border-radius: 50%; margin-right: 20px; display: inline-block; vertical-align: middle; } .slider-block .page-slider .slick-slide .slide__bottom .author__title p { margin: 0; } .slider-block .page-slider .slick-slide .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0; z-index: 2; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .slider-block .page-slider .slick-slide .overlay + img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .slider-block .page-slider .slick-slide .overlay--image { opacity: 0.4; background: linear-gradient(-25deg, transparent, black); } .slider-block .page-slider .slick-slide h3 { font-size: 18px; line-height: 1.5; margin-bottom: 23px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .slider-block .page-slider .slick-slide a:hover .overlay--image { opacity: 0.7; } .slider-block .page-slider .slick-slide.slide--without-img { height: 390px; } .slider-block .page-slider .slick-slide.slide--without-img a:hover h3 { color: #63D8B2 !important; } .slider-block .page-slider .slick-arrow { -webkit-appearance: none; border: none; background: none; position: absolute; top: -46px; cursor: pointer; } .slider-block .page-slider .slick-arrow:focus { outline: none; } .slider-block .page-slider .slick-prev { right: 115px; z-index: 2; } .slider-block .page-slider .slick-next { right: 24px; z-index: 2; } .slider-block .slide-left, .slider-block .slide-right { top: 180px; height: calc(100% - 390px); } @media (max-width: 760px) { .slider-block .slide-left, .slider-block .slide-right { display: none; } } .slider-block .page-slider.slick-initialized { display: block; } .slider-block.post_slider .slide-left, .slider-block.post_slider .slide-right { top: 100px; height: calc(100% - 200px); } .slick-wrapper { position: relative; } .slick-wrapper .counter { pointer-events: none; position: absolute; z-index: 2; top: -80px; font-size: 15px; font-weight: 700; } @media (min-width: 370px) { .slick-wrapper .counter { right: 77px; left: auto; } } @media (min-width: 1350px) { .slick-wrapper .counter { left: calc(50vw - 1296px / 2 + 1280px - 98px); } } @media (max-width: 767px) { .slick-wrapper .counter { top: -52px; } } @media (max-width: 760px) { .slick-wrapper .counter { right: 52px; top: -51px; } } .slider-block.slider-block--fullscreen { overflow: hidden; } .slider-block.slider-block--fullscreen .slick-list.draggable { overflow: initial; } @media (max-width: 760px) { .post_slider .slick-wrapper .counter { right: 60px; top: -44px; } } @media (min-width: 370px) { .post_slider .slick-wrapper .counter { right: 74px; top: -44px; } } @media (min-width: 768px) { .post_slider .slick-wrapper .counter { top: -81px; } } .text-block { color: #FFFFFF; font-size: 15px; line-height: 1.5 !important; font-weight: 300; padding: 50px 0; position: relative; background-size: cover; background-position: 50%; } .text-block p { line-height: 1.5 !important; } .text-block:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); } .text-block .container { position: relative; z-index: 2; } .text-block h3 { color: #ffffff; font-size: 20px; line-height: 1.5; font-weight: 500; margin: 9px 0; } .text-block .button { color: #ffffff; padding: 12px 34px; border: 2px solid #ffffff; border-radius: 5px; font-size: 15px; font-weight: 700; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; display: inline-block; max-width: 240px; word-break: break-word; } .text-block .button:hover { background: #ffffff; color: #4F4E56; } .text-block__wrapper { max-width: 630px; } .text-block__subtitle { font-size: 15px; font-weight: 300; display: block; line-height: 1.7; } .text-block__text { margin-bottom: 18px; } .bg-image { background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .text-primary { color: #63D8B2 !important; } .text-center { text-align: center !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .px-0 { padding-left: 0 !important; padding-right: 0 !important; } .mb-block { padding-bottom: 100px; } .logo { display: inline-block; } .h-100 { height: 100% !important; } body.nav-active { overflow-y: hidden; } .home .hide.menu-item { display: none; } .footer-wrapper { padding: 100px 0; } @media (max-width: 767px) { .footer-wrapper { padding: 50px 0; } } .footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer .to_top { display: flex; width: 60px; align-items: center; height: 60px; background: #68D8AE; border-radius: 50%; transition: .3s; justify-content: center; } .footer .to_top:hover { opacity: 0.7; } .footer .to_top i { color: #fff; font-size: 35px; margin: -5px 0 0 0; } @media (max-width: 767px) { .footer .to_top { margin-bottom: 50px; } } .footer .footer-nav ul { list-style-type: none; padding-left: 0; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .footer .footer-nav ul li:not(:last-child) { margin-right: 24px; } @media (max-width: 500px) { .footer .footer-nav ul li:not(:last-child) { margin-right: 12px; } } @media (max-width: 600px) { .footer .footer-nav ul li { font-size: 10px; } } @media (max-width: 767px) { .footer { flex-direction: column; justify-content: center; align-items: center; max-width: 100%; } } .footer .current_page_item > a, .footer .current-menu-item > a, .footer .current_page_ancestor > a, .footer .current-menu-ancestor > a { color: #63D8B2; } .entry-header { text-align: center; text-align: left; } .image-wrap { height: 100vh; position: relative; top: 0; margin-top: 0; } #searchform { max-width: 500px; } #searchform .input-group { display: -webkit-box; display: -ms-flexbox; display: flex; } #searchform input[type="text"] { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border: 1px solid #ccc; padding: 0.8em 1em; border-radius: 5px; margin-right: 10px; } #searchform .btn { padding: 1em 3em; background-color: #63D8B2; margin-bottom: 0; } #searchform .btn:hover { background-color: #4F4E56; } @media (max-width: 760px) { #searchform .btn:hover { background-color: #63D8B2; } } .wp-post-image.full-width { width: 100%; height: auto; } .error-404.not-found { min-height: 300px; } .video-container { margin: 0 auto; max-width: 100%; position: relative; margin-bottom: 40px; height: calc(100vh - 10vh); overflow: hidden; } .video-container video { width: 100%; display: block; height: 100%; -o-object-fit: cover; object-fit: cover; } .video-container .scroll-down { left: 50%; width: 20px; bottom: 50px; cursor: pointer; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tile.tile-1 .tile-wrap { position: absolute; bottom: 20px; left: 45px; } .tile.tile-1 .tile-text { margin: 0 0 20px; border-radius: 4px; background: #fff; padding: 0 10px 0 10px; font-size: 15px; line-height: 30px; display: inline-block; } .tile.tile-1 .tile-title { margin: 0; line-height: 40px; color: #fff; font-weight: 500; } .grid-item { margin-bottom: 30px; } .grid-item .tile > a { display: block; position: relative; } .grid-item .tile > a:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #4F4E56; opacity: 0.3; } .tile.tile-2 { margin-bottom: 0; } .tile-3 { display: block; padding-bottom: 130px; } .tile-3 .tile-text { color: #4F4E56; background: #f1f1f1; padding: 0 10px; font-size: 15px; line-height: 30px; margin-bottom: 22px; border-radius: 4px; display: inline-block; } .tile-3 .tile-title { font-weight: 500; font-size: 50px; color: #4F4E56; margin: 0; padding: 0; } .tile-3:hover h2 span { border-color: #63D8B2; color: #63D8B2; } .tile-3 h2 span { border-bottom: 2px solid #d2d2d4; line-height: 65px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .tile-3 a:hover .tile-title h2 { color: #63D8B2; border-color: #63D8B2; } .tile-3 .tile-content { padding: 30px 30px 0; } .empty-sticky { height: 70px; } .sticky.active { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); max-width: 100%; padding: 0; } .sticky.active .sticky-wrap { max-width: 1440px; margin: 0 auto; padding: 0 80px; } .sticky-menu { font-size: 15px; } .sticky-menu a { color: #a6a5a9; padding-right: 20px; } .sticky-menu a:hover { color: #63D8B2; } .sticky-nav a { color: #4F4E56; font-size: 15px; } .sticky-nav a:hover { color: #63D8B2; } .sticky-nav a b { font-weight: 500; } .sticky-nav span { display: inline-block; height: 12px; width: 20px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; position: relative; top: 1px; } .sticky-nav .prev-page { margin-right: 50px; } .sticky-nav .prev-page span { margin-right: 20px; background-image: url(./3f5aa353adfbcc92800ae48f90deaba7.png); } .sticky-nav .next-page span { margin-left: 20px; background-image: url(./0179e86e666db04d298712058ab3451b.png); } @media (min-width: 768px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } .paragraph p { font-size: 18px; line-height: 30px; margin-bottom: 20px; font-weight: 300; } } @media (min-width: 768px) and (max-width: 760px) { .paragraph p { font-size: 16px; } } @media (min-width: 768px) { .images-multiple.mb-block { margin-bottom: 60px; } .hidden-sm-up { display: none !important; } .filter-label { display: none; } .filter { margin-bottom: 30px; } .filter .nice-select { width: 100%; border-radius: 0; padding: 0; background: none; } .filter .nice-select:hover { background-color: #FFF; -webkit-box-shadow: none; box-shadow: none; } .nice-select .list { width: 100%; background-color: #fff; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; opacity: 1; position: relative; overflow: visible; pointer-events: auto; } .nice-select .option { display: inline-block; position: relative; color: #A6A5A9; z-index: 9; padding: 0; margin: 0 10px; line-height: 25px; min-height: 25px; } .nice-select .option:hover { color: #4F4E56; } .nice-select .option span:last-child { display: none; } .nice-select .option:first-child { margin-left: 0; } .nice-select .option:not(:first-child) { border: none; } .nice-select .current { display: none; } .nice-select:after { display: none; } } @media (min-width: 1025px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } .images-multiple.mb-block { margin-bottom: 110px; } .hidden-md-up { display: none !important; } } @media screen and (prefers-reduced-motion: reduce) { .fade { -webkit-transition: none; transition: none; } .collapsing { -webkit-transition: none; transition: none; } } @media (max-width: 1280px) { .images-two .img { min-height: 180px; } .images-multiple .img { min-height: 127px; } .carousel.multiple-1 .carousel-cell { max-width: calc((100% - 160px) * 0.8); } .carousel.multiple-2 .carousel-cell { max-width: calc((100% - 140px) * 0.5); } .carousel.multiple-4 .carousel-cell { max-width: calc((100% - 140px) * 0.25); } .visible-lg-up { display: none !important; } } @media (min-width: 1281px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1024px) { .quote blockquote { background-size: 60px; padding-left: 80px; } .images-two .img { min-height: 125px; } .images-multiple .img { min-height: 88px; } .carousel-wrap .mb-block { margin-bottom: 90px; } .carousel-numbers { top: calc(100% + 15px); } .carousel .flickity-prev-next-button { top: calc(100% + 25px); } .carousel.multiple-1 .carousel-cell { max-width: calc((100% - 100px) * 0.8); } .carousel.multiple-2 .carousel-cell { max-width: calc((100% - 80px) * 0.5); } .carousel.multiple-4 .carousel-cell { max-width: calc((100% - 80px) * 0.25); } .tile-title { padding-right: 0; } .tile-2 .tile-content { padding: 30px; } .tile-2 .tile-header { margin-bottom: 120px; } .filter { margin-bottom: 30px; } .filter label { width: calc(37.5% + 10px - 2px); } .filter .nice-select { width: 62.5%; } .top_slider__title { font-size: 35px; } .top_slider__desc p { font-size: 20px; } .visible-md-up { display: none !important; } .container { padding-left: 40px; padding-right: 40px; } .page-template-home .headline { margin-bottom: 70px; } .tile-3 { padding-bottom: 80px; } .sticky { margin-bottom: 80px; padding: 0; } .sticky .sticky-wrap { padding: 0 50px; } .sticky .active { padding: 0; } .sticky.active .sticky-wrap { padding: 0 50px; } } .headline h3 { font-weight: 700; } @media (max-width: 767px) { .headline { text-align: left; } .headline.headline-3 { margin-bottom: 25px; } .title { font-size: 30px; margin-bottom: 16px; } .subtitle { font-size: 20px; } .quote p { font-size: 15px; line-height: 25px; } .quote p + p { margin-top: 15px; } .quote blockquote { background-position-y: 7px; background-size: 35px; margin: 35px 0; padding-left: 55px; } .quote blockquote p { margin-bottom: 7px; } .images-two .img { min-height: 70px; } .images-multiple .img { min-height: 40px; } .carousel.multiple-1 .carousel-cell { max-width: 100%; } .carousel.multiple-4 .carousel-cell { max-width: calc((100% - 40px) * 0.25); } .tile { margin-right: 0; } .tile .tile-text { font-size: 15px; margin-bottom: 3px; } .tile .tile-text:before { top: -17px; } .tile .tile-header { margin-bottom: 90px; } .tile-1 img { margin-bottom: 37px; } .tile-2 { margin-bottom: 20px; } .tile-2 .tile-header { margin-bottom: 85px; } .tile-2 .tile-text { margin-bottom: 0; line-height: 20px; margin-bottom: 12px; padding: 0 5px; font-size: 10px; } .tile-2 .tile-title:before { bottom: -35px; } .tile-2 .tile-title img { bottom: -32px; } .accordion-text p { font-size: 16px; line-height: 25px; } .accordion .item { padding-left: 30px; } .accordion .item-title { margin-bottom: 20px; } .filter { margin-bottom: 20px; } .filter label { display: none; } .filter .nice-select { width: 100%; border-radius: 5px; } .nice-select { background-color: #f1f1f1; } .nice-select .list { border-radius: 5px; } .top_slider__video .mute-video { left: 310px; } .visible-sm-up { display: none !important; } .mb-block { padding-bottom: 72px; } .logo { max-width: unset; } .container { padding-left: 20px; padding-right: 20px; } .footer-email { display: inline-block; margin-bottom: 3px; } .page-template-home .headline { margin-bottom: 43px; } .page-template-home .grid-sizer { width: 100%; } .page-template-home .grid-item { width: 100%; } .video-container { margin-bottom: 20px; min-height: calc(100vh - 20vh); height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .video-container video { top: 0; left: 0; position: absolute; width: 100%; height: 100%; } .tile-3 { padding-bottom: 50px; } .tile-3 h2 span { line-height: 45px; } .tile-3 .tile-title { font-size: 30px; } .tile-3 .tile-content { padding: 0; } .tile-3 .tile-header { margin-bottom: 0; } .tile-3 .tile-text { padding: 0 5px; font-size: 10px; line-height: 20px; margin-bottom: 12px; } .sticky-nav b { display: none; } .sticky-nav .prev-page { margin-right: 0; } .sticky-nav .prev-page span { margin-right: 15px; } .sticky-nav .next-page span { margin-left: 15px; } .sticky { margin-bottom: 50px; line-height: 50px; padding: 0; } .sticky .sticky-wrap { padding: 0 20px; } .sticky.active .sticky-wrap { padding: 0 30px; } .tile.tile-1 .tile-text { margin: 0 0 10px; padding: 0 5px 0 5px; font-size: 10px; line-height: 20px; } .tile.tile-1 .tile-title { line-height: 30px; } .grid-item { margin-bottom: 20px; } } @media (max-width: 576px) { .tile.tile-1 .tile-title { width: calc(100% - 30px); } } .new_slider .carousel .flickity-prev-next-button, .new_slider .flickity-rtl .flickity-page-dots { display: none; } .right-slider { transform: translateX(-4.39%); margin-bottom: 50px; } @media (max-width: 1280px) { .new_slider { padding-left: 30px; } } @media (max-width: 1024px) { .new_slider { padding-left: 20px; } } @media (max-width: 767px) { .new_slider { padding-right: 20px; } } @media (max-width: 767px) { .new_slider .row { margin-left: -20px; margin-right: -20px; } } .new_slider .mb-block { padding-top: 72px; } @media (max-width: 767px) { .new_slider .mb-block { padding-top: 72px; } } @media (max-width: 600px) { .right-slider { transform: translateX(-1.39%); } } @media (max-width: 400px) { .right-slider { transform: translateX(-6.45%); } } a { outline: none; } .what_we_do { position: relative; overflow: hidden; text-align: center; padding: 100px 0 88px; } @media (max-width: 767px) { .what_we_do { padding: 0 0 60px; } } .what_we_do .button { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } @media (max-width: 960px) { .what_we_do .button { margin-top: 32px; } } .what_we_do .button .btn { margin: 32px 12px 12px 0; } .what_we_do .button .btn:last-child { margin-right: 0; } @media (max-width: 767px) { .what_we_do .button .btn:last-child { margin-right: 12px; } } @media (max-width: 960px) { .what_we_do .button .btn { margin-top: 0; } } .what_we_do h2 { font-size: 25px; margin-bottom: 52px; font-weight: bold; } @media (max-width: 767px) { .what_we_do h2 { font-size: 22px; margin-bottom: 32px; } } .what_we_do p { max-width: 790px; margin: 0 auto; font-size: 18px; line-height: 150%; font-weight: 300; } @media (max-width: 768px) { .what_we_do p { font-size: 16px; } } .what_we_do .informations { margin-top: 32px; margin-bottom: 78px; } @media (max-width: 960px) { .what_we_do .informations { margin-top: 32px; margin-bottom: 0; } } .what_we_do .informations .container { position: relative; } .what_we_do .informations__decor { position: absolute; left: -110px; top: 40px; width: calc(100% + 220px); z-index: 1; max-width: unset; } @media (max-width: 960px) { .what_we_do .informations__decor { display: none; } } .what_we_do .informations__decor-mob { display: none; position: absolute; content: ''; left: 40px; top: 52px; width: calc(100% - 80px); height: calc(100% - 100px); z-index: 1; } @media (max-width: 960px) { .what_we_do .informations__decor-mob { display: block; } } .what_we_do .informations .container--content { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 0; max-width: 1200px; } @media (max-width: 960px) { .what_we_do .informations .container--content { max-width: 335px; padding: 0; flex-direction: column; } } .what_we_do .informations .item { width: auto; max-width: 20%; display: flex; flex-direction: column; margin-top: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; } .what_we_do .informations .item:after { position: absolute; z-index: -1; width: calc(100vw - 419px); height: calc(100% + 200px); left: calc(100% - 65px); top: 4px; background-repeat: no-repeat; background-size: cover; background-position: 100% 100%; } @media (min-width: 961px) { .what_we_do .informations .item:after { display: none; } } @media (min-width: 760px) and (max-width: 770px) { .what_we_do .informations .item:after { transform: rotate(-7deg); top: -9px; } } @media (max-width: 676px) { .what_we_do .informations .item:after { width: calc(100vw - 384px); top: 15px; height: calc(100% + 100px); } } @media (max-width: 500px) { .what_we_do .informations .item:after { width: calc(100% - 57px); height: calc(100% + 84px); left: 30px; top: 92px; } } @media (max-width: 400px) { .what_we_do .informations .item:after { top: 72px; } } @media (min-width: 370px) and (max-width: 380px) { .what_we_do .informations .item:after { width: calc(100% - 33px); height: calc(100% + 68px); left: 2px; transform: rotate(12deg); } } @media (max-width: 330px) { .what_we_do .informations .item:after { left: 46px; transform: rotate(15deg); } } .what_we_do .informations .item:last-of-type:after { display: none; } .what_we_do .informations .item:nth-of-type(1) { left: 25px; } @media (max-width: 1024px) { .what_we_do .informations .item:nth-of-type(1) { left: 20px; } } @media (max-width: 960px) { .what_we_do .informations .item:nth-of-type(1) { left: 0; } } .what_we_do .informations .item:nth-of-type(1):after { background-image: url(./8dd0beec30bfc57b5bba3d033ae4a9b2.svg); } .what_we_do .informations .item:nth-of-type(2) { top: 100px; left: 25px; } @media (max-width: 960px) { .what_we_do .informations .item:nth-of-type(2) { top: -8px; left: 0; } } .what_we_do .informations .item:nth-of-type(2):after { background-image: url(./ff9047879f4bc8f9767a9beb002f7cad.svg); left: auto; right: 58px; top: 55px; } @media (max-width: 870px) { .what_we_do .informations .item:nth-of-type(2):after { top: 102px; } } @media (min-width: 760px) and (max-width: 770px) { .what_we_do .informations .item:nth-of-type(2):after { transform: rotate(-3deg); } } @media (max-width: 715px) { .what_we_do .informations .item:nth-of-type(2):after { transform: rotate(-6deg); } } @media (max-width: 676px) { .what_we_do .informations .item:nth-of-type(2):after { right: -4px; top: 72px; width: calc(100vw - 284px); transform: rotate(-12deg); } } @media (max-width: 630px) { .what_we_do .informations .item:nth-of-type(2):after { transform: rotate(-18deg); } } @media (max-width: 590px) { .what_we_do .informations .item:nth-of-type(2):after { transform: rotate(-31deg); } } @media (max-width: 525px) { .what_we_do .informations .item:nth-of-type(2):after { transform: rotate(-34deg); } } @media (max-width: 500px) { .what_we_do .informations .item:nth-of-type(2):after { transform: rotate(-5deg); right: 6px; width: calc(100vw - 78px); } } @media (max-width: 435px) { .what_we_do .informations .item:nth-of-type(2):after { transform: rotate(-15deg); right: -16px; width: calc(100vw - 96px); } } @media (max-width: 400px) { .what_we_do .informations .item:nth-of-type(2):after { transform: rotate(0deg); right: 35px; top: 88px; width: calc(100vw - 130px); } } @media (min-width: 370px) and (max-width: 380px) { .what_we_do .informations .item:nth-of-type(2):after { transform: rotate(-17deg); right: 21px; top: 106px; } } @media (max-width: 340px) { .what_we_do .informations .item:nth-of-type(2):after { transform: rotate(-12deg); } } @media (max-width: 330px) { .what_we_do .informations .item:nth-of-type(2):after { transform: rotate(-32deg); width: calc(100vw + -42px); right: -42px; top: 133px; } } .what_we_do .informations .item:nth-of-type(3) { left: 45px; } @media (max-width: 1024px) { .what_we_do .informations .item:nth-of-type(3) { left: 25px; } } @media (max-width: 960px) { .what_we_do .informations .item:nth-of-type(3) { left: 0; top: 25px; } } .what_we_do .informations .item:nth-of-type(3):after { background-image: url(./0a8565176ca1261fb163c088f54a7096.svg); top: 29px; left: calc(100% - 81px); height: calc(100% + 191px); width: calc(100vw - 443px); transform: rotate(-11deg); } @media (max-width: 890px) { .what_we_do .informations .item:nth-of-type(3):after { transform: rotate(-9deg); top: -6px; } } @media (max-width: 830px) { .what_we_do .informations .item:nth-of-type(3):after { transform: rotate(0deg); top: -13px; } } @media (max-width: 770px) { .what_we_do .informations .item:nth-of-type(3):after { top: -46px; } } @media (min-width: 760px) and (max-width: 770px) { .what_we_do .informations .item:nth-of-type(3):after { top: -31px; transform: rotate(-6deg); left: calc(100% - 64px); } } @media (max-width: 660px) { .what_we_do .informations .item:nth-of-type(3):after { left: calc(100% - 127px); top: -15px; height: calc(100% + 134px); width: calc(100vw - 321px); } } @media (max-width: 630px) { .what_we_do .informations .item:nth-of-type(3):after { top: -29px; } } @media (max-width: 600px) { .what_we_do .informations .item:nth-of-type(3):after { left: calc(100% - 119px); top: -14px; } } @media (max-width: 560px) { .what_we_do .informations .item:nth-of-type(3):after { left: calc(100% - 102px); top: -29px; width: calc(100vw - 334px); } } @media (max-width: 500px) { .what_we_do .informations .item:nth-of-type(3):after { width: calc(100% - 57px); left: 30px; top: 46px; } } @media (max-width: 440px) { .what_we_do .informations .item:nth-of-type(3):after { top: 21px; } } @media (min-width: 370px) and (max-width: 380px) { .what_we_do .informations .item:nth-of-type(3):after { top: 31px; transform: rotate(7deg); left: 46px; width: calc(100% - 72px); } } @media (max-width: 370px) { .what_we_do .informations .item:nth-of-type(3):after { top: -5px; } } @media (max-width: 340px) { .what_we_do .informations .item:nth-of-type(3):after { top: -19px; } } @media (max-width: 330px) { .what_we_do .informations .item:nth-of-type(3):after { transform: rotate(10deg); } } .what_we_do .informations .item:nth-of-type(4) { top: 90px; left: 50px; } @media (max-width: 1024px) { .what_we_do .informations .item:nth-of-type(4) { left: 25px; } } @media (max-width: 960px) { .what_we_do .informations .item:nth-of-type(4) { left: auto; right: 0; } } .what_we_do .informations .item:nth-of-type(4):after { background-image: url(./3555d1c4b0c6aa9e9975f402187d0c52.svg); left: auto; right: 58px; top: 66px; } @media (min-width: 760px) and (max-width: 770px) { .what_we_do .informations .item:nth-of-type(4):after { right: 42px; top: 47px; transform: rotate(-3deg); } } @media (max-width: 676px) { .what_we_do .informations .item:nth-of-type(4):after { transform: rotate(-14deg); right: -4px; top: 82px; width: calc(100vw - 284px); } } @media (max-width: 630px) { .what_we_do .informations .item:nth-of-type(4):after { transform: rotate(-18deg); } } @media (max-width: 590px) { .what_we_do .informations .item:nth-of-type(4):after { transform: rotate(-11deg); } } @media (max-width: 525px) { .what_we_do .informations .item:nth-of-type(4):after { transform: rotate(-15deg); } } @media (max-width: 500px) { .what_we_do .informations .item:nth-of-type(4):after { transform: rotate(0deg); right: 6px; width: calc(100vw - 103px); } } @media (max-width: 446px) { .what_we_do .informations .item:nth-of-type(4):after { transform: rotate(-16deg); right: -16px; width: calc(100vw - 96px); } } @media (max-width: 400px) { .what_we_do .informations .item:nth-of-type(4):after { transform: rotate(0deg); right: 35px; top: 112px; width: calc(100vw - 130px); } } @media (min-width: 370px) and (max-width: 380px) { .what_we_do .informations .item:nth-of-type(4):after { transform: rotate(-12deg); right: 44px; top: 88px; } } @media (max-width: 330px) { .what_we_do .informations .item:nth-of-type(4):after { transform: rotate(-14deg); right: 34px; top: 157px; } } .what_we_do .informations .item:nth-of-type(5) { left: 30px; } @media (max-width: 1024px) { .what_we_do .informations .item:nth-of-type(5) { left: 5px; } } @media (max-width: 960px) { .what_we_do .informations .item:nth-of-type(5) { left: 0; margin-top: 115px; } } .what_we_do .informations .item a { outline: none; } .what_we_do .informations .item img { width: 160px; height: 160px; margin: 10px auto; } @media (max-width: 960px) { .what_we_do .informations .item img { width: 135px; height: 135px; margin: 0; } } @media (max-width: 960px) { .what_we_do .informations .item:last-of-type img { margin-bottom: 0; } } @media (max-width: 960px) { .what_we_do .informations .item { width: 100%; flex-direction: initial; margin-top: 0; align-items: center; margin-left: auto; max-width: 100%; justify-content: flex-start; } } @media (max-width: 960px) { .what_we_do .informations .item:last-of-type { margin-bottom: 0; } } @media (max-width: 500px) { .what_we_do .informations .item:last-of-type { margin-bottom: 0; } } @media (max-width: 400px) { .what_we_do .informations .item:last-of-type { margin-bottom: 0; } } @media (max-width: 960px) { .what_we_do .informations .item .order_block { max-width: calc(100% - 130px); } } .what_we_do .informations .item p { margin-bottom: 25px; font-size: 15px; } @media (max-width: 400px) { .what_we_do .informations .item p { font-size: 11px; } } .what_we_do .informations .item span { margin-top: 0; margin-bottom: 0; text-align: center; min-height: 45px; font-size: 18px; font-weight: 700; order: 1; } @media (max-width: 960px) { .what_we_do .informations .item span { font-size: 16px; } } @media (max-width: 960px) { .what_we_do .informations .item span { margin: 0; } } .what_we_do .informations .item:nth-child(odd) { flex-direction: column-reverse; } .what_we_do .informations .item:nth-child(odd) p { margin-bottom: 0; } @media (max-width: 960px) { .what_we_do .informations .item:nth-child(odd) { flex-direction: row-reverse; margin-top: 0; margin-right: auto; margin-left: initial; } } @media (max-width: 960px) { .what_we_do .informations .item:nth-child(odd) .order_block { padding-right: 20px; } } .what_we_do .informations .item:nth-child(odd) span { margin-bottom: 0; margin-top: 25px; order: 0; } @media (max-width: 960px) { .what_we_do .informations .item:nth-child(odd) span { margin: 0; } } @media (max-width: 960px) { .what_we_do .informations .item:nth-child(even) .order_block { padding-left: 20px; } } @media (max-width: 768px) { .what_we_do .btn { margin: 0 12px 0 0; } } @media (max-width: 767px) { .what_we_do .btn { margin: 0 0 12px 0; } } .grid-container { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); gap: 0px 0px; grid-template-areas: "item_1 item_1 item_2" "item_1 item_1 item_5" "item_3 item_4 item_5"; grid-gap: 24px; } @media (max-width: 767px) { .grid-container { display: block; } } .grid-container .slide { border-radius: 10px; overflow: hidden; position: relative; cursor: pointer; transition: .3s; } .grid-container .slide img { height: 100%; width: 100%; object-fit: cover; transition: .3s; filter: blur(0px); } .grid-container .slide img.extra-image-desktop { display: none; } @media (min-width: 767px) { .grid-container .slide img.extra-image-desktop { display: block; } } .grid-container .slide img.has-extra-image-desktop { display: block; } @media (min-width: 767px) { .grid-container .slide img.has-extra-image-desktop { display: none; } } .grid-container .slide .slide__text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.17); font-size: 20px; color: #fff; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-weight: 500; display: flex; align-items: center; justify-content: center; opacity: 0; border-radius: 10px; transition: .3s; } @-moz-document url-prefix() { .grid-container .slide .slide__text { background-color: rgba(0, 0, 0, 0.5); } } .grid-container .slide .slide__text h3 { font-size: 20px; color: #fff; margin: 0 0 20px; } .grid-container .slide .slide__text p { margin-bottom: 5px; } .grid-container .slide .slide__top { width: 100%; padding: 0 10px; } .grid-container .slide .btn { background: transparent; color: #fff; border: 3px solid #fff; font-size: 15px !important; } .grid-container .slide .btn:hover { background: #63D8B2; color: #fff; border: 3px solid #63D8B2; } body:not(.touch) .grid-container .slide:hover img { filter: blur(4px); } body:not(.touch) .grid-container .slide:hover .slide__text { opacity: 1; } body:not(.touch) .grid-container .slide:hover .btn { background: #63D8B2; color: #fff; border: 3px solid #63D8B2; } body.touch .grid-container .slide p, body.touch .grid-container .slide h3 { display: none; } body.touch .grid-container .slide img { filter: blur(4px); } body.touch .grid-container .slide .slide__text { opacity: 1; } body.touch .grid-container .slide:hover .btn { background: #63D8B2; color: #fff; border: 3px solid #63D8B2; } .item_1 { grid-area: item_1; height: 520px; } @media (max-width: 1068px) { .item_1 { height: 445px; } } @media (max-width: 768px) { .item_1 { height: 305px; } } @media (max-width: 760px) { .item_1 { height: 195px; } } .item_2 { grid-area: item_2; } .item_3 { grid-area: item_3; } .item_4 { grid-area: item_4; } .item_5 { grid-area: item_5; } @media all and (-ms-high-contrast: none) { .grid-container { display: -ms-grid; -ms-grid-columns: repeat(3, 1fr); -ms-grid-rows: repeat(3, 1fr); } .item_1 { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2; } .item_2 { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 3; -ms-grid-column-span: 1; } .item_3 { -ms-grid-row: 3; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; } .item_4 { -ms-grid-row: 3; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; } .item_5 { -ms-grid-row: 2; -ms-grid-row-span: 2; -ms-grid-column: 3; -ms-grid-column-span: 1; } } .project { padding: 100px 0; } @media (max-width: 767px) { .project { padding: 72px 0; } } .project h3.title { margin-bottom: 12px; } @media (max-width: 767px) { .project h3.title { margin-bottom: 16px; } } .project .description p { font-weight: 300; font-size: 18px; margin-bottom: 0; } @media (max-width: 767px) { .project .description p { font-size: 16px; } } .project .image { display: flex; align-items: center; flex-flow: row wrap; margin-bottom: 18px; margin-left: -10px; } @media (max-width: 760px) { .project .image { margin-left: -6px; } } .project .image .slick-dots { width: 100%; padding: 0; list-style: none; display: flex; justify-content: center; } .project .image .slick-dots button { background-color: #63D8B2; border: 1px solid #63D8B2; border-radius: 50%; font-size: 0; line-height: 0; width: 10px; height: 10px; margin: 0 5px; padding: 0; } .project .image .slick-dots button:focus { outline: none; } .project .image .slick-dots li { padding: 10px 5px; display: flex; align-items: center; } .project .image .slick-dots li.slick-active button { background-color: #fff; } .project .image .item_slide { height: 110px; padding: 12px; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } .project .image .item_slide img { max-height: 100%; max-width: 100%; } @media (max-width: 1024px) { .project .image .item_slide { margin: 0; } } @media (max-width: 760px) { .project .image .item_slide { padding: 6px; } } .project .btn { margin: 0 auto; display: block; max-width: 150px; text-align: center; } .project .grid-container { margin-top: 52px; margin-bottom: 100px; } @media (max-width: 767px) { .project .grid-container { margin-top: 32px; margin-bottom: 52px; } } @media (max-width: 767px) { .project .slide { margin-bottom: 25px; height: calc(100vw / 1.9 - 50px); } } @media (min-width: 767px) { .project.align-project-image-slider-right .slider_mob .slick-track { width: calc(100vw - 60px) !important; transform: translate3d(0px, 0px, 0px) !important; } .project.align-project-image-slider-right .slider_mob .slick-slide { float: right; } } @media (min-width: 1260px) { .project.align-project-image-slider-right .slider_mob .slick-track { width: 1200px !important; } } @media (min-width: 767px) { .project.align-project-image-slider-center .slider_mob .slick-track { width: calc(100vw - 60px) !important; transform: translate3d(0px, 0px, 0px) !important; text-align: center; } .project.align-project-image-slider-center .slider_mob .slick-slide { float: none; display: inline-block; } } @media (min-width: 1260px) { .project.align-project-image-slider-center .slider_mob .slick-track { width: 1200px !important; } } h3.title { font-size: 25px; color: #4F4E56; margin-bottom: 52px; font-weight: 700; } @media (max-width: 760px) { h3.title { margin-bottom: 32px; } } .articles { padding: 100px 0; } @media (max-width: 767px) { .articles { padding: 72px 0; } } .articles.slider { background: #fff; } @media (max-width: 760px) { .articles.slider .item { padding-top: 162px; } } @media (max-width: 599px) { .articles.slider .item { padding-top: 0; display: block; } } @media (max-width: 760px) { .articles.slider .head { position: absolute; width: calc(100% - 10px); } } @media (max-width: 599px) { .articles.slider .head { position: static; width: 100%; } } .articles .articles_block { display: flex; justify-content: space-between; margin-bottom: 25px; margin-left: -12px; margin-right: -12px; } @media (max-width: 767px) { .articles .articles_block { margin-bottom: 25px; margin-left: -6px; margin-right: -6px; } } @media (max-width: 759px) { .articles .articles_block.related { margin-right: -20px; } } .articles .articles_block.related .btn { margin-left: auto; margin-right: auto; } @media (max-width: 760px) { .articles .articles_block.related .item { padding-top: 162px; } } @media (max-width: 760px) { .articles .articles_block.related .head { position: absolute; width: calc(100% - 10px); } } .articles .slick-track { display: flex; } .articles .custom-row { display: flex; margin: 0 -10px; } @media (max-width: 767px) { .articles .custom-row { display: block; } } .articles .item { width: calc(100% / 3); padding: 0 12px; outline: none; height: auto; padding-top: 252px; position: relative; display: flex; flex-direction: column; justify-content: flex-end; } @media (max-width: 768px) { .articles .item { width: 252px; padding-top: 162px; } } @media (max-width: 760px) { .articles .item { width: 277px; padding: 0 6px; padding-top: 0; padding-bottom: 0; } } .articles .item .equal-height { display: block; } .articles .item h3 { font-size: 18px; font-weight: 700; color: #4F4E56; margin: 0 0 15px; } @media (max-width: 1024px) { .articles .item h3 { hyphens: auto; } } @media (max-width: 767px) { .articles .item h3 { font-size: 16px; line-height: 160%; margin-bottom: 10px; } } .articles .item .excerpt, .articles .item p { font-weight: 300; font-size: 18px; color: #4F4E56; line-height: 165%; margin-bottom: 0; position: relative; height: 130px; overflow: hidden; } @media (max-width: 767px) { .articles .item .excerpt, .articles .item p { font-size: 16px; line-height: 170%; height: 110px; } } .articles .item .excerpt p, .articles .item .excerpt ol, .articles .item .excerpt ul, .articles .item p p, .articles .item p ol, .articles .item p ul { font-weight: 300; font-size: 18px; color: #4F4E56; line-height: 160%; margin: 0; padding: 0; } .articles .item .excerpt:after, .articles .item p:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.32); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, white 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.32)), color-stop(0%, rgba(255, 255, 255, 0.32)), color-stop(0%, rgba(255, 255, 255, 0.32)), color-stop(0%, rgba(255, 255, 255, 0.32)), color-stop(100%, white)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, white 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, white 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); } .articles .head { height: 200px; border-radius: 10px; display: flex; align-items: flex-end; justify-content: center; margin-bottom: 52px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; position: absolute; top: 0; width: calc(100% - 24px); } @media (max-width: 768px) { .articles .head { height: 130px; margin-bottom: 32px; } } @media (max-width: 760px) { .articles .head { position: static; width: 100%; } } .articles div.avatar { background: #fff; border: 4px solid #7FD79A; width: 120px; height: 120px; border-radius: 50%; margin-bottom: -25px; overflow: hidden; } @media (max-width: 768px) { .articles div.avatar { width: 96px; height: 96px; } } .articles div.avatar img { display: block; width: 100%; height: 100%; object-fit: cover; } .articles .btn:not(.open-modal) { margin: 0 auto; display: block; max-width: 175px; text-align: center; } .articles .btn.open-modal { margin: 25px auto 50px; } @media (max-width: 760px) { .articles .btn.open-modal { margin: 25px auto 30px; } } @media (max-width: 768px) { .articles .slick-list { padding: 0 !important; } } @media (max-width: 760px) { .articles.mindset { padding: 50px 0; } } .articles.mindset .head { margin-bottom: 32px; } .articles.mindset .item h3 { margin: 0 0 32px; } .articles.mindset p { max-height: inherit; height: auto; } @media (max-width: 760px) { .articles.mindset p { font-size: 16px; } } .articles.mindset p:after { display: none; } .wins { padding: 100px 0 100px; overflow: hidden; } @media (max-width: 767px) { .wins { padding: 72px 0; } } .wins h3 { padding-bottom: 59px; margin-bottom: 0; max-width: calc(100% - 155px); } @media (max-width: 767px) { .wins h3 { padding-bottom: 0; } } @media (max-width: 760px) { .wins h3 { max-width: calc(100% - 135px); } } .wins p { font-size: 18px; font-weight: 300; line-height: 145%; } .wins p:last-of-type { margin-bottom: 0; } @media (max-width: 767px) { .wins p { font-size: 16px; } } @media (max-width: 340px) { .wins p { font-size: 14px; } } .wins .certificates-wrapper { position: relative; } .wins .certificates-wrapper .slide-left, .wins .certificates-wrapper .slide-right { height: 100%; } .wins .certificates-wrapper .slick-arrow { visibility: hidden; } .wins .certificates { font-size: 0; padding-bottom: 32px; } .wins .certificates .slick-list.draggable { overflow: initial; } .wins .certificates .slick-dots { width: 100%; padding: 0; list-style: none; display: flex; justify-content: center; position: relative; z-index: 2; } .wins .certificates .slick-dots button { background-color: #63D8B2; border: 1px solid #63D8B2; border-radius: 50%; font-size: 0; line-height: 0; width: 10px; height: 10px; margin: 0 5px; padding: 0; } .wins .certificates .slick-dots button:focus { outline: none; } .wins .certificates .slick-dots li { padding: 10px 5px; display: flex; align-items: center; } .wins .certificates .slick-dots li.slick-active button { background-color: #fff; } .wins .certificates .items { max-height: 300px; margin-bottom: 0; width: calc(100vw / 4); outline: none; overflow: hidden; } @media (max-width: 760px) { .wins .certificates .items { width: calc(100vw / 2); height: auto; margin-bottom: 0; } } .wins .certificates .items img { width: 100%; object-fit: cover; padding: 0 12px; } @media (max-width: 760px) { .wins .certificates .items img { padding: 0 5px; } } .wins .certificates .counter { display: none; } .wins .row { align-items: center; margin-top: 100px; } @media (max-width: 767px) { .wins .row { flex-direction: row; align-items: end; margin-top: 72px; } } .wins .row img { min-width: 105px; } @media (max-width: 767px) { .wins .row img { min-width: initial; margin-bottom: 32px; } } .wins .row .col:first-child { text-align: center; max-width: 410px; } @media (max-width: 768px) { .wins .row .col:first-child { max-width: 255px; } } @media (max-width: 767px) { .wins .row .col:first-child { max-width: 100%; } } @media (max-width: 767px) { .wins .row .col:last-child { max-width: 100%; width: 100%; } } .wins .container > p { max-width: 790px; } @media (max-width: 768px) { .wins .container > p { max-width: 472px; } } .wins .slick-wrapper .counter { display: none; } .wins--add_side_number .slick-wrapper .counter { display: block; top: -17px; } @media (min-width: 370px) { .wins--add_side_number .slick-wrapper .counter { right: 77px; } } @media (min-width: 768px) { .wins--add_side_number .slick-wrapper .counter { top: -91px; } } .wins--add_side_number .certificates-wrapper .slick-arrow { visibility: visible; -webkit-appearance: none; border: none; background: none; position: absolute; top: -20px; cursor: pointer; } @media (min-width: 768px) { .wins--add_side_number .certificates-wrapper .slick-arrow { top: -92px; } } .wins--add_side_number .certificates-wrapper .slick-arrow:focus { outline: none; } .wins--add_side_number .certificates-wrapper .slick-next { right: 30px; left: auto; } @media (min-width: 1350px) { .wins--add_side_number .certificates-wrapper .slick-next { right: auto; left: calc(50vw - 1296px / 2 + 1280px - 26px); } } .wins--add_side_number .certificates-wrapper .slick-prev { right: 149px; left: auto; } @media (min-width: 1350px) { .wins--add_side_number .certificates-wrapper .slick-prev { right: auto; left: calc(50vw - 1296px / 2 + 1280px - 146px); } } .wins--add_side_number.wins--in_container .certificates-wrapper .slick-next { right: 10px; left: auto; } .wins--add_side_number.wins--in_container .certificates-wrapper .slick-prev { right: 110px; left: auto; } .wins--add_side_number.wins--in_container .certificates-wrapper .counter { right: 50px; left: auto; } .wins--in_container .certificates .slick-list.draggable { overflow: hidden; padding: 0 !important; } @media (min-width: 768px) { .slider-block { padding: 100px 0 100px; } } .slider-block h3 { font-size: 18px; padding-right: 140px; padding-left: 20px; line-height: 1.5; } @media (min-width: 370px) { .slider-block h3 { font-size: 25px; } } @media (min-width: 768px) { .slider-block h3 { font-size: 30px; line-height: 1.3; padding-left: 40px; } } @media (min-width: 1025px) { .slider-block h3 { padding-left: 30px; } } @media (min-width: 1350px) { .slider-block h3 { padding-right: 0; padding-left: calc(50vw - 1200px / 2); max-width: 1300px; font-size: 25px; } } .slider-block.slider-block--fullscreen { overflow: hidden; } .slider-block.slider-block--fullscreen .slick-list.draggable { overflow: initial; } .slider-block .page-slider { padding-left: 20px; display: none; } @media (min-width: 768px) { .slider-block .page-slider { padding-left: 40px; } } @media (min-width: 1025px) { .slider-block .page-slider { padding-left: 30px; } } @media (min-width: 1350px) { .slider-block .page-slider { padding-left: calc(50vw - 1200px / 2); } } .slider-block .page-slider .slick-slide { width: 270px; margin: 0 24px 0 0; display: inline-block; position: relative; outline: none; } @media (min-width: 320px) { .slider-block .page-slider .slick-slide { width: 250px; } } @media (min-width: 500px) { .slider-block .page-slider .slick-slide { width: 500px; } } @media (min-width: 769px) { .slider-block .page-slider .slick-slide { width: 600px; margin: 0 24px 0 0; } } @media (min-width: 1067px) { .slider-block .page-slider .slick-slide { width: 848px; margin: 0 24px 0 0; } } @media (min-width: 1200px) { .slider-block .page-slider .slick-slide { width: 995px; margin: 0 24px 0 0; } } .slider-block .page-slider .slick-slide > a { outline: none; } .slider-block .page-slider .slick-slide:focus { outline: none; } .slider-block .page-slider .slick-slide .slide__text { position: relative; z-index: 3; padding: 20px; display: flex; flex-flow: row wrap; height: 100%; justify-content: space-between; } @media (min-width: 768px) { .slider-block .page-slider .slick-slide .slide__text { padding: 30px 60px 30px 30px; } } .slider-block .page-slider .slick-slide .slide__top { width: 100%; flex: 1; } .slider-block .page-slider .slick-slide .slide__top img { max-width: 17px; } .slider-block .page-slider .slick-slide .slide__bottom { width: 100%; display: flex; align-items: flex-end; font-size: 15px; font-weight: 300; } .slider-block .page-slider .slick-slide .slide__bottom .author { display: flex; align-items: center; } .slider-block .page-slider .slick-slide .slide__bottom img { border-radius: 50%; margin-right: 20px; display: inline-block; vertical-align: middle; } .slider-block .page-slider .slick-slide .slide__bottom .author__title p { margin: 0; } .slider-block .page-slider .slick-slide .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0; z-index: 2; transition: all .3s ease-in-out; } .slider-block .page-slider .slick-slide .overlay + img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .slider-block .page-slider .slick-slide .overlay--image { opacity: 0.4; background: linear-gradient(-25deg, transparent, black); } .slider-block .page-slider .slick-slide h3 { font-size: 18px; line-height: 1.5; margin-bottom: 23px; transition: all .3s ease-in-out; } @media (min-width: 370px) { .slider-block .page-slider .slick-slide h3 { font-size: 20px; } } @media (min-width: 768px) { .slider-block .page-slider .slick-slide h3 { font-size: 30px; line-height: 1.33; } } .slider-block .page-slider .slick-slide a:hover .overlay--image { opacity: 0.7; } .slider-block .page-slider .slick-slide.slide--without-img { height: 390px; } .slider-block .page-slider .slick-slide.slide--without-img a:hover h3 { color: #63D8B2 !important; } .slider-block .page-slider .slick-arrow { -webkit-appearance: none; border: none; background: none; position: absolute; top: -46px; cursor: pointer; } @media (min-width: 768px) { .slider-block .page-slider .slick-arrow { top: -82px; } } .slider-block .page-slider .slick-arrow:focus { outline: none; } .slider-block .page-slider .slick-prev { right: 115px; } @media (min-width: 370px) { .slider-block .page-slider .slick-prev { right: 149px; left: auto; } } @media (min-width: 1350px) { .slider-block .page-slider .slick-prev { right: auto; left: calc(50vw - 1296px / 2 + 1280px - 146px); } } .slider-block .page-slider .slick-next { right: 24px; } @media (min-width: 370px) { .slider-block .page-slider .slick-next { right: 30px; left: auto; } } @media (min-width: 1350px) { .slider-block .page-slider .slick-next { right: auto; left: calc(50vw - 1296px / 2 + 1280px - 26px); } } .slider-block .page-slider .counter { position: absolute; top: -44px; right: 60px; font-size: 15px; font-weight: 700; } @media (min-width: 370px) { .slider-block .page-slider .counter { right: 80px; left: auto; } } @media (min-width: 768px) { .slider-block .page-slider .counter { top: -80px; } } @media (min-width: 1350px) { .slider-block .page-slider .counter { right: auto; left: calc(50vw - 1296px / 2 + 1280px - 93px); } } .slider-block .page-slider.slick-initialized { display: block; } @media (max-width: 767px) { .slider-block.forwerts_slider .page-slider .slick-list { padding-right: 34px; } } @media (max-width: 767px) { .slider-block.forwerts_slider .page-slider .slick-slide { width: 252px; } } @media (max-width: 760px) { .slider-block.forwerts_slider .page-slider .slick-slide { width: 277px; } } .slider-block.forwerts_slider .page-slider .slick-slide img { border-radius: 10px; } @media (max-width: 767px) { .slider-block.forwerts_slider .page-slider .slick-slide { margin: 0; padding: 0 6px; } } @media (max-width: 768px) { .slider-block.forwerts_slider .page-slider .counter, .slider-block.forwerts_slider .page-slider .slick-arrow { display: inline-block !important; } } @media (max-width: 400px) { .slider-block.forwerts_slider .page-slider .counter, .slider-block.forwerts_slider .page-slider .slick-arrow { top: -47px; } } @media (max-width: 760px) { .slider-block.forwerts_slider .page-slider .counter svg, .slider-block.forwerts_slider .page-slider .slick-arrow svg { width: 15px; } } @media (max-width: 767px) { .slider-block.forwerts_slider .page-slider .slick-arrow { top: -53px; } } @media (max-width: 760px) { .slider-block.forwerts_slider .page-slider .slick-prev { right: 113px; } } @media (max-width: 760px) { .slider-block.forwerts_slider .page-slider .slick-next { right: 20px; } } .slider-block.forwerts_slider.slider-block--remove_side_number .slick-wrapper .counter { display: none; } .slider-block.forwerts_slider.slider-block--remove_side_number .page-slider .slick-arrow { display: none !important; } .slider-block.forwerts_slider.slider-block--two_slides .slick-wrapper .counter { right: 36px; left: auto; } .slider-block.forwerts_slider.slider-block--two_slides h3 { padding-left: 0 !important; } .slider-block.forwerts_slider.slider-block--two_slides .slick-list { overflow: hidden !important; padding-right: 0 !important; } .slider-block.forwerts_slider.slider-block--two_slides .page-slider { margin-left: -12px; margin-right: -12px; padding-left: 0 !important; padding-right: 0 !important; } @media (max-width: 767px) { .slider-block.forwerts_slider.slider-block--two_slides .page-slider { margin-left: -6px; margin-right: -6px; } } .slider-block.forwerts_slider.slider-block--two_slides .page-slider .slick-slide { padding: 0 12px; margin: 0 !important; } .slider-block.forwerts_slider.slider-block--two_slides .page-slider .slick-next { right: 10px; left: auto; } .slider-block.forwerts_slider.slider-block--two_slides .page-slider .slick-prev { right: 110px; left: auto; } .mentoring { padding: 100px 0; } @media (max-width: 767px) { .mentoring { padding: 72px 0; } } @media (max-width: 767px) { .mentoring.small_bottom_space_on_mobile { padding-bottom: 52px; } } .mentoring .buttons { margin-top: 25px; display: flex; flex-wrap: wrap; } @media (max-width: 760px) { .mentoring .buttons { margin-top: 12px; } } .mentoring .buttons .btn { margin: 0 12px 10px 0; } @media (max-width: 768px) { .mentoring .buttons .btn { margin: 0 24px 10px 0; } } .mentoring p { font-weight: 300; line-height: 170%; font-size: 18px; } .mentoring p:last-of-type { margin-bottom: 0; } @media (max-width: 760px) { .mentoring p { font-size: 16px; line-height: 120%; } } .mentoring .content { max-width: 385px; margin-bottom: 52px; } @media (max-width: 767px) { .mentoring .content { margin-bottom: 32px; } } .mentoring .title { line-height: 134%; } @media (max-width: 760px) { .mentoring .title { font-size: 22px; line-height: 28px; } } .mentoring .col-9 { max-width: 800px; margin-top: 200px; } @media (max-width: 767px) { .mentoring .col-9 { margin-top: 0; } } @media (max-width: 767px) { .mentoring .row { width: 100%; margin: 0; } } .mentoring .row + .row { margin-top: 0; } @media (max-width: 767px) { .mentoring .row + .row { margin-top: 144px; } } @media (max-width: 767px) { .mentoring .col { flex-grow: 1; flex: auto; padding: 0; } .mentoring .col img { margin: 40px auto 0; display: block; width: 100%; } } .mentoring.team { overflow: hidden; } .mentoring.team .row { width: auto; } .mentoring.team .row > div { width: auto; } .mentoring.team .row > div:last-child { min-width: 60%; } @media (max-width: 768px) { .mentoring.team .row > div:last-child { min-width: 50%; max-width: 490px; } } @media (max-width: 767px) { .mentoring.team .row > div:last-child img { margin-top: 42px !important; margin-bottom: 0; } } .mentoring.team .title { margin-bottom: 9px; } @media (max-width: 767px) { .mentoring.team p:not(:last-of-type) { margin-bottom: 20px; line-height: 140%; } } @media (min-width: 768px) { .mentoring.image-left .col-4 { order: 2; } .mentoring.image-left .col-8 { order: 1; } .mentoring.image-left .row > div:last-child img { margin-left: 0; } } .map { height: 500px; margin: 0 auto; position: relative; overflow: hidden; } @media (max-width: 760px) { .map { height: 500px; } } @media (max-width: 365px) { .map { height: 650px; } } .map .map-img { object-fit: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .map > .container > img { height: 100%; width: 100%; object-fit: cover; } .map .map_pin { background: #fff; box-shadow: 0 19px 100px #EDEDED; position: absolute; padding: 30px 30px; display: flex; flex-direction: column; justify-content: flex-end; top: 50%; transform: translateY(-50%); border-radius: 10px; } @media (max-width: 365px) { .map .map_pin { width: 235px; } } .map .map_pin:before { position: absolute; content: ''; display: block; top: -19px; left: 25px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fff; width: 0; height: 0; } @media (max-width: 768px) { .map .map_pin { top: 61%; } } .map .map_pin .address { position: relative; z-index: 4; } .map .map_pin img.map_point { position: absolute; top: -60px; left: 15px; z-index: -1; } @media (max-width: 760px) { .map .map_pin img.map_point { top: 11px; left: auto; right: -83px; } } .map .map_pin > div { display: flex; align-items: flex-start; } .map .map_pin > div img { padding-right: 15px; padding-top: 5px; } .map .map_pin > div a { padding-bottom: 10px; } .map .map_pin > div.mail a { padding-bottom: 0; } .map .map_pin * { font-size: 16px; } .map .map_pin span { font-weight: 300; padding-bottom: 15px; line-height: 140%; } .map .map_pin.map_pin_1 { left: 15%; } @media (max-width: 850px) { .map .map_pin.map_pin_1 { left: 10%; } } @media (max-width: 768px) { .map .map_pin.map_pin_1 { left: 11%; top: 61%; } } @media (max-width: 760px) { .map .map_pin.map_pin_1 { top: 25%; left: 5%; } } @media (max-width: 760px) { .map .map_pin.map_pin_1:before { border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #fff; right: -39px; top: 19px; left: auto; } } .map .map_pin.map_pin_2 { right: 15%; top: 70%; } @media (max-width: 850px) { .map .map_pin.map_pin_2 { right: 10%; } } @media (max-width: 768px) { .map .map_pin.map_pin_2 { right: 11%; } } @media (max-width: 760px) { .map .map_pin.map_pin_2 { right: 5%; } } @media (max-width: 760px) { .map .map_pin.map_pin_2 { top: 75%; } } .map .map_pin.map_pin_2:before { right: 25px; left: auto; } @media (max-width: 760px) { .map .map_pin.map_pin_2:before { border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid #fff; left: -39px; top: 19px; } } .map .map_pin.map_pin_2 .map_point { right: 15px; left: auto; } @media (max-width: 760px) { .map .map_pin.map_pin_2 .map_point { right: auto; left: -83px; } } .blockquote { max-width: 890px; padding-top: 50px; padding-bottom: 100px; transform: none; } @media (max-width: 1068px) { .blockquote { margin-left: 8%; } } @media (max-width: 768px) { .blockquote { margin-left: 9%; padding-bottom: 50px; } } @media (max-width: 760px) { .blockquote { margin-left: 0; } } .blockquote .author { padding-top: 30px; display: block; font-size: 16px; } .blockquote p { border-left: 3px solid #4BD9C7; padding-left: 25px; max-width: 690px; margin: 0 auto; font-weight: 300; } @media (max-width: 1068px) { .blockquote p { max-width: 600px; margin-left: 0; } } @media (max-width: 1068px) { .blockquote p { line-height: 160%; } } .blockquote p em { font-size: 26px; display: block; margin-bottom: -10px; } @media (max-width: 1068px) { .blockquote p em { margin-bottom: 15px; } } @media (max-width: 767px) { .blockquote p em { font-size: 20px; margin-bottom: 0; } } .forwerts_slider { position: relative; } .forwerts_slider img { position: relative !important; } .forwerts_slider .pdf-big-images { position: absolute; display: flex; z-index: 2; top: 0; width: 100%; height: 100%; } .forwerts_slider .pdf-big-images img { visibility: hidden; } .forwerts_slider .pdf-big-images a:not(:first-of-type) { display: none; } .forwerts_slider .pdf-big-images:hover + .slider_text_bottom .btn { color: #fff; background-color: #63D8B2; } .forwerts_slider h2 { padding-bottom: 50px; font-weight: bold; position: relative; z-index: 2; margin: 0; } @media (max-width: 760px) { .forwerts_slider h2 { padding-bottom: 25px; font-size: 22px; line-height: 140%; padding-left: 20px; } } @media (max-width: 769px) { .forwerts_slider .slide .slick-slide { width: 590px !important; } } @media (max-width: 760px) { .forwerts_slider .slide .slick-slide { width: 130px !important; margin-bottom: 25px; } } .forwerts_slider .slide img { margin-bottom: 52px; display: block; width: 100%; object-fit: cover; } @media (max-width: 767px) { .forwerts_slider .slide img { margin-bottom: 52px; } } .forwerts_slider .slide h4 { font-size: 18px; font-weight: 700; margin-bottom: 9px; } .forwerts_slider .slide p { font-size: 18px; font-weight: 300; line-height: 120%; } .forwerts_slider .slide .button { display: flex; flex-wrap: wrap; } .forwerts_slider .slide .text-wrapper { margin-bottom: 32px; } @media (max-width: 767px) { .forwerts_slider .slide .text-wrapper { margin-bottom: 32px; } } .forwerts_slider .slide .btn { margin: 0 12px 0 0; } @media (max-width: 760px) { .forwerts_slider .page-slider { padding-left: 14px; } } .forwerts_slider .slider_text_bottom { max-width: 790px; } @media (max-width: 768px) { .forwerts_slider .slider_text_bottom { max-width: 460px; } } .forwerts_slider .slider_text_bottom p { line-height: 140%; } @media (max-width: 760px) { .forwerts_slider .slider_text_bottom p { font-size: 16px; } } .forwerts_slider .slick-slide { height: auto !important; } .post_slider img { width: 100%; object-fit: cover; } .post-type-archive-projekte { background: #fff; } .post-type-archive-projekte h1 { font-size: 60px; font-weight: 300; text-align: center; margin-bottom: 52px; } @media (max-width: 767px) { .post-type-archive-projekte h1 { font-size: 30px; margin-bottom: 32px; } } .post-type-archive-projekte .subtitle-text { font-size: 30px; font-weight: 300; text-align: center; max-width: 600px; margin: 0 auto 100px; line-height: 140%; } @media (max-width: 767px) { .post-type-archive-projekte .subtitle-text { font-size: 22px; margin-bottom: 72px; } } .post-type-archive-projekte .grid_posts { display: -ms-grid; display: grid; -ms-grid-columns: 1fr [6]; grid-template-columns: repeat(6, 1fr); grid-auto-rows: auto; grid-column-gap: 24px; grid-row-gap: 24px; padding-bottom: 100px; } @media (max-width: 767px) { .post-type-archive-projekte .grid_posts { padding-bottom: 72px; } } @media (max-width: 760px) { .post-type-archive-projekte .grid_posts { display: flex; flex-direction: column; grid-column-gap: 0; grid-row-gap: 0; } } .post-type-archive-projekte .grid_posts .item { border-radius: 10px; overflow: hidden; position: relative; cursor: pointer; transition: .3s; grid-row: auto; } .post-type-archive-projekte .grid_posts .item img { transition: .3s; filter: blur(0px); } .post-type-archive-projekte .grid_posts .item:nth-child(1) { grid-column: 1 / 7; grid-row: 1/1; height: 635px; } @media (max-width: 1200px) { .post-type-archive-projekte .grid_posts .item:nth-child(1) { height: calc(100vw / 1.9 - 50px); } } .post-type-archive-projekte .grid_posts .item:nth-child(5n+2) { grid-column: 1 / 4; height: 303px; } @media (max-width: 1200px) { .post-type-archive-projekte .grid_posts .item:nth-child(5n+2) { height: calc(100vw / 3.2 - 50px); } } .post-type-archive-projekte .grid_posts .item:nth-child(5n+3) { grid-column: 4 / 7; height: 303px; } @media (max-width: 1200px) { .post-type-archive-projekte .grid_posts .item:nth-child(5n+3) { height: calc(100vw / 3.2 - 50px); } } .post-type-archive-projekte .grid_posts .item:nth-child(5n+4) { grid-column: 1 / 3; height: 200px; } @media (max-width: 1200px) { .post-type-archive-projekte .grid_posts .item:nth-child(5n+4) { height: calc(100vw / 3.8 - 50px); } } .post-type-archive-projekte .grid_posts .item:nth-child(5n+5) { grid-column: 3 / 5; height: 200px; } @media (max-width: 1200px) { .post-type-archive-projekte .grid_posts .item:nth-child(5n+5) { height: calc(100vw / 3.8 - 50px); } } .post-type-archive-projekte .grid_posts .item:nth-child(5n+6) { grid-column: 5 / 7; height: 200px; } @media (max-width: 1200px) { .post-type-archive-projekte .grid_posts .item:nth-child(5n+6) { height: calc(100vw / 3.8 - 50px); } } @media (max-width: 760px) { .post-type-archive-projekte .grid_posts .item { height: calc(100vw / 1.9 - 50px) !important; margin-bottom: 24px; } } @media (max-width: 760px) { .post-type-archive-projekte .grid_posts .item:last-of-type { margin-bottom: 0; } } .post-type-archive-projekte .grid_posts .item img { height: 100%; width: 100%; object-fit: cover; } .post-type-archive-projekte .grid_posts .item img.tablet { display: none; } @media (min-width: 761px) and (max-width: 1200px) { .post-type-archive-projekte .grid_posts .item img.tablet { display: block; } } .post-type-archive-projekte .grid_posts .item img.default { display: block; } @media (min-width: 761px) and (max-width: 1200px) { .post-type-archive-projekte .grid_posts .item img.default { display: none; } } .post-type-archive-projekte .grid_posts .item p, .post-type-archive-projekte .grid_posts .item h4 { font-size: 20px !important; font-weight: 500; margin-bottom: 0; color: #fff; } @media (max-width: 1080px) { .post-type-archive-projekte .grid_posts .item p, .post-type-archive-projekte .grid_posts .item h4 { font-size: 12px !important; } } @media (max-width: 760px) { .post-type-archive-projekte .grid_posts .item p, .post-type-archive-projekte .grid_posts .item h4 { font-size: 18px !important; } } .post-type-archive-projekte .grid_posts .item h4 { margin: 0 0 25px; padding: 0 10px; } @media (max-width: 1080px) { .post-type-archive-projekte .grid_posts .item h4 { margin-bottom: 6px; } } @media (max-width: 760px) { .post-type-archive-projekte .grid_posts .item h4 { margin-bottom: 20px; } } .post-type-archive-projekte .grid_posts .item .btn { background: transparent; color: #fff; border: 3px solid #fff; font-size: 15px; } @media (max-width: 1080px) { .post-type-archive-projekte .grid_posts .item .btn { margin-top: 6px; } } @media (max-width: 760px) { .post-type-archive-projekte .grid_posts .item .btn { padding: 12px 26px; margin-top: 0; margin-bottom: 0; } } .post-type-archive-projekte .grid_posts .item .btn:hover { background: #63D8B2; color: #fff; border: 3px solid #63D8B2; } @media (max-width: 760px) { .post-type-archive-projekte .grid_posts .item .btn:hover { background: transparent; color: #fff; border: 3px solid #fff; } } .post-type-archive-projekte .grid_posts .item .text_bottom { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.17); font-size: 20px; color: #fff; font-family: "Montserrat", Helvetica, Arial, sans-serif; font-weight: 500; display: flex; align-items: center; flex-direction: column; justify-content: center; opacity: 0; border-radius: 10px; transition: .3s; padding: 0 10px; } .post-type-archive-projekte:not(.touch) .grid_posts .item:hover img { filter: blur(4px); } .post-type-archive-projekte:not(.touch) .grid_posts .item:hover .text_bottom { opacity: 1; } .post-type-archive-projekte:not(.touch) .grid_posts .item:hover .btn { background: #63D8B2; color: #fff; border: 3px solid #63D8B2; } .post-type-archive-projekte.touch .grid_posts .item p, .post-type-archive-projekte.touch .grid_posts .item h4 { display: none; } .post-type-archive-projekte.touch .grid_posts .item .btn { margin: 0; } .post-type-archive-projekte.touch .grid_posts .item img { filter: blur(4px); } .post-type-archive-projekte.touch .grid_posts .item .text_bottom { opacity: 1; } .post-type-archive-projekte.touch .grid_posts .item:hover .btn { background: #63D8B2; color: #fff; border: 3px solid #63D8B2; } .projects-filter .filter_head { display: flex; align-items: center; justify-content: space-between; padding-top: 100px; } @media (max-width: 760px) { .projects-filter .filter_head { padding-top: 72px; margin-bottom: 0; } } .projects-filter .filter_head h4 { font-size: 26px; margin: 0; } @media (max-width: 760px) { .projects-filter .filter_head h4 { font-size: 22px; font-weight: 700; } } .projects-filter .filter_head i { color: #63D8B2; font-size: 40px; margin-top: -8px; margin-right: 2px; } @media (max-width: 760px) { .projects-filter .filter_head i { font-size: 25px; } } .projects-filter .filter_posts { margin-top: 25px; margin-bottom: 25px; background: linear-gradient(90deg, #7fd79b 0%, #4dd9c7 100%); color: #fff; padding: 35px; display: none; } @media (max-width: 760px) { .projects-filter .filter_posts { padding: 30px 20px; margin-left: -20px; margin-right: -20px; } } .projects-filter .filter_posts h3 { font-weight: 700; font-size: 18px; color: #fff; margin-bottom: 5px; } @media (max-width: 767px) { .projects-filter .filter_posts h3 { font-size: 15px; } } .projects-filter .filter_posts ul { margin: 0; display: flex; align-items: center; flex-wrap: wrap; width: 100%; padding: 0; } .projects-filter .filter_posts ul.year { margin-bottom: 50px; } @media (max-width: 760px) { .projects-filter .filter_posts ul.year { margin-bottom: 15px; } } .projects-filter .filter_posts ul.author { margin-bottom: 0; } .projects-filter .filter_posts ul li { list-style: none; padding: 11px 26px; margin: 0 5px 10px 0; font-weight: 300; font-size: 16px; border: 3px solid #fff; border-radius: 8px; transition: .3s; cursor: pointer; } @media (max-width: 767px) { .projects-filter .filter_posts ul li { font-size: 15px; margin-bottom: 5px; border: 1px solid #fff; } } .projects-filter .filter_posts ul li:hover, .projects-filter .filter_posts ul li.active { background: #fff; color: #63D8B2; } .projects-filter .filter_posts ul li .reset { display: none; width: 12px; height: 12px; margin-left: 21px; position: relative; margin-bottom: -3px; pointer-events: none; } .projects-filter .filter_posts ul li.active .reset { display: inline-block; } .projects-filter .active_filter { width: 20px; height: 22px; position: relative; } .projects-filter .active_filter:before { content: ''; display: block; width: 50px; height: 50px; position: absolute; left: -14px; top: -14px; } .projects-filter .active_filter img { width: 100%; height: 22px; position: absolute; top: 0; left: 0; transition: all .3s ease-in-out; } @media (max-width: 760px) { .projects-filter .active_filter img { width: 28px; } } .projects-filter .active_filter .close-button { opacity: 0; width: 14px; left: 3px; } .projects-filter .active_filter.active .close-button { opacity: 1; } .projects-filter .active_filter.active .filter-button { opacity: 0; } .projects-filter .active_list { display: none; align-items: center; flex-wrap: wrap; width: 100%; padding: 0; margin-bottom: 0; margin-top: 25px; } .projects-filter .active_list li { list-style: none; padding: 5px 18px; margin: 0 5px 25px 0; font-weight: 700; font-size: 16px; border: 3px solid #63D8B2; border-radius: 5px; transition: .3s; cursor: pointer; background: #fff; color: #63D8B2; } @media (max-width: 760px) { .projects-filter .active_list li { border: 1px solid #63D8B2; } } .projects-filter .active_list li .reset { display: inline-block; width: 12px; height: 12px; margin-left: 10px; position: relative; margin-bottom: -2px; pointer-events: none; top: -1px; } .projects-filter .active_list.active { display: flex; } .page-template-elements { background: #fff; } @media (max-width: 760px) { .page-template-elements .col { flex-basis: auto; } } .page-template-elements .big_image { padding: 0px 0 100px; } .page-template-elements .big_image img { width: 100%; } .page-template-elements .big_image img.hide { display: none; } @media (max-width: 760px) { .page-template-elements .big_image { padding: 0px 0 72px; } } .page-template-elements .big_image .image_mobile { padding: 0 20px; } .slide-left, .slide-right { position: absolute; z-index: 1; top: 0; background: transparent; border: none; width: 50%; height: calc(100% - 110px); } .slide-left:focus, .slide-right:focus { outline: none; } .touch .slide-left, .touch .slide-right { display: none; } .slide-left { left: 0; cursor: url(./06b2f38f100b88e89cdfbc1f96b588be.svg), auto !important; } .slide-right { right: 0; cursor: url(./3b7dc9788c8ef53aee73983b4977f85e.svg), auto !important; outline: none; } @media (max-width: 960px) { .top_slider .slide-left, .top_slider .slide-right { display: none; } } .background_grey { background-color: #F0F1F2 !important; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 700; } .btn--greentext { color: #63D8B2; font-weight: 500; } .custom-block { padding-bottom: 100px; } @media (max-width: 767px) { .custom-block { padding-bottom: 72px; } } .custom-block .text-block-editor .btn { text-decoration: none; margin-left: 0; margin-right: 0; } .custom-block .text-block-editor p:last-of-type { margin-bottom: 0; } @media (max-width: 767px) { .custom-block .col .text-block-editor { margin-bottom: 32px; } } .button-block { padding-bottom: 100px; } @media (max-width: 767px) { .button-block { padding-bottom: 72px; } } .button-block .btn { margin-top: 0; margin-bottom: 0; } .paragraph + div .image-full-width { margin-top: 0; } .forwerts_slider .slick-prev, .forwerts_slider .slick-next, .certificates .slick-prev, .certificates .slick-next, .post_slider .slick-prev, .post_slider .slick-next { visibility: hidden !important; position: absolute; } .counter-controls { display: flex; position: absolute; top: -81px; right: 20px; left: auto; } @media (max-width: 767px) { .counter-controls { top: -56px; } } @media (min-width: 768px) { .counter-controls { right: 40px; } } @media (min-width: 1025px) { .counter-controls { right: 30px; } } @media (min-width: 1350px) { .counter-controls { left: calc(50vw - 1296px / 2 + 1280px - 140px); right: auto; } } .counter-controls__left, .counter-controls__right { cursor: pointer; position: relative; } .counter-controls__left:before, .counter-controls__right:before { position: absolute; content: ''; left: -10px; top: -10px; width: calc(100% + 20px); height: calc(100% + 20px); } @media (max-width: 767px) { .counter-controls__left svg, .counter-controls__right svg { width: 15px; } } .counter-controls__counter { pointer-events: none; font-size: 15px; font-weight: 700; padding: 2px 24px; } @media (max-width: 767px) { .counter-controls__counter { padding: 2px 14px; } } .slider-block--two_slides .counter-controls { left: auto; right: 0; } @media (max-width: 767px) { .slider-block--two_slides .counter-controls { right: 6px; } } .slider-block--remove_side_number .counter-controls { display: none; } .certificates-wrapper .counter-controls { display: none; } .wins--add_side_number .certificates-wrapper .counter-controls { display: flex; top: -91px; } @media (max-width: 767px) { .wins--add_side_number .certificates-wrapper .counter-controls { top: -19px; } } .wins--in_container .certificates-wrapper .counter-controls { right: 0; left: auto; } body:not(.home) .nav-active .hamburger { top: 53px; right: 10px; } @media (max-width: 767px) { body:not(.home) .nav-active .hamburger { top: 0; right: 1px; } } @media (max-width: 960px) { body.home .nav-active .hamburger { top: 0; } } .non-login-user { padding-top: 100px; padding-bottom: 100px; } .prototypes { margin: 100px 0 88px; } @media (max-width: 767px) { .prototypes { margin: 72px 0 60px; } } .prototypes .btn { margin: 0; margin-right: 12px; margin-bottom: 12px; } .prototypes .btn:last-of-type { margin-right: 0; } .projects_filtered { padding: 25px 0 100px; } @media (max-width: 767px) { .projects_filtered { padding: 25px 0 72px; } } .projects_filtered__text { background-color: rgba(0, 0, 0, 0.17); position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 10px; display: flex; align-items: center; justify-content: center; opacity: 0; transition: all .3s ease-in-out; } .projects_filtered__text h3 { color: #fff; margin: 0; } .projects_filtered__item { display: block; border-radius: 10px; overflow: hidden; margin-bottom: 24px; position: relative; } .projects_filtered__item img { filter: blur(0); transition: all .3s ease-in-out; } .projects_filtered__item:hover img { filter: blur(4px); } .projects_filtered__item:hover .projects_filtered__text { opacity: 1; } .form-block { margin: 100px 0; } .form-block .container { max-width: 864px; padding-left: 12px; padding-right: 12px; } @media (max-width: 1024px) { .form-block .container { padding-left: 40px; padding-right: 40px; max-width: unset; } } @media (max-width: 767px) { .form-block .container { padding-left: 20px; padding-right: 20px; } } .form-block .container .row { margin-left: -12px; margin-right: -12px; width: auto; } .form-block .container .col { padding-left: 12px; padding-right: 12px; } @media (max-width: 767px) { .form-block .container .col { flex-basis: unset; } } .form-block .wpcf7 form .wpcf7-response-output { margin-left: 0; margin-right: 0; color: #63D8B2; padding-left: 0; padding-right: 0; border: none; } .form-block .wpcf7-form:not(.sent) .wpcf7-response-output { display: none !important; color: #dc3232; } .wpcf7-form { margin-top: 50px; /* Chrome, Safari, Edge, Opera */ /* Firefox */ /*Change background-color in autofill textbox*/ } .wpcf7-form input::-webkit-outer-spin-button, .wpcf7-form input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .wpcf7-form input[type=number] { -moz-appearance: textfield; } .wpcf7-form input:-webkit-autofill, .wpcf7-form input:-webkit-autofill:hover, .wpcf7-form input:-webkit-autofill:focus, .wpcf7-form textarea:-webkit-autofill, .wpcf7-form textarea:-webkit-autofill:hover, .wpcf7-form textarea:-webkit-autofill:focus, .wpcf7-form select:-webkit-autofill, .wpcf7-form select:-webkit-autofill:hover, .wpcf7-form select:-webkit-autofill:focus { -webkit-box-shadow: inset 0 0 0 50px #fff; -webkit-text-fill-color: #000; } .wpcf7-form input[type="date"] { -webkit-appearance: none; } .wpcf7-form input, .wpcf7-form textarea { line-height: 1.3; font-size: 18px; color: #46454c; height: 65px; padding: 0 24px; border: 3px solid rgba(70, 69, 76, 0.5); border-radius: 10px; width: 100%; background-color: #fff !important; text-align: left; } @media (max-width: 767px) { .wpcf7-form input, .wpcf7-form textarea { font-size: 16px; padding: 0 16px; } } .wpcf7-form input:focus, .wpcf7-form textarea:focus { border-color: #63D8B2; outline: none; background-color: #fff !important; } .wpcf7-form input::placeholder, .wpcf7-form textarea::placeholder { color: transparent; transition: all .3s ease-in-out; } @media (max-width: 767px) { .wpcf7-form input::placeholder, .wpcf7-form textarea::placeholder { font-size: 18px; } } .wpcf7-form input.wpcf7-not-valid, .wpcf7-form textarea.wpcf7-not-valid { border-color: #dc3232; } .wpcf7-form .wpcf7-form-control-wrap { position: relative; display: block; } .wpcf7-form .wpcf7-form-control-wrap:before { display: none; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); font-family: 'FontAwesome'; content: '\F00C'; color: #63D8B2; font-size: 24px; } .wpcf7-form .textarea-wrapper { padding-top: 24px; padding-bottom: 24px; padding-left: 24px; padding-right: 24px; height: 400px; border: 3px solid rgba(70, 69, 76, 0.5); border-radius: 10px; transition: all .3s ease-in-out; position: relative; background-color: #fff; } @media (max-width: 767px) { .wpcf7-form .textarea-wrapper { padding: 16px; } } .wpcf7-form .textarea-wrapper:before { content: ''; position: absolute; top: 10px; left: 12px; width: calc(100% - 24px); height: 100px; background-image: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0) 100%); z-index: 2; visibility: hidden; pointer-events: none; } .wpcf7-form .textarea-wrapper:after { content: ''; position: absolute; width: 100%; height: 48px; bottom: 0; left: 0; background: #fff; z-index: 2; border-radius: 0 0 10px 10px; pointer-events: none; opacity: 1; transition: all .3s ease-in-out; } @media (max-width: 767px) { .wpcf7-form .textarea-wrapper:after { display: none; } } .wpcf7-form .textarea-wrapper .wpcf7-form-control-wrap:before { display: none; } .wpcf7-form textarea { height: 352px; border: none; resize: none; padding: 0; border-radius: 0; } @media (max-width: 767px) { .wpcf7-form textarea { height: 360px; } } .wpcf7-form textarea::-webkit-scrollbar { width: 6px; } .wpcf7-form textarea::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #fff; } .wpcf7-form textarea::-webkit-scrollbar-thumb { background-color: rgba(70, 69, 76, 0.5); border-radius: 6px; } .wpcf7-form .counter { position: absolute; z-index: 3; right: 27px; bottom: 20px; font-size: 16px; transition: all .3s ease-in-out; } @media (max-width: 767px) { .wpcf7-form .counter { font-size: 15px; bottom: -30px; } } .wpcf7-form .item.scrolled-bottom .counter { bottom: -43px; } .wpcf7-form .item.scrolled-bottom .textarea-wrapper:before { visibility: visible; } .wpcf7-form .item.scrolled-bottom .textarea-wrapper:after { height: 0; } .wpcf7-form .wpcf7-not-valid-tip { font-size: 18px; padding: 4px 27px 0; } .wpcf7-form label { position: absolute; left: 27px; top: 20px; max-width: calc(100% - 34px); z-index: 2; font-size: 18px; color: rgba(70, 69, 76, 0.5); cursor: initial; transition: all .3s ease-in-out; } @media (max-width: 767px) { .wpcf7-form label { font-size: 16px; top: 22px; left: 19px; } } .wpcf7-form .item { position: relative; margin-bottom: 50px; } @media (max-width: 767px) { .wpcf7-form .item { margin-bottom: 20px; } } .wpcf7-form .item--date input[type="date"]::-webkit-calendar-picker-indicator { color: transparent; background: none; z-index: 1; } .wpcf7-form .item--date input[type="date"] { color: #fff; opacity: 0; } .wpcf7-form .item--date input[type="date"]:focus { color: #46454c; } .wpcf7-form .item--date input[type="date"].visible-placeholder { color: #46454c; } .wpcf7-form .item--date span.wpcf7-form-control-wrap { position: relative; } .wpcf7-form .item--date span.wpcf7-form-control-wrap:after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: 3px solid rgba(70, 69, 76, 0.5); border-radius: 10px; pointer-events: none; } .wpcf7-form .item--date span.wpcf7-form-control-wrap:before { pointer-events: none; background: none; display: block; font-family: 'FontAwesome'; content: '\F073'; position: absolute; top: 33px; transform: translateY(-50%); right: 24px; color: #999; transition: all .3s ease-in-out; } @media (max-width: 767px) { .wpcf7-form .item--date span.wpcf7-form-control-wrap:before { right: 16px; } } .wpcf7-form .item--date.not-valid span.wpcf7-form-control-wrap:before { color: #dc3232; } .wpcf7-form .item--date.not-valid span.wpcf7-form-control-wrap:after { border-color: #dc3232; height: 65px; } .wpcf7-form .item.label-top label { top: -8px; left: 23px; font-size: 14px; padding: 0 4px; background: #fff; } @media (max-width: 767px) { .wpcf7-form .item.label-top label { left: 16px; font-size: 15px; } } .wpcf7-form .item.label-top input::placeholder { color: rgba(70, 69, 76, 0.5); } .wpcf7-form .item.label-top.item--date .wpcf7-form-control-wrap:after { display: none; } .wpcf7-form .item.label-top.item--date .wpcf7-form-control-wrap input { opacity: 1; } @media (max-width: 767px) { .wpcf7-form .item.item--counter { margin-bottom: 50px; } } .wpcf7-form .item.item--counter.label-top .textarea-wrapper { border-color: #63D8B2; } .wpcf7-form .item.not-valid label { color: #dc3232; } .wpcf7-form .item--file { display: flex; margin-bottom: 30px; flex-flow: row wrap; position: relative; } .wpcf7-form .item--file.activated .wpcf7-form-control-wrap:before { display: none !important; } .wpcf7-form .item--file input { display: none; } .wpcf7-form .item--file label { cursor: pointer; width: 64px; height: 64px; background-image: url(./2198d5fd430b21ca72e79b61c3a66ad9.svg); background-size: 64px; background-repeat: no-repeat; background-position: 50% 50%; position: static; margin-bottom: 0; transition: all 0s ease-in-out; } @media (max-width: 767px) { .wpcf7-form .item--file label { width: 52px; height: 52px; background-size: 52px; } } .wpcf7-form .item--file#current-upload-file label { background-image: url(./424ae44f309ac3c71130062e1ed9fe04.svg); } .wpcf7-form .item--file#uploaded label { background-image: url(./3c8d10e584f93e2084f658a437047c0a.svg); } .wpcf7-form .item--file.not-valid label { background-image: url(./6a4bb111907eea7d45f7503ddd5d0c59.png) !important; background-size: 59px; } @media (max-width: 767px) { .wpcf7-form .item--file.not-valid label { background-size: 48px; } } .wpcf7-form .item--file .label { font-size: 18px; font-weight: 700; display: block; color: #46454c; line-height: 1.3; } @media (max-width: 767px) { .wpcf7-form .item--file .label { font-size: 16px; } } .wpcf7-form .item--file .type { font-size: 18px; display: block; color: #46454c; line-height: 1.35; } @media (max-width: 767px) { .wpcf7-form .item--file .type { font-size: 16px; } } .wpcf7-form .item--file .wpcf7-form-control-wrap { width: 0; } .wpcf7-form .item--file .info { padding: 9px 24px 0; width: calc(100% - 64px); } @media (max-width: 767px) { .wpcf7-form .item--file .info { padding: 0 16px; } } .wpcf7-form .item--file .loading, .wpcf7-form .item--file .uploaded, .wpcf7-form .item--file .failed { display: none; padding: 0 24px; width: calc(100% - 64px); } @media (max-width: 767px) { .wpcf7-form .item--file .loading, .wpcf7-form .item--file .uploaded, .wpcf7-form .item--file .failed { padding: 0 16px; width: calc(100% - 60px); } } .wpcf7-form .item--file .loading { padding: 6px 24px; } @media (max-width: 767px) { .wpcf7-form .item--file .loading { padding: 6px 16px; } } .wpcf7-form .item--file .loading span { display: block; font-size: 20px; color: rgba(70, 69, 76, 0.5); line-height: 24px; font-weight: 500; } @media (max-width: 767px) { .wpcf7-form .item--file .loading span { font-size: 15px; } } .wpcf7-form .item--file .loading progress { width: calc(100% - 28px) !important; -webkit-appearance: none; appearance: none; height: 10px; } @media (max-width: 767px) { .wpcf7-form .item--file .loading progress { height: 8px; } } .wpcf7-form .item--file .loading progress::-webkit-progress-bar { background-color: rgba(70, 69, 76, 0.5); border-radius: 2px; } .wpcf7-form .item--file .loading progress::-webkit-progress-value { background-image: linear-gradient(to right, #4BD9C6 0%, #7FD79A 100%); } .wpcf7-form .item--file .loading progress::-moz-progress-bar { background-image: -moz-linear-gradient(right, #4BD9C6 0%, #7FD79A 100%); } .wpcf7-form .item--file .uploaded { align-items: center; } .wpcf7-form .item--file .uploaded .name { font-size: 24px; line-height: 32px; font-weight: 700; color: #46454c; } @media (max-width: 767px) { .wpcf7-form .item--file .uploaded .name { font-size: 20px; line-height: 26px; } } .wpcf7-form .item--file.not-valid .info, .wpcf7-form .item--file.not-valid .loading, .wpcf7-form .item--file.not-valid .uploaded { display: none !important; } .wpcf7-form .item--file.not-valid.required-field-error .info { display: block !important; } .wpcf7-form .item--file.not-valid .failed { display: block; order: 1; width: 100%; padding: 0; } .wpcf7-form .item--file.not-valid .failed .name { font-size: 24px; font-weight: 700; color: #dc3232; line-height: 32px; } @media (max-width: 767px) { .wpcf7-form .item--file.not-valid .failed .name { font-size: 20px; line-height: 26px; } } .wpcf7-form .item--file.not-valid .input-and-failed { display: flex; flex-flow: row wrap; padding: 0 24px; width: calc(100% - 64px); } @media (max-width: 767px) { .wpcf7-form .item--file.not-valid .input-and-failed { padding: 0 16px; } } .wpcf7-form .item--file.not-valid .wpcf7-form-control-wrap { order: 2; width: 100%; } .wpcf7-form .item--file.not-valid .wpcf7-not-valid-tip { padding: 0; font-size: 24px; line-height: 32px; } @media (max-width: 767px) { .wpcf7-form .item--file.not-valid .wpcf7-not-valid-tip { font-size: 20px; line-height: 26px; } } .wpcf7-form .item--file .clear-file { display: none; position: absolute; right: 0; top: 20px; font-size: 20px; width: 20px; height: 20px; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 329.269 329'%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='M194.8 164.77L323.013 36.555c8.343-8.34 8.343-21.825 0-30.164-8.34-8.34-21.825-8.34-30.164 0L164.633 134.605 36.422 6.391c-8.344-8.34-21.824-8.34-30.164 0-8.344 8.34-8.344 21.824 0 30.164l128.21 128.215L6.259 292.984c-8.344 8.34-8.344 21.825 0 30.164a21.266 21.266 0 0015.082 6.25c5.46 0 10.922-2.09 15.082-6.25l128.21-128.214 128.216 128.214a21.273 21.273 0 0015.082 6.25c5.46 0 10.922-2.09 15.082-6.25 8.343-8.34 8.343-21.824 0-30.164zm0 0' fill='%23828282' data-original='%23000000'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: 20px; } .wpcf7-form .item--file .clear-file i { display: none; } @media (max-width: 767px) { .wpcf7-form .item--file .clear-file { top: 12px; } } .wpcf7-form .item--file.required-field-error .info { display: block; order: 1; } .wpcf7-form .item--file.required-field-error .input-and-failed { order: 2; padding-left: 88px; } .wpcf7-form .item.activated .wpcf7-form-control-wrap:before { display: block; } .wpcf7-form .item.activated .textarea-wrapper { border-color: #63D8B2; } .wpcf7-form .item.activated .textarea-wrapper .wpcf7-form-control-wrap:before { display: none; } .wpcf7-form .item.activated input { border-color: #63D8B2; } .wpcf7-form .item.activated label { color: #63D8B2; } .wpcf7-form .item.activated input[type="date"]:before { color: #63D8B2; } .wpcf7-form .cf7sr-g-recaptcha { margin-top: 50px; margin-bottom: 50px; } @media (max-width: 767px) { .wpcf7-form .cf7sr-g-recaptcha { margin-bottom: 30px; } } .wpcf7-form input[type="checkbox"] { border-color: #45464C; -webkit-appearance: none; padding: 0; border-radius: 3px; border-width: 2px; } .wpcf7-form input[type="checkbox"]:before { content: ''; display: none; width: 100%; height: 100%; left: 0; top: 0; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2345464C' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); background-color: #fff !important; } .wpcf7-form input[type="checkbox"]:checked:before { display: block; } .wpcf7-form .wpcf7-acceptance { display: block; margin-bottom: 100px; } @media (max-width: 767px) { .wpcf7-form .wpcf7-acceptance { margin-bottom: 20px; } } .wpcf7-form .wpcf7-acceptance .wpcf7-list-item { margin-left: 0; width: 100%; } .wpcf7-form .wpcf7-acceptance input { width: 20px; height: 20px; display: inline-block; } @media (max-width: 767px) { .wpcf7-form .wpcf7-acceptance input { width: 30px; height: 30px; } } .wpcf7-form .wpcf7-acceptance label { position: static; max-width: 100%; font-size: 24px; line-height: 1.3; color: #46454c; display: flex; align-items: center; } @media (max-width: 767px) { .wpcf7-form .wpcf7-acceptance label { font-size: 15px; } } .wpcf7-form .wpcf7-acceptance label a { color: inherit; } .wpcf7-form .wpcf7-acceptance .wpcf7-list-item-label { display: inline-block; padding-left: 16px; max-width: calc(100% - 20px); } @media (max-width: 767px) { .wpcf7-form .wpcf7-acceptance .wpcf7-list-item-label { padding-left: 21px; max-width: calc(100% - 30px); } } .wpcf7-form .required-note { font-size: 24px; color: rgba(70, 69, 76, 0.5); padding-left: 24px; } @media (max-width: 767px) { .wpcf7-form .required-note { font-size: 15px; padding-left: 0; } } .wpcf7-form .wpcf7-submit { border: 3px solid #63D8B2; font-weight: 300; border-radius: 8px; padding: 12px 26px; font-size: 15px; color: #3c3c3c; max-width: 310px; float: right; background-color: #fff; line-height: 1.3em; height: auto; width: auto; } .wpcf7-form .wpcf7-submit:enabled:hover { background-color: #63D8B2 !important; color: #fff; cursor: pointer; } @media (max-width: 767px) { .wpcf7-form .wpcf7-submit { margin-top: 30px; max-width: 100%; width: 100%; } } .wpcf7 form.sent .item.activated label { color: rgba(70, 69, 76, 0.5); } .headline { text-align: center; } .headline h2 { font-size: 25px; } @media (max-width: 760px) { .headline h2 { font-size: 22px; } } .headline.headline-2 { margin-bottom: 52px; padding-top: 100px; } @media (max-width: 767px) { .headline.headline-2 { margin-bottom: 32px; padding-top: 72px; } } .headline.headline-3 { margin-bottom: 52px; margin-top: 100px; } @media (max-width: 767px) { .headline.headline-3 { margin-bottom: 32px; margin-top: 72px; } } .title { font-size: 50px; font-weight: 500; line-height: 65px; margin-bottom: 25px; } @media (max-width: 760px) { .title { font-size: 22px; line-height: 120%; } } .title--bold { font-weight: 700; } .title--center { text-align: center; } .title--right { text-align: right; } .subtitle { display: block; font-size: 30px; font-weight: 300; line-height: 1.3em; } .subtitle p { margin-bottom: 15px; } .paragraph-title { font-size: 15px; line-height: 30px; } .paragraph p:last-child { margin-bottom: 0; } .hero-1 + .paragraph { padding-top: 100px; } @media (max-width: 767px) { .hero-1 + .paragraph { padding-top: 72px; } } .swiper-nav .swiper-button-next, .swiper-nav .swiper-button-prev { right: 0; } .swiper-nav .swiper-button-next:after, .swiper-nav .swiper-button-prev:after { content: ''; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='12' viewBox='0 0 22 12'%3E%3Cg%3E%3Cg%3E%3Cpath fill='none' stroke='%234F4E56' stroke-miterlimit='50' stroke-width='2' d='M15 11v0l5-5v0l-5-5v0'%3E%3C/path%3E%3C/g%3E%3Cg%3E%3Cpath fill='none' stroke='%234F4E56' stroke-miterlimit='50' stroke-width='2' d='M20 6H0'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; } .swiper-nav .swiper-button-prev { left: auto; right: 120px; } .swiper-nav .swiper-button-prev:after { transform: rotate(180deg); } .swiper-nav-holder { position: absolute; top: 0; right: 0; height: 30px; width: 140px; } .swiper-container { width: 100%; height: 100%; padding-top: 80px; margin-top: -82px; } .accordion-block { padding-bottom: 0; } .accordion { padding-left: 30px; } .accordion-title { font-weight: bold; margin-bottom: 32px; font-size: 20px; line-height: 1; } @media (min-width: 769px) { .accordion-title { font-size: 28px; line-height: 30px; } } .accordion-image { border-radius: 10px; display: flex; align-items: flex-end; justify-content: center; background-repeat: no-repeat; background-size: contain; background-position: center; margin-top: 12px; margin-bottom: 32px; } @media (min-width: 769px) { .accordion-image { margin-top: 0; } } .accordion-content .col-sm-6 { flex: auto; max-width: 100%; } @media (min-width: 769px) { .accordion-content .col-sm-6 { padding-left: 12px; padding-right: 12px; flex: 0 0 50%; max-width: 50%; } } .accordion-content .btn { margin: 0 0 32px 0; } .accordion-content .collapse { margin-bottom: 32px; } .accordion-content .collapse .btn { margin: 20px 0 0 0; } .accordion .item-title { font-weight: 500; line-height: 1.4; margin-bottom: 20px; font-size: 20px; } @media (min-width: 769px) { .accordion .item-title { font-size: 25px; margin-bottom: 32px; } } .accordion .item-title:before { margin-top: 0; } .accordion .item-title.active { margin-bottom: 12px; } .accordion .item-title.active + div .item-img img { opacity: 1; } .accordion .item-body p { line-height: 19px; font-size: 15px; margin-bottom: 0; } @media (min-width: 769px) { .accordion .item-body p { font-size: 18px; line-height: 22px; } } .accordion .item-img { margin-bottom: 32px; position: relative; } .accordion .item-img img { opacity: 0; max-width: 100%; animation-name: fadeIn; animation-duration: 2s; } .accordion .item-img--right { text-align: right; } .accordion .item-img--mobile { display: block; } @media (min-width: 768px) { .accordion .item-img--mobile { display: none; } } .accordion .item-img--tablet { display: none; } @media (min-width: 768px) and (max-width: 990px) { .accordion .item-img--tablet { display: block; } } .accordion .item-img--tablet.item-img--center { text-align: center; } .accordion .item-img--desktop { display: none; } @media (min-width: 991px) { .accordion .item-img--desktop { display: block; } } .accordion-block .inline-img .collapse { margin-bottom: 20px; } @media (min-width: 769px) { .accordion-block .inline-img .collapse { margin-bottom: 32px; } } @media (min-width: 769px) { .accordion-block .inline-img .item-title, .accordion-block .inline-img .item-body { width: 50%; padding-right: 15px; } } @keyframes fadeIn { 0% { bottom: 0; right: 0; height: 0; width: 0; opacity: 0; } 100% { bottom: 0; right: 0; opacity: 1; } } .icon-grid { padding: 100px 0 48px; } @media (max-width: 767px) { .icon-grid { padding: 72px 0 40px; } } .icon-grid .row { justify-content: center; } .icon-grid-headline { margin-bottom: 32px; line-height: 1; } @media (min-width: 768px) { .icon-grid-headline { margin-bottom: 52px; } } .icon-grid-headline h2 { font-weight: bold; margin-bottom: 18px; font-size: 20px; line-height: 1; } @media (min-width: 768px) { .icon-grid-headline h2 { margin-bottom: 5px; font-size: 28px; line-height: 30px; } } .icon-grid-headline p { font-weight: 300; line-height: 19px; } @media (min-width: 768px) { .icon-grid-headline p { font-size: 18px; line-height: 22px; } } .icon-grid .col-sm-3 { max-width: 100%; flex: auto; } @media (min-width: 768px) { .icon-grid .col-sm-3 { flex: 0 0 25%; max-width: 25%; flex-basis: auto; } } .icon-card { display: flex; margin-bottom: 32px; } @media (min-width: 768px) { .icon-card { text-align: center; display: block; margin-bottom: 52px; } } @media (max-width: 767px) { .column_align .icon-card { display: block; text-align: center; } } .icon-card__img { min-width: 50px; margin-right: 32px; } @media (min-width: 768px) { .icon-card__img { min-width: 75px; margin-bottom: 12px; margin-right: 0; height: 75px; } } .icon-card__img img { height: 100%; } @media (max-width: 767px) { .icon-card__img img { width: 50px; height: auto; } } @media (max-width: 767px) { .column_align .icon-card__img { margin-right: 0; } } .icon-card__content:nth-of-type(2) { margin-top: 12px; } @media (max-width: 767px) { .icon-card__content:nth-of-type(2) { margin-top: 0; } } @media (max-width: 767px) { .icon-card__content h1 { margin-bottom: 0; text-align: center; min-width: 60px; } } .icon-card__content h2 { font-weight: bold; line-height: 19px; font-size: 15px; margin-bottom: 12px; } @media (min-width: 768px) { .icon-card__content h2 { font-size: 15px; margin-bottom: 20px; line-height: 19px; } } @media (min-width: 1250px) { .icon-card__content h2 { font-size: 25px; line-height: 30px; } } .icon-card__content p { font-weight: 300; line-height: 19px; margin-bottom: 0; } @media (min-width: 768px) { .icon-card__content p { font-size: 15px; line-height: 19px; } } @media (min-width: 1250px) { .icon-card__content p { font-size: 18px; line-height: 22px; } } .tiles-block { padding: 0 0 70px; } @media (max-width: 767px) { .tiles-block { padding: 0 0 42px; } } .tiles-block .row { margin-right: -8px; margin-left: -8px; margin-bottom: 0; margin-top: 0; } @media (min-width: 1025px) { .tiles-block .row { margin-right: -12px; margin-left: -12px; } } .tiles-block .row.mar-12 { margin-right: -12px; margin-left: -12px; } .tiles-block .flex-row-reverse { flex-direction: column-reverse; } @media (min-width: 1025px) { .tiles-block .flex-row-reverse { flex-direction: row-reverse; } } .tiles-block .col-6, .tiles-block .col { padding-left: 8px; padding-right: 8px; } @media (min-width: 1025px) { .tiles-block .col-6, .tiles-block .col { padding-left: 12px; padding-right: 12px; } } @media (min-width: 1025px) { .tiles-block .col-md-3, .tiles-block .col-md-6 { padding-left: 12px; padding-right: 12px; } } @media (max-width: 1024px) { .tiles-block .col-md-6 { flex: auto; } } .tiles-block .tile-item { margin-bottom: 30px; } .tiles-block .tile-item a:hover { color: #4F4E56; } .tiles-block .tile-item__img { width: 100%; height: calc(100vw / 3.764); border-radius: 10px; overflow: hidden; position: relative; } @media (min-width: 1025px) { .tiles-block .tile-item__img { height: 282px; } } @media (min-width: 1260px) { .tiles-block .tile-item__img { width: 282px; } } .tiles-block .tile-item__img.js-equal-image { width: 100%; } @media (max-width: 768px) { .tiles-block .tile-item__img.js-equal-image { height: calc(100vw / 2.254); } } .tiles-block .tile-item__img img { position: absolute; height: 100%; width: 100%; max-width: none; object-fit: cover; } .tiles-block .tile-item__content { margin-top: 10px; display: flex; flex-direction: column; justify-content: space-between; } @media (min-width: 1025px) { .tiles-block .tile-item__content { margin-top: 12px; } } .tiles-block .tile-item__content .btn { display: block; margin: 32px 0 0 0; } .tiles-block .tile-item__text h3 { font-size: 16px; margin-bottom: 6px; font-weight: bold; } @media (min-width: 1025px) { .tiles-block .tile-item__text h3 { font-size: 20px; margin-bottom: 8px; } } .tiles-block .tile-item__text p { font-size: 16px; margin-bottom: 0; line-height: 24px; } @media (min-width: 1025px) { .tiles-block .tile-item__text p { font-size: 20px; line-height: 28px; } } @media (min-width: 1025px) { .tiles-block .col-sm-4 .tile-item__img { height: calc(100vw / 3 - 42px); } } @media (min-width: 1260px) { .tiles-block .col-sm-4 .tile-item__img { width: 384px; height: 384px; } } @media (max-width: 767px) { .tiles-block .col-sm-4.col-12 .tile-item__img { height: calc(100vw / 2.254); } } @media (max-width: 767px) { .tiles-block .col-sm-6 .tile-item__img { height: calc(100vw / 2.254); } } @media (max-width: 1024px) { .tiles-block .col-md-6.col > .tile-item .tile-item__img { height: calc(100vw / 1.75) !important; } } .tiles-block--slider { padding-top: 100px; } @media (max-width: 767px) { .tiles-block--slider { padding-top: 72px; } } .tiles-block--slider h2 { margin-bottom: 52px; font-size: 25px; max-width: calc(100% - 100px); } @media (max-width: 767px) { .tiles-block--slider h2 { margin-bottom: 32px; } } @media (max-width: 1024px) { .tiles-block--slider .tile-item { margin-bottom: 60px; } } @media (max-width: 1024px) { .tiles-block--slider .col-12:last-of-type .tile-item { margin-bottom: 30px; } } .tiles-block--slider .swiper-container-horizontal .fraction { background-color: transparent; top: 4px; left: -4px; color: #4F4E56; font-size: 15px; font-weight: 700; } @media (max-width: 767px) { .tiles-block--slider .swiper-wrapper { display: block; } .tiles-block--slider .swiper-nav-holder { display: none; } .tiles-block--slider .tile-item__img { height: calc(100vw / 2); } } @media (max-width: 1024px) { .tiles-block.image_pos_top_mob .tile-item__img img { object-position: center 17%; } } @media (max-width: 1024px) { .tiles-block.image_pos_top_mob .tile-item.image_pos_center_mob .tile-item__img img { object-position: center center; } } .paragraph + .tiles-block { padding: 0 0 70px; margin-bottom: 0; } @media (max-width: 767px) { .paragraph + .tiles-block { padding: 0 0 42px; } } .overlapping-block { margin-top: -150px; } @media (min-width: 768px) { .overlapping-block { margin-top: -220px; } } @media (min-width: 1260px) { .overlapping-block .container { max-width: 1460px; } } @media (min-width: 768px) { .overlapping-block__holder { background-color: #fff; padding: 50px 50px 20px; border-radius: 20px; } } @media (min-width: 1260px) { .overlapping-block__holder { padding: 100px 100px 40px; } } .overlapping-block__holder.open .overlapping-block__intro:after { display: none; } @media (min-width: 769px) { .overlapping-block__head { display: flex; } } .overlapping-block__img { width: 100%; height: calc(100vw / 2.2); position: relative; margin-bottom: 24px; } @media (min-width: 769px) { .overlapping-block__img { margin-right: 50px; min-width: 180px; height: 180px; } } @media (min-width: 1260px) { .overlapping-block__img { min-width: 230px; height: 230px; } } .overlapping-block__img:before { position: absolute; display: block; content: ''; left: -20px; width: calc(100% + 40px); top: 50%; height: 60%; background: #fff; } @media (min-width: 769px) { .overlapping-block__img:before { display: none; } } .overlapping-block__img img { position: absolute; height: 100%; width: 100%; max-width: none; object-fit: cover; border-radius: 10px; } .overlapping-block__intro { position: relative; } .overlapping-block__intro:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.32); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, #fff 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.32)), color-stop(0%, rgba(255, 255, 255, 0.32)), color-stop(0%, rgba(255, 255, 255, 0.32)), color-stop(0%, rgba(255, 255, 255, 0.32)), color-stop(100%, #fff)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, #fff 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, #fff 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, #fff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.32) 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); } .overlapping-block__intro p { font-size: 18px; line-height: 22px; } @media (min-width: 1260px) { .overlapping-block__intro p { font-size: 25px; line-height: 35px; } } @media (max-width: 768px) { .overlapping-block [class*="col-"] { flex: auto; flex-grow: 1; max-width: 100%; } } .overlapping-block__body { margin-top: 50px; margin-bottom: 50px; display: none; font-size: 18px; line-height: 22px; } @media (min-width: 1260px) { .overlapping-block__body { margin-top: 100px; margin-bottom: 100px; font-size: 25px; line-height: 35px; } } .overlapping-block__body h3 { font-weight: bold; font-size: 18px; } @media (min-width: 1260px) { .overlapping-block__body h3 { font-size: 25px; } } .overlapping-block__body .row { margin-bottom: 30px; } @media (min-width: 1260px) { .overlapping-block__body .row { margin-bottom: 65px; } } .overlapping-block__body ul li { margin-bottom: 0.5rem; } .overlapping-block .btn-moreless .fa { transition: none; margin-right: 10px; } .overlapping-block .btn-moreless.active { display: none; } .overlapping-block .btn-moreless.active .fa-angle-down { transform: rotate(180deg); } .top_slider { background-color: #f0f1f2; } .hero-header { padding: 50px 0; position: relative; z-index: 1; } @media (max-width: 1024px) { .hero-header { padding: 38px 0; } } @media (max-width: 768px) { .hero-header { padding: 36px 0; } } @media (max-width: 360px) { .hero-header { padding: 24px 0; } } .hero-header .flex-row { display: flex; justify-content: space-between; align-items: self-end; } .hero-header .logo { height: 30px; } @media (max-width: 768px) { .hero-header .logo { height: 20px; } } .hero-header .logout { font-size: 15px; font-weight: 500; } .close-wrapper { position: fixed; text-align: right; top: 50px; left: 0; width: 100%; z-index: 10; pointer-events: none; font-size: 0; } @media (max-width: 1024px) { .close-wrapper { top: 38px; } } @media (max-width: 768px) { .close-wrapper { top: 31px; } } @media (max-width: 360px) { .close-wrapper { top: 19px; } } .close-wrapper .close { display: inline-block; width: 30px; height: 30px; background: url(./c5cfa09a572ea749b3ac6cc1e7ec47e6.png) no-repeat 50%; background-size: contain; cursor: pointer; } .no-close-modal + .modal-overlay + .modal .close-wrapper { display: none; } .no-close-modal + .modal-overlay + .modal .hero-header { z-index: 11; } .no-close-modal + .modal-overlay + .modal .navbar-brand { pointer-events: none; } .modal-opened .close-wrapper .close { pointer-events: initial; } .hero-1 { margin-bottom: 100px; } @media (max-width: 767px) { .hero-1 { margin-bottom: 72px; } } .hero-1 .container { position: relative; } .hero-1 img { width: 83%; display: block; margin-left: auto; border-radius: 10px; } @media (max-width: 768px) { .hero-1 img { width: 100%; border-radius: 10px 10px 0px 0px; } } .hero-1__content { position: absolute; left: 30px; bottom: -50px; background: #fff; box-shadow: 0px 0px 15px #00000029; border-radius: 10px; padding: 50px; max-width: 588px; font-size: 18px; font-weight: 300; } @media (max-width: 1024px) { .hero-1__content { padding: 38px; max-width: 468px; } } @media (max-width: 768px) { .hero-1__content { border-radius: 0px 0px 10px 10px; padding: 36px; width: 100%; max-width: 100%; position: static; } } @media (max-width: 360px) { .hero-1__content { padding: 24px; font-size: 16px; line-height: 1.3 !important; } } .hero-1__content h3 { margin-bottom: 20px; font-size: 25px; line-height: 1.4 !important; font-weight: 500; } @media (max-width: 360px) { .hero-1__content h3 { font-size: 22px; margin-bottom: 10px; } } .hero-1__content p { line-height: 1.55 !important; } @media (max-width: 360px) { .hero-1__content p { line-height: 1.3 !important; } } .hero-1__content p:last-of-type { margin-bottom: 0; } .hero-2__inner { margin-top: 95px; position: relative; } @media (max-width: 1024px) { .hero-2__inner { margin-top: 63px; padding: 0 78px; } } @media (max-width: 768px) { .hero-2__inner { margin-top: 145px; padding: 0 55px; } } @media (max-width: 360px) { .hero-2__inner { margin-top: 132px; padding: 0 31px; } } .hero-2__inner img, .hero-2__inner .hero-2__video-wrapper { box-shadow: 0px 0px 15px #00000029; border-radius: 10px; margin-bottom: -150px; font-size: 0; } @media (max-width: 1024px) { .hero-2__inner img, .hero-2__inner .hero-2__video-wrapper { margin-bottom: -100px; } } @media (max-width: 768px) { .hero-2__inner img, .hero-2__inner .hero-2__video-wrapper { margin-bottom: -50px; } } @media (max-width: 360px) { .hero-2__inner img, .hero-2__inner .hero-2__video-wrapper { margin-bottom: -25px; } } .hero-2__inner video { border-radius: 10px; } .hero-3__wrapper { display: flex; flex-flow: row wrap; height: 100%; } .hero-3__content { width: 67%; font-size: 18px; font-weight: 300; min-height: 620px; display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 50px; padding-right: 12px; } @media (max-width: 1024px) { .hero-3__content { padding-bottom: 38px; min-height: unset; } } @media (max-width: 768px) { .hero-3__content { width: 100%; padding-right: 0; padding-bottom: 36px; } } @media (max-width: 360px) { .hero-3__content { font-size: 16px; padding-bottom: 24px; } } .hero-3__content h1 { font-size: 50px; font-weight: 500; margin-bottom: 25px; } @media (max-width: 360px) { .hero-3__content h1 { font-size: 30px; margin-bottom: 20px; } } .hero-3__content p { line-height: 1.55; } @media (max-width: 360px) { .hero-3__content p { line-height: 1.3; } } .hero-3__content p:last-of-type { margin-bottom: 0; } .hero-3__text { margin-bottom: 51px; } @media (max-width: 768px) { .hero-3__text { margin-bottom: 25px; } } @media (max-width: 360px) { .hero-3__text { margin-bottom: 20px; } } .hero-3__links h3 { font-weight: 700; font-size: 25px; margin-bottom: 15px; } @media (max-width: 360px) { .hero-3__links h3 { font-size: 22px; } } .hero-3__links .btn { margin: 0 0 15px; min-width: 258px; } .hero-3__links div:last-of-type .btn { margin-bottom: 0; } .hero-3__image { width: 33%; } @media (max-width: 768px) { .hero-3__image { display: none; } } .hero-3__image img { object-fit: cover; } .hero-3__image-tablet { display: none; } @media (max-width: 768px) { .hero-3__image-tablet { display: block; margin-bottom: 25px; } } @media (max-width: 360px) { .hero-3__image-tablet { display: none; } } .hero-3__image-mob { display: none; } @media (max-width: 360px) { .hero-3__image-mob { display: block; margin-bottom: 20px; } } .hero-0 { position: relative; padding-bottom: 0; z-index: 2; } .hero-0 .hero-content-inner { width: 100%; position: relative; display: flex; } .hero-0 .hero-heading { width: 100%; text-align: center; justify-content: center; margin: auto 0; } .hero-0 .image-full-size { position: static; height: auto; min-height: unset; max-height: unset; } .hero-0-header { padding: 50px 10px; margin: 0 auto; z-index: 2; position: relative; display: flex; justify-content: space-between; align-items: center; } .hero-0-content-inner { width: 100%; position: relative; display: flex; } .hero-0-heading { width: 100%; text-align: center; justify-content: center; margin: auto 0; } .hero-0-heading .title { margin-bottom: 0; } .hero-0-heading .title + .subtitle { margin-top: 25px; } .hero-0 .hero-header { width: 100%; position: absolute; top: 0; left: 12px; } .hero-0 .hero-content { width: 100%; position: absolute; top: 0; left: 0; } @media (max-width: 768px) { .hero-0 .hero-header { padding: 36px 0; } .hero-0 .hero-heading .title + .subtitle { margin-top: 16px; } .hero-0 .hero-heading [class*="col"] { padding: 0; } } @media (max-width: 360px) { .hero-0 .hero-header { padding: 24px 0; } } .images-grid { padding: 100px 0; position: relative; } @media (max-width: 767px) { .images-grid { padding: 72px 0; } } .images-grid .row { margin-right: -12px; margin-left: -12px; } .images-grid .row + .row { margin-top: 0; } .images-grid .col { padding-left: 12px; padding-right: 12px; } @media (max-width: 1024px) { .images-grid .col { flex: auto; } } .images-grid .col-sm-6 .images-grid__item { height: calc(100vw / 2 - 25px); } @media (min-width: 768px) { .images-grid .col-sm-6 .images-grid__item { height: calc(100vw / 4.4); } } @media (min-width: 1024px) { .images-grid .col-sm-6 .images-grid__item { height: 300px; } } .images-grid .col-sm-4 .images-grid__item { height: calc(100vw / 2 - 25px); } @media (min-width: 768px) { .images-grid .col-sm-4 .images-grid__item { height: calc(100vw / 6.65); } } @media (min-width: 1024px) { .images-grid .col-sm-4 .images-grid__item { height: 200px; } } .images-grid .images-grid-wrapper { position: relative; } .images-grid .helper-box { position: absolute; top: 0; left: 0; width: 100%; } .images-grid .helper-box--desktop { height: 50%; display: block; } @media (max-width: 767px) { .images-grid .helper-box--desktop { display: none; } } .images-grid .helper-box--mobile { height: calc((100vw / 2 - 25px)/2); display: none; } @media (max-width: 767px) { .images-grid .helper-box--mobile { display: block; } } .images-grid__item { margin-bottom: 24px; width: 100%; border-radius: 10px; overflow: hidden; position: relative; } .images-grid__item img { width: 100%; position: absolute; height: 100%; max-width: none; object-fit: cover; } @media (min-width: 768px) { .images-grid .container .row:last-child .col .images-grid__item { margin-bottom: 0; } } @media (max-width: 767px) { .images-grid .container .row:last-child .col:last-of-type .images-grid__item { margin-bottom: 0; } } .images-grid .button-wrap { margin-top: 8px; } @media (min-width: 768px) { .images-grid .button-wrap { margin-top: 28px; } } .images-grid .button-wrap .btn { margin: 0 auto 0; } .button-wrap { display: flex; } .button-wrap--center { justify-content: center; } .contact-cta { padding: 72px 0 0; margin-bottom: 34px; pointer-events: none; } @media (min-width: 768px) { .contact-cta { margin-bottom: 0; padding: 100px 0 0; } } @media (min-width: 768px) { .contact-cta__holder { display: flex; } } .contact-cta .dialog { text-align: center; width: 300px; } @media (max-width: 767px) { .contact-cta .dialog { margin: 0 auto; } } @media (min-width: 380px) { .contact-cta .dialog { width: 342px; } } @media (min-width: 980px) { .contact-cta .dialog { width: 450px; } } .contact-cta .dialog h2 { font-size: 18px; line-height: 24px; font-weight: bold; padding: 10px 10px 10px; border: 3px solid #78E2D3; border-radius: 10px; position: relative; background-color: #fff; } @media (min-width: 360px) { .contact-cta .dialog h2 { padding: 15px 10px 15px; font-size: 20px; } } @media (min-width: 768px) { .contact-cta .dialog h2 { padding: 30px 15px 25px; font-size: 25px; line-height: 35px; } } .contact-cta .dialog h2:before { content: ''; position: absolute; background-image: url(./b69d45b995e9765d35935c65fa198215.svg); background-size: cover; background-repeat: no-repeat; display: block; right: 109px; top: calc(100% - 1px); height: 80px; width: 58px; } @media (min-width: 768px) { .contact-cta .dialog h2:before { height: 102px; width: 73px; } } .contact-cta__image { position: relative; } @media (min-width: 980px) { .contact-cta__image { width: 60%; margin-right: -90px; } } .contact-cta__image img { position: relative; z-index: 2; margin-top: 70px; margin-right: 84px; margin-left: auto; display: block; max-width: 519px; } @media (max-width: 1236px) { .contact-cta__image img { margin-top: 100px; } } @media (max-width: 950px) { .contact-cta__image img { max-width: 350px; margin-right: 52px; } } @media (max-width: 767px) { .contact-cta__image img { margin-right: auto; max-width: 300px; margin-top: 86px; } } .contact-cta__info { margin-top: 50px; margin-left: auto; padding: 0; } @media (min-width: 768px) { .contact-cta__info { margin-top: 154px; width: 52%; max-width: 565px; text-align: right; } } .contact-cta__info h1 { font-size: 20px; line-height: 24px; font-weight: bold; margin-bottom: 20px; } @media (min-width: 768px) { .contact-cta__info h1 { font-size: 25px; line-height: 35px; } } @media (min-width: 980px) { .contact-cta__info h1 { font-size: 51px; line-height: 62px; margin-bottom: 50px; } } .contact-cta__info h2, .contact-cta__info p { font-size: 20px; line-height: 24px; } @media (min-width: 980px) { .contact-cta__info h2, .contact-cta__info p { font-size: 25px; line-height: 35px; } } .contact-cta__info h2 { font-weight: bold; margin-bottom: 0; } .contact-cta__info p { font-weight: 300; margin-bottom: 28px; } @media (min-width: 980px) { .contact-cta__info p { margin-bottom: 32px; } } .contact-cta__info .icons-list { list-style: none; padding: 0; margin: 0; pointer-events: visible; } .contact-cta__info .icons-list li { font-size: 20px; font-weight: 300; line-height: 26px; } @media (min-width: 980px) { .contact-cta__info .icons-list li { font-size: 25px; line-height: 40px; } } .contact-cta__info .icons-list li img { object-fit: contain; width: 32px; max-height: 32px; margin-right: 10px; } @media (min-width: 980px) { .contact-cta__info .icons-list li img { margin-right: 16px; } } .contact-cta.no-dialog .contact-cta__image img { margin-top: 0; } @media (min-width: 768px) { .overflow-bottom-block { margin-bottom: -85px; } } @media (min-width: 980px) { .overflow-bottom-block { margin-bottom: -131px; } } .icon-list-block { padding: 100px 0 100px; } @media (max-width: 767px) { .icon-list-block { padding: 72px 0; } } .icon-list-block h1 { font-weight: 400; font-size: 24px; line-height: 29px; margin-bottom: 32px; } @media (min-width: 768px) { .icon-list-block h1 { font-size: 50px; line-height: 61px; margin-bottom: 52px; } } .icon-list-block .btn { margin-bottom: 0; } @media (min-width: 768px) { .icon-list-block .btn.active { display: none; } } .icon-list-block .icon-list-button { text-align: center; display: inline-block; margin-bottom: 20px; padding: 8px 12px; border-radius: 5px; } @media (min-width: 768px) { .icon-list-block .icon-list-button { margin-bottom: 27px; padding: 12px 14px; width: 100%; } } .icon-list-block .icon-list-button span { display: block; font-size: 15px; line-height: 19px; font-weight: bold; } @media (min-width: 768px) { .icon-list-block .icon-list-button span { font-size: 21px; line-height: 27px; } } @media (min-width: 835px) { .icon-list-block .icon-list-button span { font-size: 24px; line-height: 29px; } } @media (max-width: 767px) { .icon-list-block .icon-list-button span br { display: none; } } @media (min-width: 768px) { .icon-list-block .icon-list-holder.dropdown-mobile { max-height: unset !important; } } @media (max-width: 767px) { .icon-list-block .icon-list-holder.dropdown-mobile { position: relative; max-height: 200px; overflow: hidden; } } .icon-list-block .icons-list { list-style: none; padding: 0; margin: 0; } .icon-list-block .icons-list li { font-size: 15px; font-weight: 400; line-height: 19px; margin-bottom: 20px; display: flex; align-items: center; flex-flow: row wrap; } .icon-list-block .icons-list li:last-of-type { margin-bottom: 0; } @media (min-width: 768px) { .icon-list-block .icons-list li { font-size: 18px; line-height: 22px; } } .icon-list-block .icons-list li img { object-fit: contain; width: 20px; max-height: 20px; margin-right: 12px; } @media (min-width: 768px) { .icon-list-block .icons-list li img { width: 32px; max-height: 32px; } } .icon-list-block .icons-list li span { width: calc(100% - 32px); display: block; } @media (min-width: 768px) { .icon-list-block .icons-list li span { width: calc(100% - 44px); } } .icon-list-block .mobile-helper { display: none; } @media (max-width: 767px) { .icon-list-block .mobile-helper { position: absolute; display: block; z-index: 1; content: ''; bottom: 0; left: 0; width: 100%; height: 157px; opacity: 1; transition: all .3s ease-in-out; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 75%, #fff 100%); } } .icon-list-block .btn-wrap-mobile { display: block; } @media (min-width: 768px) { .icon-list-block .btn-wrap-mobile { display: none; } } .icon-list-block.dropdown .row .desktop-helper { display: none; } @media (max-width: 767px) { .icon-list-block.dropdown .row { max-height: unset !important; } } @media (min-width: 768px) { .icon-list-block.dropdown .row { overflow: hidden; transition: all .3s ease-in-out; max-height: 350px; position: relative; } .icon-list-block.dropdown .row .desktop-helper { position: absolute; display: block; z-index: 1; content: ''; bottom: 0; left: 0; width: 100%; height: 157px; opacity: 1; transition: all .3s ease-in-out; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 75%, #fff 100%); } } .icon-list-block.dropdown.open .row .desktop-helper { opacity: 0; } .icon-list-block.dropdown .btn-wrap-desktop { display: none; } @media (min-width: 768px) { .icon-list-block.dropdown .btn-wrap-desktop { display: block; } } .icon-list-block.dropdown .btn-moreless .fa { transition: none; margin-right: 10px; } .icon-list-block.dropdown .btn-moreless:hover { color: #fff; } .icon-list-block.dropdown .btn-moreless:hover svg path { stroke: #fff; } .icon-list-block.dropdown .btn-moreless.active .fa-angle-down { transform: rotate(180deg); } @media (max-width: 767px) { .icon-list-block.dropdown .btn-moreless.not-active { display: inline-block; } } @media (max-width: 767px) { .icon-list-block.dropdown .btn-moreless.active { display: none; } } .icon-list-block.dropdown .open-mobile .mobile-helper { opacity: 0; } .icon-list-block .icon-list-wrapper { margin-bottom: 61px; } @media (min-width: 768px) { .icon-list-block .icon-list-wrapper { margin-bottom: 0; } } .icon-list-block .icon-list-wrapper .btn-moreless { font-size: 18px; margin: 20px 0 0; padding: 8px 18px 8px 13px; width: 100%; text-align: center; } .icon-list-block .icon-list-wrapper .btn-moreless svg { margin-right: 16px; } .icon-list-block .icon-list-wrapper .btn-moreless:hover { background-color: #65D8B1; } @media (max-width: 767px) { .icon-list-block .col:last-of-type .icon-list-wrapper { margin-bottom: 0; } } .pdf-slider { padding-left: 19.5%; padding-bottom: 100px; padding-top: 100px; } @media only screen and (max-width: 767px) { .pdf-slider { padding-left: 24%; } } .pdf-slider__pages { position: relative; } .pdf-slider__pages:after { content: ''; position: absolute; right: 0; top: 0; height: 100%; width: 200px; background: linear-gradient(to left, #fff 0, rgba(255, 255, 255, 0) 100%); } .pdf-slider .page { width: 315px; height: 444px; margin-right: 8px; } @media only screen and (max-width: 767px) { .pdf-slider .page { margin-right: 20px; } } @media only screen and (max-width: 618px) { .pdf-slider .page { width: 185px; height: 261px; } } .pdf-slider .page img { object-fit: cover; height: 100%; width: 100%; border: 1px solid #97999b; } .pdf-slider.colored-background .pdf-slider__pages:after { display: none; } .pdf-modal { position: relative; } .pdf-images-modal { width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: 1000; } .pdf-images-modal .link { display: none; } .pdf-images-modal .link img { display: none; } .pdf-images-modal .link-0 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } .paragraph-image { padding-bottom: 100px; padding-top: 100px; margin-bottom: 0; } @media (max-width: 767px) { .paragraph-image { padding: 72px 0; } } .paragraph-image__block { margin-bottom: 100px; } @media (max-width: 767px) { .paragraph-image__block { margin-bottom: 72px; } } .paragraph-image__block:last-of-type { margin-bottom: 0; } .paragraph-image__block--reverse .paragraph-image__text { order: 2; } .paragraph-image__block--reverse .paragraph-image__image { order: 1; padding-left: 0; padding-right: 27px; } @media (max-width: 767px) { .paragraph-image__block--reverse .paragraph-image__image { padding: 0; } } .paragraph-image h3 { width: 100%; font-weight: 700; } @media (max-width: 767px) { .paragraph-image h3 { width: 100%; order: 2; } } .paragraph-image__cols { display: flex; flex-flow: row wrap; } .paragraph-image__text { width: calc(100% - 270px); } @media (max-width: 767px) { .paragraph-image__text { width: 100%; order: 3; } } .paragraph-image__image { width: 270px; padding-left: 27px; } @media (max-width: 767px) { .paragraph-image__image { text-align: center; width: 100%; order: 1; padding: 0; margin-bottom: 52px; } } .table-element { padding: 100px 0 100px; } @media (max-width: 767px) { .table-element { padding: 50px 0; } } .table-element .row { justify-content: center; } .table-card { border-radius: 10px; padding: 50px 32px; } @media (max-width: 767px) { .table-card { padding: 32px 20px; margin-bottom: 50px !important; } } .table-card--image { padding-top: 32px; } .table-card--image .table-card__img { height: 0; text-align: center; margin-bottom: 32px; } .table-card--image .table-card__img img { transform: translateY(-100%); } @media (min-width: 768px) { .table-card--big { padding-top: 82px; margin-top: -32px; padding-bottom: 82px; margin-bottom: -32px; } } @media (min-width: 768px) { .table-card--big.table-card--image { padding-top: 64px; } } .table-card__title { margin: 0 0 24px; } .table-card .title { font-size: 25px; margin: 0; } @media (max-width: 767px) { .table-card .title { font-size: 20px !important; } } .table-card .subtitle { font-size: 25px; font-weight: 400; margin: 0; } @media (max-width: 767px) { .table-card .subtitle { font-size: 20px; } } .table-card__content p:last-of-type { margin-bottom: 0; } .table-card__content p strong { font-weight: 700; } .table-card .btn { margin: 50px 0 0; width: 100%; text-align: center; min-width: unset; } @media (max-width: 767px) { .table-card .btn { margin-top: 32px; } } .modal, .modal-noajax { opacity: 0; pointer-events: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: white; overflow-x: auto; } .modal-overlay { position: fixed; width: 100%; height: 100%; z-index: 1; top: 0; left: 0; display: none; } .modal-opened { overflow: hidden; } .modal-opened main { opacity: 0; } .modal-opened .modal { opacity: 1; pointer-events: initial; } .modal-opened .modal-overlay { display: block; } .iframe-wrapper { text-align: center; padding: 100px 0; position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; } .iframe-wrapper__device { position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none; max-width: unset; } .iframe-wrapper iframe { position: relative; z-index: 1; } .single-prototype .hero-header, .single-prototype .footer-wrapper { display: none; } .page-template-login .footer-wrapper { display: none; } @media (max-width: 768px) { .login-page { min-height: 100vh; } } @media (max-width: 768px) { .login-page .col-sm-6 { flex: 0 0 100%; max-width: 100%; } } @media (max-width: 768px) { .login-page .order-sm-2 { order: unset; } } @media (max-width: 768px) { .login-page .order-sm-1 { order: unset; } } .login-page__left, .login-page__right { height: 100vh; } @media (max-width: 768px) { .login-page__left, .login-page__right { height: auto; } } .login-page__left { display: flex; flex-flow: row wrap; align-items: center; } @media (max-width: 768px) { .login-page__left { justify-content: center; padding: 80px 0 243px; } } @media (max-width: 360px) { .login-page__left { padding: 40px 4px 90px; } } @media (max-width: 360px) { .login-page__left > div { width: 100%; } } .login-page__right img { position: absolute; left: 0; top: 0; height: 100%; width: calc(50vw); max-width: unset; object-fit: cover; } @media (max-width: 768px) { .login-page__right img { width: calc(100% + 80px); position: static; margin-left: -40px; margin-right: -40px; } } @media (max-width: 767px) { .login-page__right img { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; } } @media (max-width: 360px) { .login-page__right img { width: calc(100% + 100px); position: static; margin-left: -50px; margin-right: -50px; } } .login-page__logo { margin-bottom: 40px; } @media (max-width: 1024px) { .login-page__logo { width: 218px; margin-bottom: 20px; } } .login-page #wpmem_login_form { width: 493px; } @media (max-width: 1100px) { .login-page #wpmem_login_form { width: 388px; } } @media (max-width: 940px) { .login-page #wpmem_login_form { width: 310px; } } @media (max-width: 768px) { .login-page #wpmem_login_form { width: 342px; } } @media (max-width: 360px) { .login-page #wpmem_login_form { width: 100%; } } .login-page #wpmem_login_form legend, .login-page #wpmem_login_form label, .login-page #wpmem_login_form #rememberme { display: none; } .login-page #wpmem_login_form .button_div { padding: 0; text-align: left; font-size: 0; margin-top: 20px; } @media (max-width: 1024px) { .login-page #wpmem_login_form .button_div { margin-top: 15px; } } .login-page #wpmem_login_form fieldset { margin: 0; } .login-page #wpmem_login_form .div_text { margin-bottom: 15px; } .login-page #wpmem_login_form input { border: 1px solid #CCCCCC; height: 50px; letter-spacing: 0px; width: 100%; padding: 16px 20px 15px; font-size: 15px; font-weight: 500; color: #4F4E56; font-family: "Montserrat", Helvetica, Arial, sans-serif; } @media (max-width: 1024px) { .login-page #wpmem_login_form input { height: 40px; padding: 11px 10px 10px; } } .login-page #wpmem_login_form input::placeholder { color: #CCCCCC; } .login-page #wpmem_login_form input:focus { outline: none; border-color: #4F4E56; } .login-page #wpmem_login_form input[type='submit'] { cursor: pointer; border: 3px solid #63D8B2; border-radius: 3px; background: #ffffff; width: auto; height: 39px; color: #4F4E56; padding: 0 20px; transition: all .3s ease-in-out; } .login-page #wpmem_login_form input[type='submit']:hover { background: linear-gradient(90deg, #80D79A 0%, #4BD9C7 100%); border-radius: 5px; color: #FFFFFF; } /** * Reset defaults */ html, body { margin: 0; padding: 0; } body { background: #fff !important; } /*# sourceMappingURL=app.min.css.map*/