@font-face { font-family:icomoon;src:url("../fonts/icomoon.woff") format("woff");font-weight:400;font-style:normal;font-display:block }[class*=" icon-"],[class^=icon-] { font-family: icomoon!important; font-style: normal; font-weight: 400; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-cross:before { content: "" } .icon-arrow-right-down:before { content: "" } .icon-arrow-left-down:before { content: "" } .icon-arrow-left-up:before { content: "" } .icon-arrow-right-up:before { content: "" }/*! tailwindcss v3.0.24 | MIT License | https://tailwindcss.com*/*,:after,:before { box-sizing: border-box; border: 0 solid #e7e7e7 } :after,:before { --tw-content: "" } html { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: ui-sans-serif,system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color XRUNDA,Segoe UI XRUNDA,Segoe UI Symbol,Noto Color XRUNDA } body { margin: 0; line-height: inherit } hr { height: 0; color: inherit; border-top-width: 1px } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted } h1,h2,h3,h4,h5,h6 { font-size: inherit; font-weight: inherit } a { color: inherit; text-decoration: inherit } b,strong { font-weight: bolder } code,kbd,pre,samp { font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; font-size: 1em } small { font-size: 80% } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } table { text-indent: 0; border-color: inherit; border-collapse: collapse } button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; line-height: inherit; color: inherit; margin: 0; padding: 0 } button,select { text-transform: none }[type=button],[type=reset],[type=submit],button { -webkit-appearance: button; background-color: transparent; background-image: none } :-moz-focusring { outline: auto } :-moz-ui-invalid { box-shadow: none } progress { vertical-align: baseline } ::-webkit-inner-spin-button,::-webkit-outer-spin-button { height: auto }[type=search] { -webkit-appearance: textfield; outline-offset: -2px } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } summary { display: list-item } blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre { margin: 0 } fieldset { margin: 0 } fieldset,legend { padding: 0 } menu,ol,ul { list-style: none; margin: 0; padding: 0 } textarea { resize: vertical } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #3c3c3c } input::placeholder,textarea::placeholder { opacity: 1; color: #3c3c3c }[role=button],button { cursor: pointer } :disabled { cursor: default } audio,canvas,embed,iframe,img,object,svg,video { display: block; vertical-align: middle } img,video { max-width: 100%; height: auto }[hidden] { display: none } html { font-size: 10px } @media (min-width:1440px) { html { font-size: .6944444444444444vw } } body { background-color: #f1f1f1; color: #000606; line-height: 1.5; font-size: 1.6rem; font-family: NeueMontreal,Roboto,sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; margin-right: 0!important } .bg-inherit { background: inherit } h1,h2,h3,h4,h5,h6 { line-height: 1.5; margin-bottom: 2.5rem } .h1,h1 { font-size: 6.4rem; line-height: 1; letter-spacing: -.01em; font-family: FoundersGrotesk,Roboto,sans-serif; font-weight: 600 } @media (min-width:768px) { .h1,h1 { font-size: 9rem } } @media (min-width:1024px) { .h1,h1 { font-size: 10rem } } @media (min-width:1280px) { .h1,h1 { font-size: 13rem } } .h2,h2 { font-size: 4.6rem; font-weight: 600; line-height: 1.2 } @media (min-width:768px) { .h2,h2 { font-size: 4rem } } @media (min-width:1024px) { .h2,h2 { font-size: 5.2rem } } .h3,.h4,.h5,.h6,h3,h4,h5,h6 { font-size: 1.6rem } blockquote,p { margin-bottom: 3rem } blockquote { font-size: 2.6rem } blockquote p { margin-bottom: 0 } blockquote p:first-child:before { content: "“" } blockquote p:last-child:after { content: "”" } sup { top: .1em } sup span { font-size: 1.4rem } dl { margin-bottom: 3rem } dl dd { opacity: .5 } .heading-large { font-size: 6.4rem; line-height: 1; letter-spacing: -.01em; font-family: FoundersGrotesk,Roboto,sans-serif; font-weight: 600 } @media (min-width:375px) { .heading-large { font-size: 7.8rem } } @media (min-width:768px) { .heading-large { font-size: 12rem } } @media (min-width:1024px) { .heading-large { font-size: 18rem } } @media (min-width:1280px) { .heading-large { font-size: 22rem } } .body-copy--default a { text-decoration: underline } .body-copy--default a:hover { text-decoration: none } @media (min-width:1280px) { .body-copy--default>:not(hr) { padding-right: 11rem } } .form-group label { margin-bottom: 1rem } .reset-last>:last-child { margin-bottom: 0 } .wysiwyg ol { list-style: none; margin-bottom: 3rem; counter-reset: ol-counter } .wysiwyg ol li { display: flex; counter-increment: ol-counter } .wysiwyg ol li:before { content: counter(ol-counter) ". "; width: 3rem; margin-right: 7%; flex-shrink: 0 } @media (min-width:1024px) { .wysiwyg ol li:before { margin-right: 17% } } .wysiwyg ul { list-style: disc; list-style-position: inside; margin-bottom: 3rem } .wysiwyg ol li,.wysiwyg ul li { margin-bottom: 3rem } .wysiwyg hr { margin: 4rem 0; opacity: .1 } @media (min-width:1024px) { .wysiwyg hr { margin: 6rem 0 } } .wysiwyg img { margin: 6rem 0 } *,:after,:before { --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ;--tw-pan-y:; --tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity; --tw-ordinal: ;--tw-slashed-zero:; --tw-numeric-figure: ;--tw-numeric-spacing:; --tw-numeric-fraction: ;--tw-ring-inset:; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,0.5); --tw-ring-offset-shadow: 0 0 transparent; --tw-ring-shadow: 0 0 transparent; --tw-shadow: 0 0 transparent; --tw-shadow-colored: 0 0 transparent; --tw-blur: ;--tw-brightness:; --tw-contrast: ;--tw-grayscale:; --tw-hue-rotate: ;--tw-invert:; --tw-saturate: ;--tw-sepia:; --tw-drop-shadow: ;--tw-backdrop-blur:; --tw-backdrop-brightness: ;--tw-backdrop-contrast:; --tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate:; --tw-backdrop-invert: ;--tw-backdrop-opacity:; --tw-backdrop-saturate: ;--tw-backdrop-sepia: } @font-face { font-family:NeueMontreal;src:url(../fonts/NeueMontreal-Regular.woff) format("woff"),url(../fonts/NeueMontreal-Regular.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal } @font-face { font-family:FoundersGrotesk;src:url(../fonts/FoundersGrotesk-Semibold.woff) format("woff"),url(../fonts/FoundersGrotesk-Semibold.woff2) format("woff2");font-display:swap;font-weight:600;font-style:normal } .contact-form .form-label { font-size: 3.1rem } .contact-form .wpcf7-form-control-wrap { flex-grow: 1 } .contact-form textarea.form-control { text-align: left } .contact-form textarea.form-control::-moz-placeholder { position: absolute; bottom: 1rem; width: 100% } .contact-form textarea.form-control::placeholder { position: absolute; bottom: 1rem; width: 100% }[data-component=header] { transition: transform .5s cubic-bezier(.3,.86,.36,.95); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px) } .is-not-top[data-scroll-direction=down]:not(.menu--opened) [data-component=header] { transform: translateY(-100%); transition-duration: .25s } .menu--opened [data-component=header] { color: #f4f4f4 } .header-nav { display: flex } .header-nav li { margin-right: 2.4rem } .header-nav li:last-child { margin-left: auto; margin-right: 0 } .nav-toggle { overflow: visible } .nav-toggle line { transition: transform .35s cubic-bezier(.3,.86,.36,.95); transform-origin: center } .menu--opened .nav-toggle line:first-child { transform: rotate(45deg) translateY(-3px) } .menu--opened .nav-toggle line:last-child { transform: rotate(-45deg) translateY(3px) } .mobile-menu { transform: translateY(-100%) } .is-loaded .mobile-menu { transition: transform .35s cubic-bezier(.3,.86,.36,.95) } .menu--opened .mobile-menu { transform: none; transition-duration: .5s } .mobile-menu__content { transition: opacity .35s cubic-bezier(.3,.86,.36,.95); opacity: 0 } .menu--opened .mobile-menu__content { opacity: 1; transition-delay: .3s; transition-duration: 1s } .mobile-nav .is-active { color: #00ff96 } * { -webkit-tap-highlight-color: transparent } .cursor-none * { cursor: none!important } .is-scrolling [data-component=thumbnail-hover],.is-scrolling a,.is-scrolling button,.is-scrolling form,.is-transitioning { pointer-events: none!important } .is-transitioning { cursor: progress!important } .is-loading { height: 100%; overflow: hidden; position: fixed; width: 100%; transform: translateZ(0); -webkit-overflow-scrolling: touch } .is-loading * { transition: none!important } .is-loading [data-page-layout] { opacity: 0 } .has-scroll-smooth,.has-scroll-smooth body { height: 100%; overflow: hidden; position: fixed; width: 100%; transform: translateZ(0); -webkit-overflow-scrolling: touch } body { width: 100% } input::-webkit-inner-spin-button,input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } button:focus { outline: none }[data-component=lazyload].loaded { background-color: transparent }[data-component=parallax-box],[data-component=parallax-box]>* { will-change: transform }[data-animation=moveUp] { transition: opacity .35s cubic-bezier(.3,.86,.36,.95); opacity: 0 }[data-animation=moveUp].is-inview { opacity: 1 }[data-animation=moveUp] { transition: opacity .35s cubic-bezier(.3,.86,.36,.95),transform .35s cubic-bezier(.3,.86,.36,.95); transform: translateY(30px) } .no-touchevents .lg\:overflow-y-auto,.no-touchevents .md\:overflow-y-auto,.no-touchevents .overflow-y-auto { -webkit-overflow-scrolling: touch } .no-touchevents .lg\:overflow-y-auto::-webkit-scrollbar,.no-touchevents .md\:overflow-y-auto::-webkit-scrollbar,.no-touchevents .overflow-y-auto::-webkit-scrollbar { width: 4px; background: transparent } .no-touchevents .lg\:overflow-y-auto::-webkit-scrollbar-thumb,.no-touchevents .md\:overflow-y-auto::-webkit-scrollbar-thumb,.no-touchevents .overflow-y-auto::-webkit-scrollbar-thumb { background: rgba(0,0,0,.3) }[data-css-call=moveUp],[data-css-call=moveUpStagger]>* { transition: opacity .35s cubic-bezier(.3,.86,.36,.95),transform .35s cubic-bezier(.3,.86,.36,.95); transition-duration: .8s; transform: translateY(6rem); opacity: 0; transition-delay: .1s }[data-css-call=moveUp].is-inview,[data-css-call=moveUpStagger]>.is-inview { opacity: 1; transform: none }[data-css-call=maskDown] { -webkit-clip-path: polygon(0 0,100% 0,100% 0,0 0); clip-path: polygon(0 0,100% 0,100% 0,0 0) }[data-css-call=maskDown].is-inview { -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%); clip-path: polygon(0 0,100% 0,100% 100%,0 100%) }[data-css-call=maskDownTL] { -webkit-clip-path: polygon(0 0,100% 0,0 0,0 100%); clip-path: polygon(0 0,100% 0,0 0,0 100%) }[data-css-call=maskDownTL].is-inview { -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%); clip-path: polygon(0 0,100% 0,100% 100%,0 100%) }[data-css-call=maskDown],[data-css-call=maskDownTL] { transition: -webkit-clip-path .35s cubic-bezier(.3,.86,.36,.95); transition: clip-path .35s cubic-bezier(.3,.86,.36,.95); transition: clip-path .35s cubic-bezier(.3,.86,.36,.95), -webkit-clip-path .35s cubic-bezier(.3,.86,.36,.95); transition-duration: .7s }[data-css-call=maskDown][data-shown],[data-css-call=maskDownTL][data-shown] { -webkit-clip-path: none; clip-path: none } .is-animating { cursor: progress!important } .is-animating * { pointer-events: none } .crawling-line--large { font-size: 10.8rem; text-transform: uppercase; letter-spacing: -.015em; line-height: .52 }[data-scroll-call=eyes] { transition: opacity .35s cubic-bezier(.3,.86,.36,.95) } .video--is-playing [data-scroll-call=eyes] { opacity: 0 } @-webkit-keyframes link { 0%,0.1% { transform-origin: 100% 100%; transform: scaleX(1) } 49.9% { transform-origin: 100% 100%; transform: scaleX(0) } 50%,50.1% { transform-origin: 0 0; transform: scaleX(0) } to { transform-origin: 0 0; transform: scaleX(1) } } @keyframes link { 0%,0.1% { transform-origin: 100% 100%; transform: scaleX(1) } 49.9% { transform-origin: 100% 100%; transform: scaleX(0) } 50%,50.1% { transform-origin: 0 0; transform: scaleX(0) } to { transform-origin: 0 0; transform: scaleX(1) } }[data-filter-category].is-active { order: -100 } .news-empty-message { display: none } .no-results .news-empty-message { display: block }[data-image-container] .hover-image-target { position: absolute; left: 0; top: 0; width: 100%; height: 100% }[data-image-container] img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .air-datepicker { --adp-day-name-color: #000; --adp-color-current-date: #5c8c85; --adp-font-family: "FoundersGrotesk"; --adp-cell-background-color-in-range: #b8d25e; --adp-cell-background-color-selected: #004d43; --adp-cell-background-color-selected-hover: #004d43 } .air-datepicker .-disabled- { pointer-events: none } .air-datepicker .-selected- { color: #fff } .air-datepicker-body--day-name { font-size: 1em }[data-component=preloader] { visibility: hidden }[data-component=preloader] [data-left-side] { transform: translateX(-150%) }[data-component=preloader] [data-right-side] { transform: translateX(150%) } .is-homepage [data-component=preloader] { visibility: visible } .icon-cross { transition: transform .35s cubic-bezier(.3,.86,.36,.95); display: flex } .icon-cross:hover { transform: rotate(90deg) } .is-loaded [data-component=interpage-overlay] { transition: opacity .7s cubic-bezier(.3,.86,.36,.95); opacity: 0; transition-delay: .6s } .is-homepage [data-component=interpage-overlay] { display: none } .screen-reader-response,.wpcf7-not-valid-tip,.wpcf7-response-output { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0 } .container { width: 100% } @media (min-width:375px) { .container { max-width: 375px } } @media (min-width:520px) { .container { max-width: 520px } } @media (min-width:768px) { .container { max-width: 768px } } @media (min-width:1024px) { .container { max-width: 1024px } } @media (min-width:1280px) { .container { max-width: 1280px } } @media (min-width:1366px) { .container { max-width: 1366px } } @media (min-width:1440px) { .container { max-width: 1440px } } @media (min-width:1920px) { .container { max-width: 1920px } } .container { margin-left: auto; margin-right: auto; padding-left: 2rem; padding-right: 2rem; max-width: 144rem } @media (min-width:1280px) { .container { padding-left: 5rem; padding-right: 5rem } } .btn__icon,.btn__text { position: relative; z-index: 3 } .btn__icon { flex-shrink: 0; width: 4.2rem; height: 4.2rem; border-radius: 9999px; display: flex; align-items: center; justify-content: center; margin-top: -1.4rem; margin-bottom: -1.4rem; margin-right: -1.7rem; font-size: 1rem; transition-property: opacity; transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-duration: .3s } .btn__icon:before { transition-property: opacity,color; transition-timing-function: cubic-bezier(.215,.61,.355,1); z-index: 2; opacity: 0 } .btn__icon:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: inherit; background-color: currentColor; transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter; transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-duration: .3s; transform: scale(.2); transform-origin: center } .btn__icon--append { margin-left: 1.9rem } .btn__icon--prepend { margin-right: 1.9rem } .btn__icon:only-child { margin: 0 } .btn { display: inline-flex; align-items: center; justify-content: center; position: relative; padding: 2rem 2.4rem; cursor: pointer; font-family: NeueMontreal,Roboto,sans-serif; font-size: 1.4rem; line-height: 1; font-weight: 400; transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter; transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-duration: .3s; -webkit-user-select: none; -moz-user-select: none; user-select: none; border-radius: 9999px; box-shadow: inset 0 0 0 1px transparent; will-change: transform; overflow: hidden; text-transform: uppercase } .btn>* { position: relative; z-index: 2 } .btn:after { transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter; transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-duration: .7s; content: ""; position: absolute; border-radius: 50%; left: -3rem; right: -3rem; top: -100%; bottom: -100%; transform-origin: top; transform: scaleY(0); will-change: transform } .no-touchevents .btn:hover:after,.no-touchevents .group:not(.group--no-events):hover .btn:after { transform-origin: bottom; transform: scaleY(1) } .no-touchevents .btn:hover .btn__icon,.no-touchevents .group:not(.group--no-events):hover .btn .btn__icon { opacity: 1 } .no-touchevents .btn:hover .btn__icon:before,.no-touchevents .group:not(.group--no-events):hover .btn .btn__icon:before { transition-delay: NaNpx; transition-duration: .3s; opacity: 1 } .no-touchevents .btn:hover .btn__icon:after,.no-touchevents .group:not(.group--no-events):hover .btn .btn__icon:after { transform: scale(1) } .btn.is-active:after,.btn:active:after,.is-checked .btn:after { transform-origin: bottom; transform: scaleY(1) } .btn:disabled { opacity: .5; pointer-events: none } .btn:focus { outline: none } .btn--default { color: #000606; background: transparent; box-shadow: inset 0 0 0 1px #000606 } .btn--default:after { background: #000606 } .btn--default .btn__icon:before { color: #000606 } .btn--default.is-active,.btn--default:active,.btn--primary,.is-checked .btn--default,.no-touchevents .btn--default:hover,.no-touchevents .group:not(.group--no-events):hover .btn--default { color: #fff; box-shadow: inset 0 0 0 1px #000606 } .btn--primary { background: #000606 } .btn--primary:after { background: #000 } .btn--primary .btn__icon:before { color: #000 } .btn--primary.is-active,.btn--primary:active,.is-checked .btn--primary,.no-touchevents .btn--primary:hover,.no-touchevents .group:not(.group--no-events):hover .btn--primary,.video--is-playing .btn--primary { color: #fff; box-shadow: inset 0 0 0 1px #000 } .btn--secondary { color: #000606; background: #f1f1f1; box-shadow: inset 0 0 0 1px #f1f1f1 } .btn--secondary:after { background: #000606 } .btn--secondary .btn__icon:before { color: #000606 } .btn--secondary.is-active,.btn--secondary:active,.is-checked .btn--secondary,.no-touchevents .btn--secondary:hover,.no-touchevents .group:not(.group--no-events):hover .btn--secondary,.video--is-playing .btn--secondary { color: #f1f1f1; box-shadow: inset 0 0 0 1px #000606 } .btn--small { padding: .8rem 1.2rem } .btn--icon-outside,.btn--icon-outside-hidden { color: #000606; background: transparent; box-shadow: inset 0 0 0 1px #000606; padding: .8rem 1.2rem; overflow: visible } @media (min-width:1280px) { .btn--icon-outside,.btn--icon-outside-hidden { margin-right: 3.6rem } } .btn--icon-outside-hidden:after,.btn--icon-outside:after { display: none } .btn--icon-outside-hidden .btn__icon,.btn--icon-outside .btn__icon { position: absolute; width: 3.2rem; height: 3.2rem; border: 1px solid #000606; right: -3.6rem; color: currentColor; display: none; margin: 0 } @media (min-width:1280px) { .btn--icon-outside-hidden .btn__icon,.btn--icon-outside .btn__icon { display: flex } } .btn--icon-outside-hidden .btn__icon:before,.btn--icon-outside .btn__icon:before { opacity: 1 } .btn--icon-outside-hidden .btn__icon:after,.btn--icon-outside .btn__icon:after { transform: scale(0); background-color: #000606 } .btn--icon-outside-hidden.is-active,.btn--icon-outside-hidden:active,.btn--icon-outside.is-active,.btn--icon-outside:active,.is-checked .btn--icon-outside,.is-checked .btn--icon-outside-hidden,.no-touchevents .btn--icon-outside-hidden:hover,.no-touchevents .btn--icon-outside:hover,.no-touchevents .group:not(.group--no-events):hover .btn--icon-outside,.no-touchevents .group:not(.group--no-events):hover .btn--icon-outside-hidden { background-color: #000606; box-shadow: inset 0 0 0 1px #000606; color: #fff } .btn--icon-outside-hidden.disabled,.btn--icon-outside-hidden:disabled,.btn--icon-outside.disabled,.btn--icon-outside:disabled { box-shadow: inset 0 0 0 1px #e7e7e7; background-color: #e7e7e7; color: rgba(0,0,0,.5); pointer-events: none } .btn--icon-outside-hidden .btn__icon { opacity: 0 } .btn--current { color: currentColor; box-shadow: inset 0 0 0 1px currentColor; background: transparent } .btn--current.is-active,.btn--current:active,.is-checked .btn--current,.no-touchevents .btn--current:hover,.no-touchevents .group:not(.group--no-events):hover .btn--current,.video--is-playing .btn--current { opacity: .7 } .btn--outline-light { color: #f1f1f1; background: transparent; box-shadow: inset 0 0 0 1px #f1f1f1 } .btn--outline-light:after { background: #f1f1f1 } .btn--outline-light.is-active,.btn--outline-light:active,.is-checked .btn--outline-light,.no-touchevents .btn--outline-light:hover,.no-touchevents .group:not(.group--no-events):hover .btn--outline-light,.video--is-playing .btn--outline-light { color: #000606; box-shadow: inset 0 0 0 1px #f1f1f1 } .btn--outline-green { color: #00ff96; background: transparent; box-shadow: inset 0 0 0 1px #00ff96 } .btn--outline-green:after { background: #00ff96 } .btn--outline-green.is-active,.btn--outline-green:active,.is-checked .btn--outline-green,.no-touchevents .btn--outline-green:hover,.no-touchevents .group:not(.group--no-events):hover .btn--outline-green,.video--is-playing .btn--outline-green { color: #000606; box-shadow: inset 0 0 0 1px #00ff96 } .label { padding: .9rem 1.5rem; border-radius: .5rem; display: inline-flex; line-height: 1; align-items: center; font-size: 1.4rem } .link { position: relative; cursor: pointer; display: inline } .link:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: .05em; background: currentColor; will-change: transform; transform-origin: 100% 100%; transform: scaleX(0); pointer-events: none; transition-property: transform; transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-duration: .5s } .group.is-active .link:after,.link.is-active:after,.no-touchevents .group.is-active .link:after,.no-touchevents .group:hover .link:after,.no-touchevents .link.is-active:after,.no-touchevents .link:hover:after { transform-origin: 0 0; transform: scaleX(1) } .group.is-active .link--underline-default,.group:hover .link--underline-default,.link--underline-default.is-active,.link--underline-default:hover { text-decoration: none } .link--custom { display: inline-block; vertical-align: top } .link--custom:after { bottom: -.15em } .link--custom .link__inner { overflow: hidden; position: relative; display: block } .link--custom .link__default-text,.link--custom .link__hover-text { display: block; position: relative; transition-property: transform; transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-duration: .5s } .link--custom .link__hover-text { position: absolute; left: 0; top: 0; transform: translateY(125%) } .no-touchevents .group.is-active .link--custom .link__hover-text,.no-touchevents .group:hover .link--custom .link__hover-text,.no-touchevents .link--custom.is-active .link__hover-text,.no-touchevents .link--custom:hover .link__hover-text { transform: none } .no-touchevents .group.is-active .link--custom .link__default-text,.no-touchevents .group:hover .link--custom .link__default-text,.no-touchevents .link--custom.is-active .link__default-text,.no-touchevents .link--custom:hover .link__default-text { transform: translateY(-125%) } .group.is-active .link--custom .link__hover-text,.link--custom.is-active .link__hover-text { transform: none } .group.is-active .link--custom .link__default-text,.link--custom.is-active .link__default-text { transform: translateY(-125%) } .link--innactive .splitter-row { overflow: visible!important } .link--innactive .splitter-row .link { display: inline-block!important; vertical-align: top } .custom-heading>u,.link--underline { position: relative; cursor: pointer; display: inline } .custom-heading>u:after,.link--underline:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: .05em; background: currentColor; will-change: transform; transform-origin: 0 0; transform: scaleX(1); -webkit-animation: none; animation: none; pointer-events: none; transition-property: transform; transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-duration: .5s } .custom-heading>u.is-active:after,.group.is-active .custom-heading>u:after,.group.is-active .link--underline:after,.link--underline.is-active:after,.no-touchevents .custom-heading>u.is-active:after,.no-touchevents .custom-heading>u:hover:after,.no-touchevents .group.is-active .custom-heading>u:after,.no-touchevents .group.is-active .link--underline:after,.no-touchevents .group:hover .custom-heading>u:after,.no-touchevents .group:hover .link--underline:after,.no-touchevents .link--underline.is-active:after,.no-touchevents .link--underline:hover:after { -webkit-animation: link .75s forwards; animation: link .75s forwards } .custom-heading>u,.link--underline { text-decoration: none } .touchevents .custom-heading>u,.touchevents .link--underline { text-decoration: underline } .touchevents .custom-heading>u:after,.touchevents .link--underline:after { display: none } .zoom-hover { transition-property: transform; transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-duration: 1.5s } .zoom-hover img { transition-property: transform; transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-duration: 2s } .no-touchevents .group.is-active .zoom-hover,.no-touchevents .group:hover .zoom-hover,.no-touchevents .zoom--is-active .zoom-hover { transform: scale(.95) } .no-touchevents .group.is-active .zoom-hover img,.no-touchevents .group:hover .zoom-hover img,.no-touchevents .zoom--is-active .zoom-hover img { transform: scale(1.1) } .choices,.js-custom-select,input[type=email],input[type=search],input[type=tel],input[type=text],textarea { width: 100%; background-color: transparent; padding: .7rem 0; border-radius: 0; border: solid; border-width: 0 0 2px; color: currentColor; font-family: NeueMontreal,Roboto,sans-serif; font-size: 1.6rem; line-height: 1; opacity: .5; transition-property: opacity; transition-timing-function: cubic-bezier(.19,1,.22,1); transition-duration: .3s; appearance: none; -moz-appearance: none; -webkit-appearance: none } .choices:focus,.choices:hover,.js-custom-select:focus,.js-custom-select:hover,input[type=email]:focus,input[type=email]:hover,input[type=search]:focus,input[type=search]:hover,input[type=tel]:focus,input[type=tel]:hover,input[type=text]:focus,input[type=text]:hover,textarea:focus,textarea:hover { opacity: 1; outline: none } .choices[data-has-value=true],.js-custom-select[data-has-value=true] { opacity: 1 } input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none } input::-moz-placeholder, textarea::-moz-placeholder { -moz-transition-property: opacity; transition-property: opacity; transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-duration: .3s; color: currentColor } input::placeholder,textarea::placeholder { transition-property: opacity; transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-duration: .3s; color: currentColor } input:hover::-moz-placeholder, textarea:hover::-moz-placeholder { opacity: 1 } input:hover::placeholder,textarea:hover::placeholder { opacity: 1 } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { opacity: 0 } input:focus::placeholder,textarea:focus::placeholder { opacity: 0 } input:not(:-moz-placeholder-shown), textarea:not(:-moz-placeholder-shown) { opacity: 1 } input:not(:placeholder-shown),textarea:not(:placeholder-shown) { opacity: 1 } .has-error input,.has-error textarea,input.invalid,input.wpcf7-not-valid,input:invalid,textarea.invalid,textarea.wpcf7-not-valid,textarea:invalid { border-color: #e73a2e } .search-form-input input { padding-left: 4rem } .custom-control,.custom-control .wpcf7-list-item>label { display: flex; align-items: center } .custom-control__label { display: inline-block; vertical-align: top; font-size: 1.6rem; line-height: 1.5; cursor: pointer } .custom-control__input { appearance: none; -moz-appearance: none; -webkit-appearance: none; transition-property: all; transition-timing-function: cubic-bezier(.19,1,.22,1); transition-duration: .3s; width: 2rem; height: 2rem; display: block; flex-shrink: 0; cursor: pointer; border-radius: .3rem; color: #000606; border: 1px solid rgba(0,0,0,.3); background-size: 0; margin-right: 1rem; background-position: 50% 50%; background-repeat: no-repeat } .custom-control__input:checked,.custom-control__input:focus,.custom-control__input:hover { outline: none } .custom-control__input:checked { background-size: 8px; border-color: currentColor } .custom-checkbox .custom-control__input { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024'%3E%3Cpath fill='currentColor' d='M16.052 579.335C4.465 594.657-1.172 614.164.204 634.325c1.376 20.163 9.544 38.51 23.084 51.614l328.639 319.864c12.208 11.846 27.347 18.196 43.239 18.196a59.3 59.3 0 005.948-.303c17.979-1.814 34.183-11.542 45.635-27.319L1008.85 219.6c11.276-15.625 16.558-35.283 14.828-55.394-1.776-20.111-10.255-38.257-24.017-51.11L896.759 17.127c-28.368-26.412-70.363-21.775-93.714 10.434L370.439 625.404 196.596 456.298c-27.878-27.016-69.962-23.438-93.89 8.215L16.051 579.334z'/%3E%3C/svg%3E") } .custom-radio .custom-control__input { border-radius: 50%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='7' height='7' rx='3.5' fill='%23fff'/%3E%3C/svg%3E") } .outline-bottom,.outline-top { position: relative } .outline-bottom:after,.outline-bottom:before,.outline-top:after,.outline-top:before { position: absolute; left: -50vw; right: -50vw; height: 0.5px; background: currentColor; opacity: .1 } .outline-top:before { content: ""; top: 0 } .outline-bottom:after { content: ""; bottom: 0 } textarea { min-height: 100% } textarea:placeholder { position: absolute; bottom: 1rem; width: 100% } @media (min-width:1024px) { .list-multihover.aside-list>li:not(:hover):not(.is-active)>*,.list-multihover:hover>li:not(:hover):not(.is-active)>* { opacity: .5 } } hr { border-color: currentColor; opacity: .15 } .reward-block[href]:hover .reward-block__badge { background: #f1f1f1; border-color: #f1f1f1; color: #000606 } @-webkit-keyframes scroll-down { 0% { transform: translateY(-150%) } 30%,70% { transform: translateY(0) } to { transform: translateY(150%) } } @keyframes scroll-down { 0% { transform: translateY(-150%) } 30%,70% { transform: translateY(0) } to { transform: translateY(150%) } } .scroll-down-indicator { overflow: hidden } .scroll-down-indicator__text { display: flex; -webkit-animation: scroll-down 3s infinite backwards; animation: scroll-down 3s infinite backwards }[data-heading-image-line] { opacity: 0 } .is-loaded [data-heading-image-line] { opacity: 1 }[data-heading-image-line] .splitter-row:before { transition: -webkit-clip-path 1.2s cubic-bezier(.86,0,.07,.995); transition: clip-path 1.2s cubic-bezier(.86,0,.07,.995); transition: clip-path 1.2s cubic-bezier(.86,0,.07,.995), -webkit-clip-path 1.2s cubic-bezier(.86,0,.07,.995); width: 1em; height: .65em; display: inline-block; vertical-align: top; background-image: var(--image); background-size: cover; background-color: currentColor; border-radius: .6rem; -webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%); clip-path: polygon(0 0,0 0,0 100%,0 100%); position: relative; top: .2em; z-index: 1 }[data-heading-image-line="0"] .splitter-row:nth-child(0):before { content: "" }[data-heading-image-line="0"] .splitter-row:nth-child(0) .splitter-wrap { transform: translateX(-1em); display: inline-block!important; overflow: visible!important; vertical-align: top }[data-heading-image-line="0"].is-inview .splitter-row:nth-child(0):before { -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%); clip-path: polygon(0 0,100% 0,100% 100%,0 100%); transition-delay: .7s }[data-heading-image-line="0"].is-inview .splitter-row:nth-child(0) .splitter-wrap { transition: transform 1.2s cubic-bezier(.86,0,.07,.995); transform: translateX(1.2rem); transition-delay: .7s }[data-heading-image-line="1"] .splitter-row:first-child:before { content: "" }[data-heading-image-line="1"] .splitter-row:first-child .splitter-wrap { transform: translateX(-1em); display: inline-block!important; overflow: visible!important; vertical-align: top }[data-heading-image-line="1"].is-inview .splitter-row:first-child:before { -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%); clip-path: polygon(0 0,100% 0,100% 100%,0 100%); transition-delay: .7s; background:url("../../../../uploads/2022/05/top.gif"); background-repeat:no-repeat; background-size: cover; }[data-heading-image-line="1"].is-inview .splitter-row:first-child .splitter-wrap { transition: transform 1.2s cubic-bezier(.86,0,.07,.995); transform: translateX(1.2rem); transition-delay: .7s }[data-heading-image-line="2"] .splitter-row:nth-child(2):before { content: "" }[data-heading-image-line="2"] .splitter-row:nth-child(2) .splitter-wrap { transform: translateX(-1em); display: inline-block!important; overflow: visible!important; vertical-align: top }[data-heading-image-line="2"].is-inview .splitter-row:nth-child(2):before { -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%); clip-path: polygon(0 0,100% 0,100% 100%,0 100%); transition-delay: .7s; background:url("../../../../uploads/2022/05/top.gif"); background-repeat:no-repeat; background-size: cover; }[data-heading-image-line="2"].is-inview .splitter-row:nth-child(2) .splitter-wrap { transition: transform 1.2s cubic-bezier(.86,0,.07,.995); transform: translateX(1.2rem); transition-delay: .7s }[data-heading-image-line="3"] .splitter-row:nth-child(3):before { content: "" }[data-heading-image-line="3"] .splitter-row:nth-child(3) .splitter-wrap { transform: translateX(-1em); display: inline-block!important; overflow: visible!important; vertical-align: top }[data-heading-image-line="3"].is-inview .splitter-row:nth-child(3):before { -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%); clip-path: polygon(0 0,100% 0,100% 100%,0 100%); transition-delay: .7s }[data-heading-image-line="3"].is-inview .splitter-row:nth-child(3) .splitter-wrap { transition: transform 1.2s cubic-bezier(.86,0,.07,.995); transform: translateX(1.2rem); transition-delay: .7s }[data-heading-image-line="4"] .splitter-row:nth-child(4):before { content: "" }[data-heading-image-line="4"] .splitter-row:nth-child(4) .splitter-wrap { transform: translateX(-1em); display: inline-block!important; overflow: visible!important; vertical-align: top }[data-heading-image-line="4"].is-inview .splitter-row:nth-child(4):before { -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%); clip-path: polygon(0 0,100% 0,100% 100%,0 100%); transition-delay: .7s }[data-heading-image-line="4"].is-inview .splitter-row:nth-child(4) .splitter-wrap { transition: transform 1.2s cubic-bezier(.86,0,.07,.995); transform: translateX(1.2rem); transition-delay: .7s } .featured-project .featured-project__headline { top: 50% } .featured-project:nth-child(odd) .featured-project__headline { left: 50%; transform: translate(-50%,-50%) } .featured-project:nth-child(2n) .featured-project__headline { right: 50%; transform: translate(50%,-50%) } .featured-project__headline { overflow: hidden } .featured-project__headline .is-char { transition: transform .35s cubic-bezier(.3,.86,.36,.95); transform: translateY(150%) } .featured-project__headline .is-char:nth-child(0) { transition-delay: 0s } .featured-project__headline .is-char:first-child { transition-delay: .02s } .featured-project__headline .is-char:nth-child(2) { transition-delay: .04s } .featured-project__headline .is-char:nth-child(3) { transition-delay: .06s } .featured-project__headline .is-char:nth-child(4) { transition-delay: .08s } .featured-project__headline .is-char:nth-child(5) { transition-delay: .1s } .featured-project__headline .is-char:nth-child(6) { transition-delay: .12s } .featured-project__headline .is-char:nth-child(7) { transition-delay: .14s } .featured-project__headline .is-char:nth-child(8) { transition-delay: .16s } .featured-project__headline .is-char:nth-child(9) { transition-delay: .18s } .featured-project__headline .is-char:nth-child(10) { transition-delay: .2s } .featured-project__headline .is-char:nth-child(11) { transition-delay: .22s } .featured-project__headline .is-char:nth-child(12) { transition-delay: .24s } .featured-project__headline .is-char:nth-child(13) { transition-delay: .26s } .featured-project__headline .is-char:nth-child(14) { transition-delay: .28s } .featured-project__headline .is-char:nth-child(15) { transition-delay: .3s } .featured-project__headline .is-char:nth-child(16) { transition-delay: .32s } .featured-project__headline .is-char:nth-child(17) { transition-delay: .34s } .featured-project__headline .is-char:nth-child(18) { transition-delay: .36s } .featured-project__headline .is-char:nth-child(19) { transition-delay: .38s } .featured-project__headline .is-char:nth-child(20) { transition-delay: .4s } .featured-project__headline .is-char:nth-child(21) { transition-delay: .42s } .featured-project__headline .is-char:nth-child(22) { transition-delay: .44s } .featured-project__headline .is-char:nth-child(23) { transition-delay: .46s } .featured-project__headline .is-char:nth-child(24) { transition-delay: .48s } .featured-project__headline .is-char:nth-child(25) { transition-delay: .5s } .featured-project__headline .is-char:nth-child(26) { transition-delay: .52s } .featured-project__headline .is-char:nth-child(27) { transition-delay: .54s } .featured-project__headline .is-char:nth-child(28) { transition-delay: .56s } .featured-project__headline .is-char:nth-child(29) { transition-delay: .58s } .featured-project__headline .is-char:nth-child(30) { transition-delay: .6s } .featured-project__headline .is-char:nth-child(31) { transition-delay: .62s } .featured-project__headline .is-char:nth-child(32) { transition-delay: .64s } .featured-project__headline .is-char:nth-child(33) { transition-delay: .66s } .featured-project__headline .is-char:nth-child(34) { transition-delay: .68s } .featured-project__headline .is-char:nth-child(35) { transition-delay: .7s } .featured-project__headline .is-char:nth-child(36) { transition-delay: .72s } .featured-project__headline .is-char:nth-child(37) { transition-delay: .74s } .featured-project__headline .is-char:nth-child(38) { transition-delay: .76s } .featured-project__headline .is-char:nth-child(39) { transition-delay: .78s } .featured-project__headline .is-char:nth-child(40) { transition-delay: .8s } .featured-project__headline .is-char:nth-child(41) { transition-delay: .82s } .featured-project__headline .is-char:nth-child(42) { transition-delay: .84s } .featured-project__headline .is-char:nth-child(43) { transition-delay: .86s } .featured-project__headline .is-char:nth-child(44) { transition-delay: .88s } .featured-project__headline .is-char:nth-child(45) { transition-delay: .9s } .featured-project__headline .is-char:nth-child(46) { transition-delay: .92s } .featured-project__headline .is-char:nth-child(47) { transition-delay: .94s } .featured-project__headline .is-char:nth-child(48) { transition-delay: .96s } .featured-project__headline .is-char:nth-child(49) { transition-delay: .98s } .group:hover .featured-project__headline .is-char { transition-duration: .45s; transform: none } .accordion-content-image { transition: transform 1s cubic-bezier(.3,.86,.36,.95); transform: scale(1.2) } .accordion-services,[data-accordion-item] [data-accordion-trigger] { transition: opacity .35s cubic-bezier(.3,.86,.36,.95) }[data-accordion-item].is-active [data-accordion-trigger] { opacity: .3; text-decoration: none }[data-accordion-item].is-active [data-accordion-trigger]:after { display: none }[data-accordion-item].is-active .accordion-content-image { transform: none }[data-accordion-item].is-active .accordion-services { opacity: 1 }[data-component=open-close] .trigger-status { display: grid; height: 1.5em; overflow: hidden; text-align: center }[data-component=open-close] [data-text-hide],[data-component=open-close] [data-text-show] { transition: transform .4s cubic-bezier(.3,.86,.36,.95); position: relative; display: block }[data-component=open-close].is-active [data-text-hide],[data-component=open-close].is-active [data-text-show] { transform: translateY(-100%) }[data-component=popup] { transition: opacity .35s cubic-bezier(.3,.86,.36,.95); opacity: 0; pointer-events: none }[data-component=popup].is-active { opacity: 1; pointer-events: all } .is-loading [data-component=popup] { visibility: hidden } .popup-scroller { width: 27rem } .popup--large .popup-scroller { max-width: 55rem; width: 100% } .popup--md .popup-scroller { max-width: 32rem; width: 100% }[data-popup-scroller] { position: relative } @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 { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-vertical>.swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box } .swiper-android .swiper-slide,.swiper-wrapper { transform: translateZ(0) } .swiper-pointer-events { touch-action: pan-y } .swiper-pointer-events.swiper-vertical { touch-action: pan-x } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-autoheight,.swiper-autoheight .swiper-slide { height: auto } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform,height } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px } .swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-3d .swiper-slide-shadow { background: rgba(0,0,0,.15) } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent) } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent) } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent) } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent) } .swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-horizontal.swiper-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory } .swiper-vertical.swiper-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory } .swiper-centered>.swiper-wrapper:before { content: ""; flex-shrink: 0; order: 9999 }[dir="ltr"] .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-left: var(--swiper-centered-offset-before) }[dir="rtl"] .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-right: var(--swiper-centered-offset-before) } .swiper-centered.swiper-horizontal>.swiper-wrapper:before { height: 100%; width: var(--swiper-centered-offset-after) } .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { margin-top: var(--swiper-centered-offset-before) } .swiper-centered.swiper-vertical>.swiper-wrapper:before { width: 100%; height: var(--swiper-centered-offset-after) } .swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto }[data-swiper-scrollbar] { height: 4px; border-radius: 50em; position: relative; overflow: hidden }[data-swiper-scrollbar]:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: currentColor; opacity: .1 }[data-swiper-scrollbar] .swiper-scrollbar-drag { height: 100%; background: currentColor; border-radius: inherit }[data-component=drag-carousel] .swiper-slide { width: auto }[data-component=stacked-carousel] [data-carousel-control=next],[data-component=stacked-carousel] [data-carousel-control=prev] { position: absolute; top: 50%; margin-top: -2.25rem; transform-origin: center; transform: scale(0) } .popup--opened [data-component=stacked-carousel] [data-carousel-control=next],.popup--opened [data-component=stacked-carousel] [data-carousel-control=prev] { transform: scale(1) }[data-component=stacked-carousel] [data-carousel-control=prev] { left: 0 }[data-component=stacked-carousel] [data-carousel-control=next] { right: 0 }[data-component=stacked-carousel] .swiper-slide { transform-origin: top center }[data-component=stacked-carousel] .swiper-container,[data-component=stacked-carousel] .swiper-wrapper { overflow: visible }[data-component=stacked-carousel] .swiper-slide-active~.swiper-slide,[data-component=stacked-carousel] .swiper-slide-next~.swiper-slide { visibility: hidden }[data-component=stacked-carousel] .swiper-slide-active+.swiper-slide,[data-component=stacked-carousel] .swiper-slide-next+.swiper-slide { visibility: visible }[data-component=stacked-carousel] .swiper-slide-active+.swiper-slide .team-member-block,[data-component=stacked-carousel] .swiper-slide-next+.swiper-slide .team-member-block { background: #666 }[data-component=stacked-carousel] .swiper-slide-active+.swiper-slide .team-member-block__holder,[data-component=stacked-carousel] .swiper-slide-next+.swiper-slide .team-member-block__holder { opacity: 0 }[data-component=stacked-carousel] .swiper-slide-active+.swiper-slide+.swiper-slide .team-member-block,[data-component=stacked-carousel] .swiper-slide-next+.swiper-slide+.swiper-slide .team-member-block { background: #333 }[data-component=stacked-carousel] .swiper-slide-active img { opacity: 1 }[data-component=stacked-carousel] .swiper-slide-active+.swiper-slide .circle-card { background: #e7eef7 }[data-component=stacked-carousel] .swiper-slide-next img { transition: opacity .35s cubic-bezier(.3,.86,.36,.95); transition-delay: .3s; opacity: 0 }[data-component=stacked-carousel] .swiper-slide-next+.swiper-slide .circle-card { background: #dde6f2 }[data-page-cursor] { position: fixed; top: 0; pointer-events: none; left: 0; z-index: 1000; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translate(var(--cursorX),var(--cursorY)) } .cursor--is-hover--drag .custom-cursor__inner,.cursor--is-hover--next .custom-cursor__inner { transform: scale(1) } .cursor--is-hover--drag.cursor--pressed .custom-cursor__inner,.cursor--is-hover--next.cursor--pressed .custom-cursor__inner { transform: scale(.75) } .cursor--is-hover--drag .custom-cursor__inner:before { content: "Drag" } .cursor--is-hover--next .custom-cursor__inner:before { content: "Next" } .custom-cursor__inner { width: 11rem; height: 11rem; border-radius: 50em; background: #00ff96; color: #000606; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; text-transform: uppercase; text-align: center; pointer-events: none; transform: scale(0); position: absolute; left: 50%; top: 50%; margin-top: -5.5rem; margin-left: -5.5rem } .is-loaded .custom-cursor__inner { transition: transform .35s cubic-bezier(.3,.86,.36,.95) } .js-custom-select { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5L.402.5h5.196L3 5z' fill='currentColor'/%3E%3C/svg%3E"); background-position: calc(100% - 2.4rem + 6px) 50%; background-repeat: no-repeat } .choices { position: relative; display: flex; align-items: center; flex-grow: 1 } .choices:focus { outline: none } .choices:last-child { margin-bottom: 0 } .choices.is-disabled { cursor: not-allowed!important; opacity: .5; -webkit-user-select: none; -moz-user-select: none; user-select: none } .choices.is-disabled .choices__inner,.choices.is-disabled .choices__input,.choices.is-disabled .choices__item { cursor: not-allowed }[data-option=texture] .choices.is-disabled .choices__item { visibility: hidden } .choices [hidden] { display: none!important } .choices[data-type*=select-one] { cursor: pointer } .choices[data-type*=select-one] .choices__button { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMi41OTIuMDQ0bDE4LjM2NCAxOC4zNjQtMi41NDggMi41NDhMLjA0NCAyLjU5MnoiLz48cGF0aCBkPSJNMCAxOC4zNjRMMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPjwvZz48L3N2Zz4="); padding: 0; background-size: 8px; position: absolute; top: 50%; right: 0; margin-top: -10px; margin-right: 25px; height: 20px; width: 20px; border-radius: 10em; opacity: .5 } .choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover { opacity: 1 } .choices[data-type*=select-one] .choices__item[data-value=""] .choices__button { display: none } .choices[data-type*=select-one]:after { transition: transform .35s cubic-bezier(.3,.86,.36,.95); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 10l3.031-3.75H.47L3.5 10zM3.5 0l3.031 3.75H.47L3.5 0z' fill='%23000606'/%3E%3C/svg%3E"); content: ""; position: absolute; right: 0; width: 7px; height: 10px; background-size: contain; background-position: 100% 50% } .choices[data-type*=select-one].is-open:after { transform: scaleY(-1) } .js-custom-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 10l3.031-3.75H.47L3.5 10zM3.5 0l3.031 3.75H.47L3.5 0z' fill='%23000606'/%3E%3C/svg%3E"); background-size: 7px 10px; background-position: 100% 50% } .choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner { cursor: text } .choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button { position: relative; display: inline-block; margin: 0 -4px 0 8px; padding-left: 16px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMi41OTIuMDQ0bDE4LjM2NCAxOC4zNjQtMi41NDggMi41NDhMLjA0NCAyLjU5MnoiLz48cGF0aCBkPSJNMCAxOC4zNjRMMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPjwvZz48L3N2Zz4="); background-size: 8px; width: 8px; opacity: .75; border-radius: 0 } .choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover { opacity: 1 } .choices__inner { display: flex; align-items: center; width: 100%; padding: 0; overflow: hidden } .choices__list { margin: 0; padding-left: 0; list-style: none } .choices__list--single { display: inline-block; padding: 0 2rem 0 0; width: 100% } .choices__list--single .choices__item { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .choices__list--multiple { display: inline } .choices__list--multiple .choices__item { display: inline-block; vertical-align: middle; padding: 4px 10px; font-weight: 500; margin-right: 3.75px; margin-bottom: 3.75px; color: #fff; word-break: break-all; box-sizing: border-box } .choices__list--multiple .choices__item[data-deletable] { padding-right: 5px } .choices__list--dropdown { visibility: hidden; display: none; opacity: 0; position: absolute; border: 1px solid; background-color: #fff; top: 100%; margin-top: 1rem; left: -1px; right: -1px; overflow: hidden; word-break: break-all; will-change: visibility; text-align: left; z-index: 100; padding: 1.5rem; border-radius: 1rem } .choices__list--dropdown.is-active { transition: transform .35s cubic-bezier(.3,.86,.36,.95),opacity .35s cubic-bezier(.3,.86,.36,.95),visibility .35s cubic-bezier(.3,.86,.36,.95); display: block; visibility: visible; opacity: 1 } .is-flipped .choices__list--dropdown { top: auto; bottom: 100%; margin-top: 0 } .choices__list--dropdown .choices__list { position: relative; max-height: 200px; -webkit-overflow-scrolling: touch; will-change: scroll-position; overflow-y: auto; overflow-x: hidden; margin-right: -2rem; padding: 0 2rem 0 0 } .choices__list--dropdown .choices__list::-webkit-scrollbar { width: 4px } .choices__list--dropdown .choices__list::-webkit-scrollbar-thumb { background: currentColor; border-radius: 50em } .choices__list--dropdown .choices__item { position: relative; padding: .8rem 0 } .choices__list--dropdown .choices__item.is-selected,.choices__list--dropdown .choices__item:hover { text-decoration: underline } .choices__list--dropdown .choices__item.is-selected:not(:only-child),.choices__list--dropdown .choices__placeholder { display: none } .choices__item { cursor: default } .choices__item--selectable { cursor: pointer } .choices__item--disabled { cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: .5 } .choices__heading { font-weight: 600; padding: 10px; color: grey } .choices__button { text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: 50%; cursor: pointer } .choices__button:focus { outline: none } .choices__input.choices__input { display: none; padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 2rem }[data-component=transitions-overlay] { -webkit-clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%); clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%) }[data-component=transitions-overlay] [data-transition-title] { transition: transform 1s cubic-bezier(.3,.86,.36,.95); transform: translateY(100%) }[data-component=transitions-overlay] [data-transition-eyes] { transition: opacity 1s cubic-bezier(.3,.86,.36,.95); opacity: 0 }[data-component=transitions-overlay].is-shown [data-transition-title] { transform: translateY(0) }[data-component=transitions-overlay].is-shown [data-transition-eyes] { opacity: 1; transition-delay: .3s }[data-component=transitions-overlay].is-hidden [data-transition-title] { transform: translateY(-100%) }[data-component=transitions-overlay].is-hidden [data-transition-eyes] { opacity: 0; transition-delay: 0s } .custom-social-link { overflow: hidden } .custom-social-link .is-char { transition: transform .4s cubic-bezier(.86,0,.07,.995) } .custom-social-link .is-char:nth-child(0) { transition-delay: 0s } .custom-social-link .is-char:first-child { transition-delay: .02s } .custom-social-link .is-char:nth-child(2) { transition-delay: .04s } .custom-social-link .is-char:nth-child(3) { transition-delay: .06s } .custom-social-link .is-char:nth-child(4) { transition-delay: .08s } .custom-social-link .is-char:nth-child(5) { transition-delay: .1s } .custom-social-link .is-char:nth-child(6) { transition-delay: .12s } .custom-social-link .is-char:nth-child(7) { transition-delay: .14s } .custom-social-link .is-char:nth-child(8) { transition-delay: .16s } .custom-social-link .is-char:nth-child(9) { transition-delay: .18s } .custom-social-link .is-char:nth-child(10) { transition-delay: .2s } .custom-social-link .is-char:nth-child(11) { transition-delay: .22s } .custom-social-link .is-char:nth-child(12) { transition-delay: .24s } .custom-social-link .is-char:nth-child(13) { transition-delay: .26s } .custom-social-link .is-char:nth-child(14) { transition-delay: .28s } .custom-social-link .is-char:nth-child(15) { transition-delay: .3s } .custom-social-link .is-char:nth-child(16) { transition-delay: .32s } .custom-social-link .is-char:nth-child(17) { transition-delay: .34s } .custom-social-link .is-char:nth-child(18) { transition-delay: .36s } .custom-social-link .is-char:nth-child(19) { transition-delay: .38s } .custom-social-link .is-char:nth-child(20) { transition-delay: .4s } .custom-social-link .is-char:nth-child(21) { transition-delay: .42s } .custom-social-link .is-char:nth-child(22) { transition-delay: .44s } .custom-social-link .is-char:nth-child(23) { transition-delay: .46s } .custom-social-link .is-char:nth-child(24) { transition-delay: .48s } .custom-social-link .is-char:nth-child(25) { transition-delay: .5s } .custom-social-link .is-char:nth-child(26) { transition-delay: .52s } .custom-social-link .is-char:nth-child(27) { transition-delay: .54s } .custom-social-link .is-char:nth-child(28) { transition-delay: .56s } .custom-social-link .is-char:nth-child(29) { transition-delay: .58s } .custom-social-link .is-char:nth-child(30) { transition-delay: .6s } .custom-social-link .is-char:nth-child(31) { transition-delay: .62s } .custom-social-link .is-char:nth-child(32) { transition-delay: .64s } .custom-social-link .is-char:nth-child(33) { transition-delay: .66s } .custom-social-link .is-char:nth-child(34) { transition-delay: .68s } .custom-social-link .is-char:nth-child(35) { transition-delay: .7s } .custom-social-link .is-char:nth-child(36) { transition-delay: .72s } .custom-social-link .is-char:nth-child(37) { transition-delay: .74s } .custom-social-link .is-char:nth-child(38) { transition-delay: .76s } .custom-social-link .is-char:nth-child(39) { transition-delay: .78s } .custom-social-link .is-char:nth-child(40) { transition-delay: .8s } .custom-social-link .is-char:nth-child(41) { transition-delay: .82s } .custom-social-link .is-char:nth-child(42) { transition-delay: .84s } .custom-social-link .is-char:nth-child(43) { transition-delay: .86s } .custom-social-link .is-char:nth-child(44) { transition-delay: .88s } .custom-social-link .is-char:nth-child(45) { transition-delay: .9s } .custom-social-link .is-char:nth-child(46) { transition-delay: .92s } .custom-social-link .is-char:nth-child(47) { transition-delay: .94s } .custom-social-link .is-char:nth-child(48) { transition-delay: .96s } .custom-social-link .is-char:nth-child(49) { transition-delay: .98s } .custom-social-link:hover .is-char { transform: translateY(-110%) } .custom-social-link__second-row .splitter-wrap { overflow: visible } .pointer-events-none { pointer-events: none } .visible { visibility: visible } .invisible { visibility: hidden } .fixed { position: fixed } .absolute { position: absolute } .relative { position: relative } .sticky { position: -webkit-sticky; position: sticky } .bottom-35 { bottom: 3.5rem } .left-0 { left: 0 } .bottom-50 { bottom: 5rem } .right-0 { right: 0 } .bottom-0 { bottom: 0 } .top-full { top: 100% } .bottom-full { bottom: 100% } .top-0 { top: 0 } .-right-5 { right: -.5rem } .-left-5 { left: -.5rem } .-top-5 { top: -.5rem } .-bottom-5 { bottom: -.5rem } .right-20 { right: 2rem } .left-10 { left: 1rem } .left-1\/2 { left: 50% } .z-1 { z-index: 1 } .z-10 { z-index: 10 } .z-3 { z-index: 3 } .z-20 { z-index: 20 } .-z-1 { z-index: -1 } .z-500 { z-index: 500 } .z-2 { z-index: 2 } .z-100 { z-index: 100 } .z-5 { z-index: 5 } .z-200 { z-index: 200 } .z-50 { z-index: 50 } .col-span-2 { grid-column: span 2/span 2 } .col-span-6 { grid-column: span 6/span 6 } .col-span-12 { grid-column: span 12/span 12 } .row-start-2 { grid-row-start: 2 } .m-0 { margin: 0 } .-mx-30 { margin-left: -3rem; margin-right: -3rem } .-mx-20 { margin-left: -2rem; margin-right: -2rem } .mx-auto { margin-left: auto; margin-right: auto } .mx-20 { margin-left: 2rem; margin-right: 2rem } .mb-60 { margin-bottom: 6rem } .mb-90 { margin-bottom: 9rem } .mb-50 { margin-bottom: 5rem } .mb-40 { margin-bottom: 4rem } .mb-0 { margin-bottom: 0 } .-mb-10 { margin-bottom: -1rem } .mr-10 { margin-right: 1rem } .mb-15 { margin-bottom: 1.5rem } .mt-auto { margin-top: auto } .mb-20 { margin-bottom: 2rem } .mb-80 { margin-bottom: 8rem } .mb-10 { margin-bottom: 1rem } .-mb-15 { margin-bottom: -1.5rem } .mb-70 { margin-bottom: 7rem } .mr-8 { margin-right: .8rem } .mt-50 { margin-top: 5rem } .mb-25 { margin-bottom: 2.5rem } .-mt-35 { margin-top: -3.5rem } .-mt-25 { margin-top: -2.5rem } .ml-20 { margin-left: 2rem } .-mb-1 { margin-bottom: -1px } .mb-75 { margin-bottom: 7.5rem } .mt-15 { margin-top: 1.5rem } .-mt-1 { margin-top: -1px } .mt-60 { margin-top: 6rem } .mr-5 { margin-right: .5rem } .mb-5 { margin-bottom: .5rem } .-ml-1 { margin-left: -1px } .block { display: block } .inline-block { display: inline-block } .flex { display: flex } .inline-flex { display: inline-flex } .grid { display: grid } .inline-grid { display: inline-grid } .contents { display: contents } .hidden { display: none } .h-full { height: 100% } .h-150 { height: 15rem } .h-10 { height: 2rem } .h-100 { height: 10rem } .h-15 { height: 3rem } .h-24 { height: 2.4rem } .h-full-vh { height: var(--vh-dynamic) } .h-vh-static { height: var(--vh-static) } .h-auto { height: auto } .h-300 { height: 30rem } .h-110 { height: 11rem } .h-1\/2 { height: 50% } .h-90 { height: 9rem } .h-70 { height: 7rem } .max-h-full { max-height: 100% } .min-h-vh-static { min-height: var(--vh-static) } .min-h-300 { min-height: 30rem } .min-h-400 { min-height: 40rem } .min-h-190 { min-height: 19rem } .w-full { width: 100% } .w-210 { width: 21rem } .w-10 { width: 1rem } .w-5\/6 { width: 83.333333% } .w-24 { width: 2.4rem } .w-110 { width: 11rem } .w-100 { width: 10rem } .w-2 { width: 2px } .w-90 { width: 9rem } .w-250 { width: 10rem } .max-w-275 { max-width: 35.5rem } .max-w-650 { max-width: 65rem } .max-w-900 { max-width: 90rem } .max-w-1100 { max-width: 115rem } .max-w-full { max-width: 100% } .max-w-320 { max-width: 42rem } .max-w-360 { max-width: 36rem } .max-w-8\/10 { max-width: 80% } .max-w-440 { max-width: 44rem } .max-w-none { max-width: none } .max-w-screen-lg { max-width: 1024px } .flex-shrink-0 { flex-shrink: 0 } .flex-grow { flex-grow: 1 } .origin-right { transform-origin: right } .origin-center { transform-origin: center } .translate-y-3\/10 { --tw-translate-y: 30% } .-translate-y-full,.translate-y-3\/10 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-translate-y-full { --tw-translate-y: -100% } .scale-110 { --tw-scale-x: 1.1; --tw-scale-y: 1.1 } .scale-75,.scale-110 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .scale-75 { --tw-scale-x: .75; --tw-scale-y: .75 } .scale-80 { --tw-scale-x: 0.8; --tw-scale-y: 0.8 } .scale-80,.scale-90 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .scale-90 { --tw-scale-x: 0.9; --tw-scale-y: 0.9 } .transform { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } @-webkit-keyframes crawling-line { 0% { transform: translateZ(0) } to { transform: translate3d(-100%,0,0) } } @keyframes crawling-line { 0% { transform: translateZ(0) } to { transform: translate3d(-100%,0,0) } } .animate-\[crawling-line_10s_linear_infinite\] { -webkit-animation: crawling-line 10s linear infinite; animation: crawling-line 10s linear infinite } .cursor-pointer { cursor: pointer } .cursor-grab { cursor: -webkit-grab; cursor: grab } .resize { resize: both } .grid-flow-col { grid-auto-flow: column } .grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) } .grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) } .flex-col { flex-direction: column } .flex-wrap { flex-wrap: wrap } .items-start { align-items: flex-start } .items-end { align-items: flex-end } .items-center { align-items: center } .items-baseline { align-items: baseline } .justify-start { justify-content: flex-start } .justify-end { justify-content: flex-end } .justify-center { justify-content: center } .justify-between { justify-content: space-between } .gap-40 { gap: 4rem } .gap-20 { gap: 2rem } .gap-30 { gap: 3rem } .gap-15 { gap: 1.5rem } .gap-1\/12 { gap: 8.333333% } .gap-y-30 { row-gap: 3rem } .gap-x-15 { -moz-column-gap: 1.5rem; column-gap: 1.5rem } .gap-y-35 { row-gap: 3.5rem } .gap-y-40 { row-gap: 4rem } .gap-x-10 { -moz-column-gap: 1rem; column-gap: 1rem } .gap-y-10 { row-gap: 1rem } .gap-x-40 { -moz-column-gap: 4rem; column-gap: 4rem } .gap-y-15 { row-gap: 1.5rem } .gap-y-12 { row-gap: 1.2rem } .gap-x-2 { -moz-column-gap: 2px; column-gap: 2px } .overflow-auto { overflow: auto } .overflow-hidden { overflow: hidden } .overflow-visible { overflow: visible } .overflow-y-auto { overflow-y: auto } .overflow-x-hidden { overflow-x: hidden } .overflow-ellipsis { text-overflow: ellipsis } .whitespace-nowrap { white-space: nowrap } .rounded-lg { border-radius: 1.5rem } .rounded { border-radius: 2rem } .rounded-full { border-radius: 9999px } .rounded-b { border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem } .rounded-tl-full { border-top-left-radius: 9999px } .rounded-tr-full { border-top-right-radius: 9999px } .rounded-bl-full { border-bottom-left-radius: 9999px } .rounded-br-full { border-bottom-right-radius: 9999px } .bg-current { background-color: currentColor } .bg-green-200 { --tw-bg-opacity: 1; background-color: rgba(10, 230, 140,var(--tw-bg-opacity)) } .bg-green-300 { --tw-bg-opacity: 1; background-color: rgba(15, 218, 134,var(--tw-bg-opacity)) } .bg-gray-900 { --tw-bg-opacity: 1; background-color: rgba(33, 33, 33,var(--tw-bg-opacity)) } .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgba(250, 250, 250,var(--tw-bg-opacity)) } .bg-inherit { background-color: inherit } .bg-gray-400 { --tw-bg-opacity: 1; background-color: rgba(60, 60, 60,var(--tw-bg-opacity)) } .bg-gray-300 { --tw-bg-opacity: 1; background-color: rgba(75, 75, 75,var(--tw-bg-opacity)) } .bg-gray-200 { --tw-bg-opacity: 1; background-color: rgba(231, 231, 231,var(--tw-bg-opacity)) } .bg-green { --tw-bg-opacity: 1; background-color: rgba(0, 0, 0,var(--tw-bg-opacity)) } .bg-green-100 { --tw-bg-opacity: 1; background-color: rgba(0, 255, 150,var(--tw-bg-opacity)) } .bg-black-500 { background-color: rgba(0,0,0,.5) } .bg-white { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255,var(--tw-bg-opacity)) } .bg-gradient-to-b { background-image: linear-gradient(180deg,var(--tw-gradient-stops)) } .from-black { --tw-gradient-from: #000; --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,transparent) } .to-transparent { --tw-gradient-to: transparent } .object-contain { -o-object-fit: contain; object-fit: contain } .object-cover { -o-object-fit: cover; object-fit: cover } .object-top { -o-object-position: top; object-position: top } .object-left { -o-object-position: left; object-position: left } .p-15 { padding: 1.5rem } .p-20 { padding: 2rem } .p-10 { padding: 1rem } .p-30 { padding: 3rem } .p-60 { padding: 6rem } .py-15 { padding-top: 1.5rem; padding-bottom: 1.5rem } .py-70 { padding-top: 7rem; padding-bottom: 7rem } .py-100 { padding-top: 10rem; padding-bottom: 10rem } .py-50 { padding-top: 5rem; padding-bottom: 5rem } .px-20 { padding-left: 2rem; padding-right: 2rem } .py-90 { padding-top: 9rem; padding-bottom: 9rem } .py-60 { padding-top: 6rem; padding-bottom: 6rem } .px-30 { padding-left: 3rem; padding-right: 3rem } .py-45 { padding-top: 4.5rem; padding-bottom: 4.5rem } .py-30 { padding-top: 3rem; padding-bottom: 3rem } .px-10 { padding-left: 1rem; padding-right: 1rem } .px-80 { padding-left: 8rem; padding-right: 8rem } .px-15 { padding-left: 1.5rem; padding-right: 1.5rem } .py-10 { padding-top: 1rem; padding-bottom: 1rem } .py-8 { padding-top: .8rem; padding-bottom: .8rem } .py-40 { padding-top: 4rem; padding-bottom: 4rem } .pt-100 { padding-top: 10rem } .pb-35 { padding-bottom: 3.5rem } .pt-50 { padding-top: 5rem } .pt-15 { padding-top: 1.5rem } .pb-40 { padding-bottom: 4rem } .pt-30 { padding-top: 3rem } .pb-90 { padding-bottom: 9rem } .pb-75 { padding-bottom: 7.5rem } .pt-40 { padding-top: 4rem } .pb-5 { padding-bottom: .5rem } .pb-120 { padding-bottom: 12rem } .pb-50 { padding-bottom: 5rem } .pb-15 { padding-bottom: 1.5rem } .pb-10 { padding-bottom: 1rem } .pt-90 { padding-top: 9rem } .pt-75 { padding-top: 7.5rem } .pb-30 { padding-bottom: 3rem } .pt-120 { padding-top: 12rem } .pt-35 { padding-top: 3.5rem } .pr-30 { padding-right: 3rem } .pt-12 { padding-top: 1.2rem } .pt-60 { padding-top: 6rem } .text-center { text-align: center } .text-right { text-align: right } .align-top { vertical-align: top } .font-secondary { font-family: FoundersGrotesk,Roboto,sans-serif } .font-primary { font-family: NeueMontreal,Roboto,sans-serif } .text-sm { font-size: 2rem } .text-lg { font-size: 2rem } .text-2xl { font-size: 2.4rem } .text-xs { font-size: 1.2rem } .text-44 { font-size: 4.4rem } .text-52 { font-size: 5.2rem } .text-xl { font-size: 2.2rem } .font-normal { font-weight: 400 } .font-semibold { font-weight: 600 } .uppercase { text-transform: uppercase } .not-italic { font-style: normal } .leading-none { line-height: 1 } .leading-negative { line-height: .75 } .leading-small { line-height: 1.2 } .leading-loose { line-height: 1.5 } .text-gray-100 { --tw-text-opacity: 1; color: rgba(241, 241, 241,var(--tw-text-opacity)) } .text-white { --tw-text-opacity: 1; color: rgba(255, 255, 255,var(--tw-text-opacity)) } .text-green-100 { --tw-text-opacity: 1; color: rgba(0, 255, 150,var(--tw-text-opacity)) } .text-gray-900 { --tw-text-opacity: 1; color: rgba(33, 33, 33,var(--tw-text-opacity)) } .underline { -webkit-text-decoration-line: underline; text-decoration-line: underline } .opacity-30 { opacity: .3 } .opacity-50 { opacity: .5 } .opacity-0 { opacity: 0 } .opacity-80 { opacity: .8 } .opacity-8 { opacity: .08 } .outline { outline-style: solid } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) } .transition { transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s } .duration-300 { transition-duration: .3s } .duration-500 { transition-duration: .5s } @media screen and (min-width:320px) { .crawling-line--large { font-size: calc(10.8rem + 26.96429vw - 86.28571px) } } @media screen and (min-width:768px) { .contact-form .form-label { font-size: 3.6vw } .contact-form .form-control { text-align: center } .contact-form textarea.form-control::-moz-placeholder { text-align: center } .contact-form textarea.form-control::placeholder { text-align: center }[ data-filter-category].is-active { order: 0 } .featured-project:nth-child(odd):not(:last-child) .featured-project__headline { left: 100% } .featured-project:nth-child(2n) .featured-project__headline { right: 100% }[ data-component=stacked-carousel] .swiper-slide { transform-origin: right } } @media screen and (min-width:1024px) { [ data-animation=moveUp] { transition-duration: .6s; transform: translateY(60px) }[ data-css-call=moveUpStagger]>* { transition-delay: 1.9s }[ data-css-call][data-delay="1"] { transition-delay: 1s }[ data-css-call][data-delay-ms="1"] { transition-delay: .1s }[ data-css-call][data-delay="2"] { transition-delay: 2s }[ data-css-call][data-delay-ms="2"] { transition-delay: .2s }[ data-css-call][data-delay="3"] { transition-delay: 3s }[ data-css-call][data-delay-ms="3"] { transition-delay: .3s }[ data-css-call][data-delay="4"] { transition-delay: 4s }[ data-css-call][data-delay-ms="4"] { transition-delay: .4s }[ data-css-call][data-delay="5"] { transition-delay: 5s }[ data-css-call][data-delay-ms="5"] { transition-delay: .5s }[ data-css-call][data-delay="6"] { transition-delay: 6s }[ data-css-call][data-delay-ms="6"] { transition-delay: .6s }[ data-css-call][data-delay="7"] { transition-delay: 7s }[ data-css-call][data-delay-ms="7"] { transition-delay: .7s }[ data-css-call][data-delay="8"] { transition-delay: 8s }[ data-css-call][data-delay-ms="8"] { transition-delay: .8s }[ data-css-call][data-delay="9"] { transition-delay: 9s }[ data-css-call][data-delay-ms="9"] { transition-delay: .9s }[ data-css-call][data-delay="10"] { transition-delay: 10s }[ data-css-call][data-delay-ms="10"] { transition-delay: 1s }[ data-css-call][data-delay="11"] { transition-delay: 11s }[ data-css-call][data-delay-ms="11"] { transition-delay: 1.1s }[ data-css-call][data-delay="12"] { transition-delay: 12s }[ data-css-call][data-delay-ms="12"] { transition-delay: 1.2s }[ data-css-call][data-delay="13"] { transition-delay: 13s }[ data-css-call][data-delay-ms="13"] { transition-delay: 1.3s }[ data-css-call][data-delay="14"] { transition-delay: 14s }[ data-css-call][data-delay-ms="14"] { transition-delay: 1.4s }[ data-css-call][data-delay="15"] { transition-delay: 15s }[ data-css-call][data-delay-ms="15"] { transition-delay: 1.5s }[ data-css-call][data-delay="16"] { transition-delay: 16s }[ data-css-call][data-delay-ms="16"] { transition-delay: 1.6s }[ data-css-call][data-delay="17"] { transition-delay: 17s }[ data-css-call][data-delay-ms="17"] { transition-delay: 1.7s }[ data-css-call][data-delay="18"] { transition-delay: 18s }[ data-css-call][data-delay-ms="18"] { transition-delay: 1.8s }[ data-css-call][data-delay="19"] { transition-delay: 19s }[ data-css-call][data-delay-ms="19"] { transition-delay: 1.9s }[ data-css-call=maskDown],[data-css-call=maskDownTL] { transition-duration: 1.2s } .accordion-services { opacity: 0 } } @media screen and (min-width:1440px) { .contact-form .form-label { font-size: 5.2rem } .crawling-line--large { font-size: 41rem } } .hover\:translate-x-10:hover { --tw-translate-x: 1rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .hover\:opacity-100:hover { opacity: 1 } .group:hover .group-hover\:scale-95 { --tw-scale-x: .95; --tw-scale-y: .95 } .group:hover .group-hover\:scale-95,.group:hover .group-hover\:scale-110 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .group:hover .group-hover\:scale-110 { --tw-scale-x: 1.1; --tw-scale-y: 1.1 } .group:hover .group-hover\:transform-none { transform: none } .group:hover .group-hover\:opacity-50 { opacity: .5 } .group:hover .group-hover\:duration-700 { transition-duration: .7s } .group:hover .group-hover\:duration-1000 { transition-duration: 1s } @media (min-width:375px) { .xs\:p-60 { padding: 6rem } } @media (min-width:520px) { .sm\:absolute { position: absolute } .sm\:bottom-0 { bottom: 0 } .sm\:top-auto { top: auto } .sm\:col-span-12 { grid-column: span 12/span 12 } .sm\:col-span-6 { grid-column: span 6/span 6 } .sm\:mx-0 { margin-left: 0; margin-right: 0 } .sm\:flex { display: flex } .sm\:grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) } .sm\:grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) } .sm\:grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) } .sm\:rounded-lg { border-radius: 1.5rem } .sm\:bg-white { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255,var(--tw-bg-opacity)) } } @media (min-width:768px) { .md\:visible { visibility: visible } .md\:absolute { position: absolute } .md\:left-0 { left: 0 } .md\:top-0 { top: 0 } .md\:order-last { order: 9999 } .md\:col-span-4 { grid-column: span 4/span 4 } .md\:col-span-8 { grid-column: span 8/span 8 } .md\:col-span-3 { grid-column: span 3/span 3 } .md\:col-span-9 { grid-column: span 9/span 9 } .md\:col-span-12 { grid-column: span 12/span 12 } .md\:col-span-6 { grid-column: span 6/span 6 } .md\:col-span-5 { grid-column: span 5/span 5 } .md\:col-span-7 { grid-column: span 7/span 7 } .md\:col-span-2 { grid-column: span 2/span 2 } .md\:col-span-1 { grid-column: span 1/span 1 } .md\:col-start-7 { grid-column-start: 7 } .md\:col-start-11 { grid-column-start: 11 } .md\:col-start-3 { grid-column-start: 3 } .md\:col-start-4 { grid-column-start: 4 } .md\:row-start-1 { grid-row-start: 1 } .md\:mx-0 { margin-left: 0; margin-right: 0 } .md\:mb-90 { margin-bottom: 9rem } .md\:ml-auto { margin-left: auto } .md\:mb-40 { margin-bottom: 4rem } .md\:-mt-95 { margin-top: -9.5rem } .md\:-mt-55 { margin-top: -5.5rem } .md\:mb-0 { margin-bottom: 0 } .md\:-mr-30 { margin-right: -3rem } .md\:flex { display: flex } .md\:grid { display: grid } .md\:hidden { display: none } .md\:h-380 { height: 38rem } .md\:h-120 { height: 12rem } .md\:min-h-700 { min-height: 70rem } .md\:w-7\/10 { width: 70% } .md\:w-120 { width: 12rem } .md\:w-305 { width: 15.5rem } .md\:translate-y-1\/10 { --tw-translate-y: 10%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .md\:grid-flow-col { grid-auto-flow: column } .md\:grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) } .md\:grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) } .md\:grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) } .md\:flex-wrap { flex-wrap: wrap } .md\:items-end { align-items: flex-end } .md\:items-center { align-items: center } .md\:justify-end { justify-content: flex-end } .md\:gap-x-10 { -moz-column-gap: 1rem; column-gap: 1rem } .md\:gap-y-15 { row-gap: 1.5rem } .md\:gap-x-5 { -moz-column-gap: .5rem; column-gap: .5rem } .md\:overflow-visible { overflow: visible } .md\:whitespace-normal { white-space: normal } .md\:rounded-xs { border-radius: .4rem } .md\:p-20 { padding: 2rem } .md\:py-85 { padding-top: 8.5rem; padding-bottom: 8.5rem } .md\:px-0 { padding-left: 0; padding-right: 0 } .md\:px-20 { padding-left: 2rem; padding-right: 2rem } .md\:px-50 { padding-left: 5rem; padding-right: 5rem } .md\:pt-40 { padding-top: 4rem } .md\:pb-120 { padding-bottom: 12rem } .md\:pt-75 { padding-top: 7.5rem } .md\:pb-35 { padding-bottom: 3.5rem } .md\:pb-20 { padding-bottom: 2rem } .md\:text-right { text-align: right } .md\:text-64 { font-size: 6.4rem } } @media (min-width:1024px) { .lg\:visible { visibility: visible } .lg\:right-25 { right: 2.5rem } .lg\:col-span-6 { grid-column: span 6/span 6 } .lg\:col-span-3 { grid-column: span 3/span 3 } .lg\:col-span-4 { grid-column: span 4/span 4 } .lg\:col-span-8 { grid-column: span 8/span 8 } .lg\:col-span-2 { grid-column: span 2/span 2 } .lg\:col-start-4 { grid-column-start: 4 } .lg\:col-start-7 { grid-column-start: 7 } .lg\:mb-140 { margin-bottom: 14rem } .lg\:mb-100 { margin-bottom: 10rem } .lg\:mb-90 { margin-bottom: 9rem } .lg\:mb-50 { margin-bottom: 5rem } .lg\:mb-0 { margin-bottom: 0 } .lg\:mb-30 { margin-bottom: 3rem } .lg\:mb-120 { margin-bottom: 12rem } .lg\:mb-70 { margin-bottom: 7rem } .lg\:mt-100 { margin-top: 10rem } .lg\:mb-15 { margin-bottom: 1.5rem } .lg\:block { display: block } .lg\:flex { display: flex } .lg\:hidden { display: none } .lg\:w-1\/2 { width: 50% } .lg\:max-w-8\/10 { max-width: 80% } .lg\:grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) } .lg\:flex-col { flex-direction: column } .lg\:rounded-lg { border-radius: 1.5rem } .lg\:p-50 { padding: 5rem } .lg\:p-30 { padding: 3rem } .lg\:p-40 { padding: 4rem } .lg\:py-140 { padding-top: 14rem; padding-bottom: 14rem } .lg\:px-30 { padding-left: 3rem; padding-right: 3rem } .lg\:py-160 { padding-top: 16rem; padding-bottom: 16rem } .lg\:py-100 { padding-top: 10rem; padding-bottom: 10rem } .lg\:py-75 { padding-top: 7.5rem; padding-bottom: 7.5rem } .lg\:py-45 { padding-top: 4.5rem; padding-bottom: 4.5rem } .lg\:px-20 { padding-left: 2rem; padding-right: 2rem } .lg\:px-100 { padding-left: 10rem; padding-right: 10rem } .lg\:px-50 { padding-left: 5rem; padding-right: 5rem } .lg\:pt-140 { padding-top: 14rem } .lg\:pb-65 { padding-bottom: 6.5rem } .lg\:pt-85 { padding-top: 8.5rem } .lg\:pt-90 { padding-top: 9rem } .lg\:pb-150 { padding-bottom: 15rem } .lg\:pb-100 { padding-bottom: 10rem } .lg\:pb-120 { padding-bottom: 12rem } .lg\:pt-110 { padding-top: 11rem } .lg\:pb-40 { padding-bottom: 4rem } .lg\:pb-45 { padding-bottom: 4.5rem } .lg\:pt-70 { padding-top: 7rem } .lg\:pb-110 { padding-bottom: 11rem } .lg\:text-46 { font-size: 4.6rem } .lg\:text-90 { font-size: 9rem } } @media (min-width:1280px) { .laptop\:visible { visibility: visible } .laptop\:absolute { position: absolute } .laptop\:right-auto { right: auto } .laptop\:bottom-auto { bottom: auto } .laptop\:left-1\/2 { left: 50% } .laptop\:top-1\/2 { top: 50% } .laptop\:col-span-6 { grid-column: span 6/span 6 } .laptop\:col-span-3 { grid-column: span 3/span 3 } .laptop\:col-span-4 { grid-column: span 4/span 4 } .laptop\:col-span-8 { grid-column: span 8/span 8 } .laptop\:col-span-2 { grid-column: span 2/span 2 } .laptop\:col-start-7 { grid-column-start: 7 } .laptop\:mb-90 { margin-bottom: 9rem } .laptop\:ml-60 { margin-left: 6rem } .laptop\:mb-0 { margin-bottom: 0 } .laptop\:mb-60 { margin-bottom: 6rem } .laptop\:block { display: block } .laptop\:inline { display: inline } .laptop\:grid { display: grid } .laptop\:h-vh { height: calc(100vh + 1.5rem) } .laptop\:min-h-vh { min-height: calc(100vh + 1.5rem) } .laptop\:min-h-vh-base { min-height: 100vh } .laptop\:max-w-6\/10 { max-width: 60% } .laptop\:-translate-x-1\/2 { --tw-translate-x: -50% } .laptop\:-translate-x-1\/2,.laptop\:-translate-y-1\/2 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .laptop\:-translate-y-1\/2 { --tw-translate-y: -50% } .laptop\:grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) } .laptop\:grid-cols-4 { grid-template-columns: repeat(4,minmax(0,1fr)) } .laptop\:justify-start { justify-content: flex-start } .laptop\:gap-y-50 { row-gap: 5rem } .laptop\:gap-y-100 { row-gap: 10rem } .laptop\:gap-y-70 { row-gap: 7rem } .laptop\:p-30 { padding: 3rem } .laptop\:py-140 { padding-top: 14rem; padding-bottom: 14rem } .laptop\:px-110 { padding-left: 11rem; padding-right: 11rem } .laptop\:px-50 { padding-left: 5rem; padding-right: 5rem } .laptop\:pr-40 { padding-right: 4rem } .laptop\:pb-250 { padding-bottom: 25rem } .laptop\:pb-30 { padding-bottom: 3rem } } .case-link-cnt{ width: 250px; border-radius: 100px; overflow: hidden; position: relative; /* left: 30px; top: 5em; bottom: 5em; */ height: 100%; margin-right: 40px; } .case-link-cnt [data-scroll-call=eyes]{ opacity: 0; pointer-events: none; } .case-link-cnt-img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 100%; max-width: inherit; } .case-link-cnt-bg{ background: rgb(33, 213, 114,0); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 20%; box-sizing: border-box; } .case-link-btn{ display: block; width: 70%; height: 3rem; display: flex; align-items: center; justify-content: center; background: #000606; color: #fff; font-size: 1.2rem; padding: 0px; } @media (min-width:768px) { .case-link-cnt{ width: 280px; border-radius: 140px; overflow: hidden; /* position: absolute; left: 30px; top: 50%; */ height: 400px; /* transform: translateY(-50%); */ } .case-link-btn{ display: block; width: 70%; height: 3rem; display: flex; align-items: center; justify-content: center; background: #000606; color: #fff; font-size: 1.2rem; padding: 2rem 2.4rem; } } @media (min-width:1280px) { .case-link-cnt{ width: 280px; border-radius: 140px; overflow: hidden; /* position: absolute; left: 30px; top: 50%; */ height: 480px; transform: translateX(-50%); } .case-link-btn{ display: block; width: 70%; height: 3rem; display: flex; align-items: center; justify-content: center; background: #000606; color: #fff; font-size: 2rem; padding: 3rem 2.4rem; } } @media (min-width:768px) { .-mt-280 { margin-top: -280px } }