img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px } /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} .wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; /* Blue */ } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; /* Green */ } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; /* Red */ } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; /* Orange */ } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; /* Yellow */ } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; /* Red */ font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; /* Dark Gray 800 */ opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; /* Light Gray 100 */ top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAopxhTg.ttf) format('truetype'); } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAkJxhTg.ttf) format('truetype'); } /** * Swiper 9.3.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 15, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.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{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(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-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}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-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-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} @keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media(min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing,10px)*2)}}@media(min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing,10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing,10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7 - var(--plyr-menu-arrow-size,4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing,10px)*.7/1.5) calc(var(--plyr-control-spacing,10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing,10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing,10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing,10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing,10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing,10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing,10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height,13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width,3px)*2 + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media(max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing,10px)/2) calc(var(--plyr-control-spacing,10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height,13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height,13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height,13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc((var(--plyr-range-track-height,5px)/2)*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing,10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing,10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing,10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing,10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media(min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing,10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing,10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius,8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius,8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius,8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}/*! Theme Name: Nayla Theme URI: https://naylawp.pethemes.com/ Author: Pe Themes Author URI: https://pethemes.com/ Description: Multi-Concept Creative Portfolio Theme Version: 1.7.0 Tested up to: 6.0 Requires PHP: 7.0 Text Domain: nayla Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Generic - Normalize - Box sizing # Base - Typography - Elements - Links - Forms ## Layouts # Components - Navigation - Posts and pages - Comments - Widgets - Media - Captions - Galleries # plugins - Jetpack infinite scroll # Utilities - Accessibility - Alignments --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Generic --------------------------------------------------------------*/ /* Normalize --------------------------------------------- */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0 !important; } body, html { -ms-scroll-chaining: none; overscroll-behavior: none; } html.loading { cursor: wait; } html.loading * { pointer-events: none !important } /** * Render the `main` element consistently in IE. */ main { display: block; color: var(--mainColor); } main .project-page { display: block; color: var(--mainColor); } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; font-size: 1em; } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* Box sizing --------------------------------------------- */ /* Inherit box-sizing to more easily change it's value on a component level. @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } /* fallback */ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } .material-icons[data-md-icon]:before { content: attr(data-md-icon) } /* Forms --------------------------------------------- */ form.wpcf7-form>div { display: block; width: 100%; position: relative; padding-top: 1.5em; padding-bottom: 1em; float: left; margin-bottom: 0; line-height: 1em; } form.wpcf7-form>div:nth-child(2) { padding-top: 0 } form.wpcf7-form button.button { background: transparent; border: 1px solid; border-color: var(--mainColor); color: var(--mainColor); padding: 1em 3em; border-radius: 35px; cursor: pointer; } form.wpcf7-form>div.half-wrap { width: 50%; } form.wpcf7-form>div textarea, form.wpcf7-form>div input { background: none; border: none; width: 100%; color: var(--mainColor); border: none !important } form.wpcf7-form>div textarea:focus, form.wpcf7-form>div input:focus { color: var(--mainColor); } form.wpcf7-form>div textarea { padding: 0 } form.wpcf7-form>div label { position: absolute; top: 50%; pointer-events: none; /* -webkit-transform: translateY(-50%); */ -ms-transform: translateY(-50%); /* transform: translateY(-50%); */ -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; line-height: inherit; font-size: inherit; display: block; } form.wpcf7-form>div input:focus { outline: none; } form.wpcf7-form>div label br { display: none } form.wpcf7-form>div p { margin: 0; line-height: 1em; font-size: inherit; position: relative; display: block; } form.wpcf7-form>div.message-wrap label { top: 1.5em; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } form.wpcf7-form>div.active label { -webkit-transform: translateY(0%) scale(.7); -ms-transform: translateY(0%) scale(.7); transform: translateY(0%) scale(.7); opacity: .5; top: 10px; } form.wpcf7-form>div::before, form.wpcf7-form>div::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 1px; background: var(--mainColor); width: 100%; opacity: .15; } form.wpcf7-form>div::before { width: 0%; opacity: 1; -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease } form.wpcf7-form>div.send-wrap::before, form.wpcf7-form>div.send-wrap::after { display: none } form.wpcf7-form>div.active::before { width: 100%; } form.wpcf7-form>div textarea:focus, form.wpcf7-form>div input:focus { outline: none; } form.wpcf7-form>div.field-wrap.half-wrap:nth-child(2) { padding-top: 1.5em; } /* Subscribe Form */ .nayla-subscribe-form { display: block; float: left; position: relative; max-width: 500px; } .nayla-subscribe-form .field-wrap { display: block; float: left; } .nayla-subscribe-form .field-wrap>label { position: absolute; top: 0; left: 0; } .nayla-subscribe-form .field-wrap>input { background: none; border: none; padding: 15px 15px 15px 0px; color: var(--mainColor); } .nayla-subscribe-form::after { content: ""; display: block; width: 100%; height: 1px; background-color: var(--mainColor); float: left; opacity: .3; } .nayla-subscribe-form .send-wrap { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 0.65em; display: block; } .nayla-subscribe-form .send-wrap button.button.button-block { background: none; border: none; color: var(--mainColor); background: var(--mainColor); padding: 5px 15px; border-radius: 35px; } .nayla-subscribe-form .field-wrap>input:focus { outline: none; } /*-------------------------------------------------------------- # Base --------------------------------------------------------------*/ /* Typography --------------------------------------------- */ button, input, select, optgroup, textarea { color: var(--mainColor); font-family: 'DM Sans', sans-serif; font-size: 1rem; line-height: 1.5; } main#primary { padding-top: 0 } h1, h2, h3, h4 { margin-bottom: 1em; } .text-wrapper h1, .text-wrapper h2, .text-wrapper h3, .text-wrapper h4, .text-wrapper h5, .text-wrapper h6 { font-weight: normal } .elementor-widget-container h1, .elementor-widget-container h2, .elementor-widget-container h3, .elementor-widget-container h4 { margin: 0; } h1, .text-h1 { font-size: 102px; line-height: 115px; font-weight: 400; letter-spacing: -0.055em; } h1.has-anim-text .anim_char, .text-h1.has-anim-text .anim_char { overflow: hidden; padding-right: 0.05em; margin-right: -0.05em; } .text-h1 { margin-top: 0; margin-bottom: 0 } h2, .text-h2 { font-size: 64px; line-height: 1.1; font-weight: 400; letter-spacing: -0.04em; } h3, .text-h3 { font-size: 51px; line-height: 62px; font-weight: 400; letter-spacing: -0.03em; } h4, .text-h4 { font-size: 36px; line-height: 44px; font-weight: 400; letter-spacing: -0.01em; } h5, .text-h5 { font-size: 25px; line-height: 37px; margin-left: -1px; font-weight: normal; margin-bottom: 1em; } h6, .text-h6 { font-size: 21px; line-height: 36px; letter-spacing: 0; font-weight: normal; } .text-h6 { line-height: 1.5; margin: 0 } p { line-height: 25px; margin-bottom: 1em; font-size: 1rem } .big-title { font-size: 200px; line-height: 1.15; margin-bottom: 0; letter-spacing: -0.08em; --mobileFontSize: 50px; } .md-title { font-size: 150px; line-height: 1.15; margin-bottom: 0; letter-spacing: -0.07em; padding-right: 0.05em } .md-title:before { display: none !important } .caption { font-size: 13px; line-height: 22px; letter-spacing: 0.1em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } .pinned { height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important } /* Elements --------------------------------------------- */ body { margin: 0; background-color: var(--mainBackground); font-family: 'DM Sans', sans-serif; color: var(--mainColor); --mainColor: #191919; --mainBackground: #ebebeb; --secondaryBackground: #d7d7d7; --changingBg: unset; --changingColor: 'unset' } body.dark.layout-changing, body.light.layout-changing { --mainBackground: var(--changingBg) !important; --mainColor: var(--changingColor) !important } body.dark { --mainColor: #ebebeb; --mainBackground: #191919; --secondaryBackground: #151515; } body.light { --mainColor: #191919; --mainBackground: #ebebeb; --secondaryBackground: #e0e0e0; background-color: var(--mainBackground); color: var(--mainColor); } .light { --mainColor: #ebebeb; --mainBackground: #191919; color: var(--mainColor); } .site-header.dark { --mainColor: #191919; --mainBackground: #ebebeb; --secondaryBackground: #d7d7d7; color: var(--mainColor) } .site-header.light { --mainColor: #ebebeb; --mainBackground: #191919; color: var(--mainColor) } body.hide-footer #footer { display: none } hr { background-color: var(--mainColor); border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: none; margin: 0; padding: 0; } ol { list-style: decimal; } li>ul, li>ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } img { height: auto; max-width: 100%; } figure { margin: 1em 0; } table { margin: 0 0 1.5em; width: 100%; } table>caption { text-align: left; margin-bottom: 1em } table th, table td { padding: 10px; text-align: center; border: 1px solid rgba(25, 27, 29, .1); vertical-align: top; } /* Links --------------------------------------------- */ a { color: var(--mainColor); text-decoration: none; } main a:focus { outline: none } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /* Forms --------------------------------------------- */ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); line-height: 1; padding: 0.6em 1em 0.4em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } select { border: 1px solid #ccc; } textarea { width: 100%; } /*=============================================== # Page Loader =================================================*/ .page-loader { position: fixed; top: 0; left: 0; width: 100%; height: 100lvh; z-index: 999999; --bg: var(--secondaryBackground); display: block; } .page-loader-overlays.blocks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; justify-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page-loader-overlays.blocks .loader-block { height: 10%; width: 100%; } .page-loader-overlays.blocks .loader-block span { display: block; width: 100%; height: 100%; background-color: var(--bg) } .page-loader-overlays .loader-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--bg) } .page-loader-overlays { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 88; } .page-loader-overlays.columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .page-loader-overlays.columns .loader-col { width: 20vw; height: 100%; background-color: var(--bg) } .page-loader-percentage { position: absolute; bottom: 75px; left: 75px; font-size: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: 1em; overflow: hidden; color: var(--mainColor); z-index: 99; line-height: 1em; } .page-loader-count { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .page-loader-count span { overflow: hidden; } .page-loader-logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100px; z-index: 99 } .page-loader-logo img { width: 100%; opacity: .1 } .page-loader-logo img.clone { position: absolute; top: 0; left: 0; opacity: 1; -webkit-clip-path: inset(100% 0% 0% 0%); clip-path: inset(100% 0% 0% 0%); } .page-loader-caption { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: var(--mainColor); text-align: center; overflow: hidden; height: 1.1em; white-space: nowrap; visibility: hidden; z-index: 99 } .page-loader-caption.bottom-right { bottom: 50px; top: unset; right: 50px; left: unset; -webkit-transform: none; -ms-transform: none; transform: none; color: var(--mainBackground); text-align: right; } .page-loader-caption.bottom-left { bottom: 50px; top: unset; right: unset; left: 50px; -webkit-transform: none; -ms-transform: none; transform: none; text-align: left } .page-loader-caption.top-left { bottom: unset; top: 50px; right: unset; left: 50px; -webkit-transform: none; -ms-transform: none; transform: none; text-align: left } .page-loader-caption.top-right { bottom: unset; top: 50px; right: 50px; left: unset; -webkit-transform: none; -ms-transform: none; transform: none; text-align: right } .page-loader-caption .capt_line { overflow: hidden; opacity: .3 } .capt_line.clone { position: absolute !important; top: 0; left: 0; opacity: 1; overflow: hidden; white-space: nowrap; width: 0%; } .page-loader-overlays .loader-overlay.image-ov { background-size: cover; background-repeat: no-repeat; background-position: center; } /*-------------------------------------------------- # Smooth Scroll ---------------------------------------------------*/ #smooth-content { position: relative; will-change: transform; background: var(--mainBackground); } .admin-bar #smooth-content { padding-top: 32px; } /*-------------------------------------------------------------- # Mouse Cursor --------------------------------------------------------------*/ div#mouseCursor { position: fixed; z-index: 999999999999; pointer-events: none; -webkit-transition: width .2s ease-out, height .2s ease-out; -o-transition: width .2s ease-out, height .2s ease-out; transition: width .2s ease-out, height .2s ease-out; overflow: hidden } div#mouseCursor.temp_hidden.circle, div#mouseCursor.temp_hidden.dot { width: 0 !important; height: 0 !important; } div#mouseCursor.light .mouse-cursor-icon, div#mouseCursor.light .mouse-cursor-text { color: #191919 } div#mouseCursor.dot { width: 15px; height: 15px; } .admin-bar div#mouseCursor.dot { margin-top: -35px } .admin-bar.smooth-scroll div#mouseCursor.circle, .admin-bar.smooth-scroll div#mouseCursor.dot { margin-top: 0 } .admin-bar div#mouseCursor.circle { margin-top: -30px } div#mouseCursor.circle { width: 75px; height: 75px; } div#mouseCursor .main-circle { -webkit-transition: fill .2s ease, stroke .2s ease; -o-transition: fill .2s ease, stroke .2s ease; transition: fill .2s ease, stroke .2s ease } div#mouseCursor.circle .main-circle { stroke: var(--mainColor); stroke-width: 1; fill: transparent; } div#mouseCursor.dot .main-circle { stroke: none; stroke-width: none; fill: var(--mainColor); } .mouse-cursor-icon, .mouse-cursor-text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: var(--mainBackground); opacity: 1; font-size: 15px; display: block; overflow: hidden; line-height: 1; text-align: center; line-height: 1.4; } .mouse-cursor-text span { display: block; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; -o-transition: transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease } .mouse-cursor-icon { font-size: 25px; font-family: "Material Icons" !important } div#mouseCursor .mouse-cursor-icon { font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 48 } div#mouseCursor .mouse-cursor-icon::after { content: attr(data-icon); opacity: 0; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease } div#mouseCursor.multi { overflow: visible; opacity: 1 } div#mouseCursor .multi-icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } div#mouseCursor .multi-icon::after { content: 'arrow_forward'; font-family: 'Material Symbols Outlined'; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%) translateX(20px); -ms-transform: translateY(-50%) translateX(20px); transform: translateY(-50%) translateX(20px); font-size: 25px; } div#mouseCursor .multi-icon::before { content: 'arrow_back'; font-family: 'Material Symbols Outlined'; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%) translateX(-20px); -ms-transform: translateY(-50%) translateX(-20px); transform: translateY(-50%) translateX(-20px); font-size: 25px; } /* Light Section */ div#mouseCursor.circle.light .main-circle { stroke: #ffffff; stroke-width: .5; } div#mouseCursor.dot.light .main-circle { fill: #fff } /* Hover Size */ div#mouseCursor.hover-size { width: 125px; height: 125px; } div#mouseCursor.dot.hover-size { width: 150px; height: 150px; } div#mouseCursor.dot.hover-size { opacity: .25 } div#mouseCursor.multi.dot.hover-size, div#mouseCursor.multi.hover-size { width: 100px; height: 100px; opacity: 1; } div#mouseCursor.multi.press.dot.hover-size, div#mouseCursor.multi.press.hover-size { width: 40px; height: 40px } /* Hover Text */ div#mouseCursor.hover-size.hover-text { width: 150px; height: 150px; } div#mouseCursor.hover-text { opacity: 1 !important } div#mouseCursor.hover-text .main-circle { stroke: none; stroke-width: 0; fill: var(--mainColor); } div#mouseCursor.hover-text .mouse-cursor-text span { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* Hover Icon */ div#mouseCursor.hover-size.hover-icon { width: 150px; height: 150px; } div#mouseCursor.hover-icon { opacity: 1 !important } div#mouseCursor.hover-icon .main-circle { stroke: none; stroke-width: 0; fill: var(--mainColor); } div#mouseCursor.hover-icon .mouse-cursor-icon::after { opacity: 1; } /*=============================================== # Page Transitions =================================================*/ .transition--media { position: fixed; -webkit-transition: none !important; -o-transition: none !important; transition: none !important; z-index: 999999 !important; } .transition--media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .transition--media.tm--video .pe-video .plyr--playing iframe { opacity: 0; -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .transition--media .slide-bgimg { height: 100%; } .nayla-page-transition { position: fixed; bottom: 0; left: 0; width: 100vw; height: 100vh; z-index: 999999; pointer-events: none; -webkit-transition: background .4s ease; -o-transition: background .4s ease; transition: background .4s ease; visibility: hidden; --backG: var(--secondaryBackground); display: block; } .nayla-page-transition .transition-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 0%; background-color: var(--backG); z-index: 11; } .nayla-page-transition .transition-overlay.t-overlay-mask { z-index: 12 } .nayla-page-transition.right .transition-overlay, .nayla-page-transition.left .transition-overlay { width: 0%; height: 100%; } .nayla-page-transition.right .transition-overlay { left: unset; right: 0 } .nayla-page-transition.right.half .transition-overlay { left: 0; right: unset } .nayla-page-transition.left.half .transition-overlay { left: unset; right: 0 } .nayla-page-transition.up .transition-overlay { top: unset; bottom: 0 } .nayla-page-transition.up.half .transition-overlay { bottom: unset; top: 0 } .nayla-page-transition.down .transition-overlay { top: 0; bottom: unset } .nayla-page-transition.down.half .transition-overlay { bottom: 0; top: unset } .capt_chars { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .nayla-page-transition.page-over { background-color: var(--backG); } .nayla-page-transition.right { left: unset; right: 0 } .nayla-page-transition.down { top: 0; bottom: 'unset' } .nayla-page-transition.block { height: 100vh; visibility: hidden; background: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } span.transition-block { display: block; width: 100%; height: 11%; position: relative; } span.transition-block span { display: block; width: 100%; height: 0%; background-color: var(--backG); } span.transition-block span.t-span-mask { position: absolute; bottom: 0; left: 0; height: 0%; background: red; z-index: 5; } .page-transition-texts { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -webkit-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; z-index: 1; color: var(--mainBackground); } .nayla-page-transition.running>* { opacity: 1 } .trans-image { clip-path: inset(0%); -webkit-clip-path: inset(0%); position: relative; z-index: 999 } span.trans-color-overlay { position: fixed; bottom: 0; left: 0; width: 100%; height: 0vh; z-index: 1; } .showcase-minimal-list span.trans-color-overlay { z-index: 0 } .page-transition-caption { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 1rem; line-height: 1rem; z-index: 1; overflow: hidden; height: 1em; color: var(--mainBackground); white-space: nowrap; z-index: 22 } .nayla-page-transition.capt-top-left .page-transition-caption { -webkit-transform: none; -ms-transform: none; transform: none; top: 5%; left: 5%; } .nayla-page-transition.capt-top-right .page-transition-caption { -webkit-transform: none; -ms-transform: none; transform: none; top: 5%; right: 5%; left: unset } .nayla-page-transition.capt-bottom-right .page-transition-caption { -webkit-transform: none; -ms-transform: none; transform: none; top: unset; right: 5%; bottom: 5%; left: unset } .nayla-page-transition.capt-bottom-left .page-transition-caption { -webkit-transform: none; -ms-transform: none; transform: none; top: unset; left: 5%; bottom: 5% } .capt_word { display: block !important; } .capt_char { position: relative; } span.project-trans-overlay { position: fixed; bottom: 0; left: 0; width: 100%; height: 0svh; background: transparent; z-index: 99; } span.page-over-ovs { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); pointer-events: none; } span.page-over-ovs::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; opacity: 1; border: 25px solid #000; -webkit-box-sizing: border-box; box-sizing: border-box; } span.page-over-ovs::before { content: ""; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #000; position: absolute; width: 100vw; height: 100vh; opacity: .6; z-index: 1; } .nayla-page-transition.columns { position: fixed; bottom: 0; left: 0; z-index: 99999; width: 100%; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: end; background: none !important; visibility: hidden; } .nayla-page-transition.columns .trans-col { position: relative; } .nayla-page-transition.columns .trans-col span { position: absolute; left: 0; width: 100%; height: 0%; background: red; } .nayla-page-transition.columns.left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .nayla-page-transition.columns.left.half { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .nayla-page-transition.columns.right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .nayla-page-transition.columns.right.half { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .nayla-page-transition.columns.right .trans-col, .nayla-page-transition.columns.left .trans-col { height: 20vh; width: 0%; background-color: var(--backG); } .nayla-page-transition.columns.down { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .nayla-page-transition.columns.down.half { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .nayla-page-transition.columns.down .trans-col, .nayla-page-transition.columns.up .trans-col { width: 20vw; height: 0%; background-color: var(--backG); } .nayla-page-transition.columns.up .trans-col span { bottom: 0; top: unset } .nayla-page-transition.columns.down .trans-col span { top: 0; bottom: unset } .nayla-page-transition.columns.up.half { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .nayla-page-transition.offset-x .capt_chars { overflow: hidden } .nayla-page-transition .capt_chars span { display: inline-block } .nayla-page-transition .page-transition-caption { letter-spacing: -0.025em } /*-------------------------------------------------------------- # Site Header --------------------------------------------------------------*/ h1.site-title { font-size: 2em; padding: 0; line-height: 1; margin-bottom: 0; margin-top: 0; white-space: nowrap; } .site-header { margin-bottom: 50px; padding: 0; z-index: 88888; -webkit-transition: background .3s ease-out; -o-transition: background .3s ease-out; transition: background .3s ease-out; position: relative; -webkit-transform: translate(0, 0%); -ms-transform: translate(0, 0%); transform: translate(0, 0%); position: relative; width: 100%; display: block; background-color: #fff; pointer-events: none; } .header-smooth-hold { display: block; float: left; width: 100%; overflow: hidden; } .pin-spacer { pointer-events: none; } .pin-spacer * { pointer-events: all } .site-header>div { pointer-events: all; padding: 1em 0; } .site-header.sticked>div { padding: 0 } .smooth-header { position: absolute; top: 0; left: 0; width: 100%; } .site-header.sticky { position: absolute; margin-bottom: 0; } .header-fixed-wrap { display: block; width: 100%; height: 120px; position: fixed; width: 100%; margin-bottom: 0; z-index: 88888; } .site-header.dynamic { -webkit-transition: padding .6s ease; -o-transition: padding .6s ease; transition: padding .6s ease } .site-header.fixed.dynamic, .site-header.fixed { position: fixed; } span.header-holder { display: block; width: 100%; } .site-header.dynamic { position: absolute } .header-wrapper.wrapper-full, .header-wrapper.wrapper-small, .header-wrapper.wrapper { margin-bottom: 0; z-index: 99999; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 25px 25px; will-change: transform; pointer-events: none; -webkit-box-sizing: content-box; box-sizing: content-box; } .header-wrapper.align-top { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important } .header-wrapper>div { margin-bottom: 0 } .header-wrapper.wrapper>div { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .header-wrapper>div * { pointer-events: all; } .header-wrapper.wrapper>div.align-right { -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; } /* .header-wrapper.wrapper > div:first-child { margin-left: 0; padding-left: 0; } */ .site-header.sticky.sticked { position: fixed; -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); -webkit-transition: background 0s ease, padding 0s ease; -o-transition: background 0s ease, padding 0s ease; transition: background 0s ease, padding 0s ease; top: 0; padding: 0; margin-bottom: 0; } .site-header.menu-open { background: transparent !important } /* .site-header.sticked .hide-sticky { display: none } */ .site-header.mx-difference { mix-blend-mode: difference } .site-header.mx-difference .toggle-line, .site-header.light .toggle-line { background-color: var(--mainColor); } .site-header .nayla-button { margin-top: 0; margin-bottom: 0 } /* Site Branding - ------------------------------ */ .site-branding { display: block; width: 100px; position: relative } .site-branding.align-center { margin: 0 auto } .site-branding.align-right { float: right } .site-logo { width: 100%; } .sticky-logo { width: 40px; display: none; position: static; } .sticky-logo img, .site-logo img { width: 100%; } img.sticky-light-logo, img.light-logo { display: none; } .site-header.light .sticky-dark-logo, .site-header.blend .dark-logo, .site-header.blend .sticky-dark-logo, .site-header.light .dark-logo { display: none; } .site-header.light .sticky-light-logo, .site-header.blend .light-logo, .site-header.blend .sticky-light-logo, .site-header.light .light-logo { display: block; } /* .site-header.sticked .site-logo { display: none; } */ /* .site-header.sticked .sticky-logo { display: block } */ /* Menu Toggle ------------------------------ */ .menu-toggle { display: inline-block; cursor: pointer; position: relative; } .menu-toggle.has-bg::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; background: var(--secondaryBackground); border-radius: 50%; transform: translate(-50%, -50%); z-index: -1; } .menu-toggle .toggle-lines { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 45px; } .menu-toggle .toggle-lines.plus { width: 40px; height: 40px; } .align-right .menu-toggle { float: right; margin-left: 40px; } .toggle-line { width: 100%; height: 1.5px; display: inline-block; background-color: var(--mainColor); margin: 3px 0; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .toggle-lines.plus .toggle-line:first-child { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .toggle-lines.plus .toggle-line { margin: 0; } .toggle-lines.plus .toggle-line:last-child { margin-top: -1.5px; } .toggle-text { display: block; float: left; position: relative; overflow: hidden; color: var(--mainColor); } .has-underline .toggle-text::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: var(--mainColor); -webkit-transition: width .7s cubic-bezier(0.2, 0.7, 0.2, 1); -o-transition: width .7s cubic-bezier(0.2, 0.7, 0.2, 1); transition: width .7s cubic-bezier(0.2, 0.7, 0.2, 1); } .menu-toggle.active .toggle-text::after { width: 0% } .toggle-text span { display: block; position: relative; -webkit-transition: -webkit-transform .7s cubic-bezier(0.2, 0.7, 0.2, 1); transition: -webkit-transform .7s cubic-bezier(0.2, 0.7, 0.2, 1); -o-transition: transform .7s cubic-bezier(0.2, 0.7, 0.2, 1); transition: transform .7s cubic-bezier(0.2, 0.7, 0.2, 1); transition: transform .7s cubic-bezier(0.2, 0.7, 0.2, 1), -webkit-transform .7s cubic-bezier(0.2, 0.7, 0.2, 1); } .toggle-text span::after { content: attr(data-close-text); display: block; position: absolute; bottom: 0; left: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .menu-toggle.active .toggle-text span { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) } .menu-toggle:hover .toggle-text::after, .menu-toggle:hover .toggle-line { -webkit-animation-name: toggleLine; animation-name: toggleLine; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-timing-function: ease; animation-timing-function: ease } .toggle-line:last-child { -webkit-animation-delay: .1s; animation-delay: .1s } .menu-toggle.active .toggle-line { margin: 0; -webkit-transition: -webkit-transform .6s ease; transition: -webkit-transform .6s ease; -o-transition: transform .6s ease; transition: transform .6s ease; transition: transform .6s ease, -webkit-transform .6s ease; } .menu-toggle.active .toggle-line:first-child { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .menu-toggle.active .toggle-line:last-child { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -1.5px; } @-webkit-keyframes toggleLine { 0% { -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); } 50% { -webkit-clip-path: inset(0% 0% 0% 100%); clip-path: inset(0% 0% 0% 100%); } 51% { -webkit-clip-path: inset(0% 100% 0% 0%); clip-path: inset(0% 100% 0% 0%); } 100% { -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); } } @keyframes toggleLine { 0% { -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); } 50% { -webkit-clip-path: inset(0% 0% 0% 100%); clip-path: inset(0% 0% 0% 100%); } 51% { -webkit-clip-path: inset(0% 100% 0% 0%); clip-path: inset(0% 100% 0% 0%); } 100% { -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); } } /* Site Mavigation ------------------------------ */ ul.menu { list-style: none; } ul.menu a { text-decoration: none; color: var(--mainColor); } div#site-navigation { display: block; float: left; } .menu-overlay { display: block; position: fixed; top: 0; left: 0; background: var(--secondaryBackground); width: 100%; height: 0vh; z-index: 999; pointer-events: none; overflow: hidden; will-change: width, height } ul.menu.text-h6 li { padding-bottom: 0.5em; } /* .menu-overlay::after { content: ""; display: block; position: absolute; left: 0; top: 130px; height: 1px; background: #000; opacity: 0.1; width: 100%; pointer-events: none !important; } */ .menu-overlay.dark::after { background: #fff; } /** Default Navigation ------------------------------ */ nav#site-navigation { display: block; width: 100%; } .main-navigation.default #main-menu>li { display: inline-block; padding: 0 15px; position: relative; } ul.main-menu { display: block; float: right; } .main-navigation.default #main-menu>li>.sub-menu { position: absolute; top: 2em; left: 0; margin: 0; padding: 0; padding: 2em 3em; background: #f6f6f6; white-space: nowrap; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .main-navigation.default #main-menu>li>.sub-menu::before { display: block; position: absolute; width: 100%; background: transparent; content: ""; top: -1em; height: 3em; left: 0; pointer-events: all; z-index: -1; } .main-navigation.default #main-menu>li.menu-item-has-children:hover>.sub-menu { opacity: 1; visibility: visible; pointer-events: all } .main-navigation.default #main-menu>li.menu-item-has-children .sub-menu>li { display: block; margin: 10px 0; } .main-navigation.default #main-menu>li>a::after { content: ""; display: block; float: left; width: 100%; height: 1px; background: var(--mainColor); opacity: 0; } .main-navigation.default #main-menu>li>a:hover::after { -webkit-animation-name: toggleLine; animation-name: toggleLine; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-timing-function: ease; animation-timing-function: ease; opacity: 1 } @keyframes toggleLine { 0% { -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); } 50% { -webkit-clip-path: inset(0% 0% 0% 100%); clip-path: inset(0% 0% 0% 100%); } 51% { -webkit-clip-path: inset(0% 100% 0% 0%); clip-path: inset(0% 100% 0% 0%); } 100% { -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); } } /** Classic Navigation ------------------------------ */ #site-navigation.classic.align-right { float: right; text-align: unset; margin-left: auto; } #site-navigation.classic.align-center ul.main-menu { float: none; margin: 0 auto; text-align: center; } #site-navigation.classic.align-center ul.main-menu .sub-menu-wrapper { text-align: left; } #site-navigation.classic ul.main-menu { display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 0; margin-bottom: 0 } #site-navigation.classic ul.main-menu>li { display: inline-block; padding: 0 25px; letter-spacing: -0.01em; } #site-navigation.classic ul.main-menu>li:first-child { padding-left: 0; } #site-navigation.classic ul.main-menu>li:last-child { padding-right: 0; } #site-navigation.classic ul.main-menu>li>a { display: block; overflow: hidden; } #site-navigation.classic ul.menu>li>a>span { display: block; position: relative; -webkit-transition: -webkit-transform .7s cubic-bezier(0.2, 0.7, 0.2, 1); transition: -webkit-transform .7s cubic-bezier(0.2, 0.7, 0.2, 1); -o-transition: transform .7s cubic-bezier(0.2, 0.7, 0.2, 1); transition: transform .7s cubic-bezier(0.2, 0.7, 0.2, 1); transition: transform .7s cubic-bezier(0.2, 0.7, 0.2, 1), -webkit-transform .7s cubic-bezier(0.2, 0.7, 0.2, 1); } #site-navigation.classic ul.menu>li>a>span::after { content: attr(data-text); display: block; width: 100%; height: auto; position: absolute; opacity: .6; } #site-navigation.classic ul.main-menu>li>a:hover>span { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) } #site-navigation.classic.justify-menu ul.main-menu { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #site-navigation.classic.justify-menu { width: 100%; } #site-navigation.classic.vertical ul.main-menu>li { display: block; padding: 0; } #site-navigation.classic.vertical ul.main-menu>li a { margin-bottom: 1em; padding: 0; } #site-navigation.classic.vertical.align-right ul.main-menu { text-align: right; } #site-navigation.classic .menu-item.menu-item-has-children.classic { position: relative; } .nayla-sub-menu-wrap { position: fixed; top: 0; left: 0; width: 100%; visibility: hidden; overflow: hidden; z-index: 888; } .nayla-sub-menu-wrap.active { visibility: visible } div[data-elementor-type="sub-menu-type"] { z-index: 22; position: relative; } #site-navigation.classic ul.main-menu>li.menu-item-has-children { position: relative; -moz-text-align-last: left; text-align-last: left } #site-navigation.classic ul.main-menu>li.menu-item-has-children>.sub-menu { position: absolute; top: 0; left: 0; margin-top: 1em; white-space: nowrap; padding-top: 2em; visibility: hidden; -webkit-transition: all .4s ease .2s; -o-transition: all .4s ease .2s; transition: all .4s ease .2s; opacity: 0; } #site-navigation.classic ul.main-menu>li.menu-item-has-children>.sub-menu>li { line-height: 2em; } #site-navigation.classic ul.main-menu>li.menu-item-has-children>.sub-menu::after { content: ""; display: block; position: absolute; left: -2em; top: 1em; width: calc(100% + 6em); height: 0%; background: var(--secondaryBackground); z-index: -1; -webkit-transition: height .5s ease-in-out; -o-transition: height .5s ease-in-out; transition: height .5s ease-in-out; border-radius: 15px; } #site-navigation.classic ul.main-menu>li.menu-item-has-children:hover>.sub-menu::after { height: 100% } #site-navigation.classic ul.main-menu>li.menu-item-has-children:hover>.sub-menu { visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .blend #site-navigation.classic ul.main-menu>li.menu-item-has-children>.sub-menu a { color: #000; } /** Fullscreen Navigation ------------------------------ */ #site-navigation.fullscreen_menu { position: fixed; top: 0; left: 0; width: 100%; height: 0vh; z-index: -1; padding-top: 0px; overflow: hidden; visibility: hidden; pointer-events: none; color: var(--mainColor); overflow: hidden; } .section-fullscreen-menu { visibility: hidden; pointer-events: none } .section-fullscreen-menu.active, #site-navigation.fullscreen_menu.active { visibility: visible; pointer-events: all } #site-navigation.fullscreen_menu .fullscreen-menu-wrapper { margin-bottom: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 20px; height: 100vh; } #site-navigation.fullscreen_menu .fullscreen-menu-wrapper .fullscreen-menu-wrap-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; float: left; margin-top: auto; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #site-navigation.fullscreen_menu .fullscreen-menu-wrapper>div { margin-bottom: 0 !important } #site-navigation.fullscreen_menu ul.menu.main-menu { padding: 0; position: relative } #site-navigation.fullscreen_menu ul.menu.main-menu, #site-navigation.fullscreen_menu ul.menu.main-menu ul { visibility: hidden; pointer-events: none } #site-navigation.fullscreen_menu ul.menu.main-menu.active, #site-navigation.fullscreen_menu ul.menu.main-menu ul.active { visibility: visible; pointer-events: all } .fullscreen_menu ul.menu a { display: inline-block; color: var(--mainColor); } .fullscreen_menu ul.menu.main-menu li { padding: 0; font-size: 60px; line-height: 1.2; letter-spacing: -0.04em; overflow: hidden; text-transform: uppercase; white-space: nowrap } #site-navigation.fullscreen_menu ul.menu.main-menu .sub-menu.small li { font-size: 21px; line-height: 21px; text-transform: none; letter-spacing: 0; padding-bottom: 0.5em } #site-navigation.fullscreen_menu ul.menu.main-menu .sub-menu.small li.sub-menu-title { pointer-events: none; font-size: 16px; text-transform: uppercase; margin-bottom: 25px; opacity: .5; } #site-navigation.fullscreen_menu li.menu-item-has-children .sub-menu.small span.sub-toggle { font-size: 15px; margin-top: 0px; margin-left: 0; } #site-navigation.fullscreen_menu ul.menu.main-menu .sub-menu.small li:hover::before { width: 10px; } #site-navigation.fullscreen_menu ul.menu.main-menu .sub-menu.medium li { font-size: 30px; letter-spacing: -0.02em; text-transform: none; line-height: 30px; padding-bottom: 15px; } .fullscreen_menu ul.menu.main-menu li::before { content: ""; display: inline-block; width: 0px; height: 2px; background: var(--mainColor); vertical-align: middle; margin-top: -0.6em; margin-right: 10px; -webkit-transition: width 1.2s cubic-bezier(.07, 0.8, .2, 1); -o-transition: width 1.2s cubic-bezier(.07, 0.8, .2, 1); transition: width 1.2s cubic-bezier(.07, 0.8, .2, 1); } .fullscreen_menu.dark ul.menu.main-menu li::before { background: var(--mainColor); } #site-navigation.fullscreen_menu ul.menu.active li.current-menu-item::before { width: 40px } #site-navigation.fullscreen_menu ul.menu.active li:hover::before { width: 40px } #site-navigation.fullscreen_menu ul.menu.animating li::before { width: 0 !important } #site-navigation.fullscreen_menu ul.menu.main-menu li a .mt_line { overflow: hidden; } #site-navigation .mt_line, #site-navigation .mt_char { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); will-change: transform } #site-navigation.fullscreen_menu ul.sub-menu { position: relative; margin-right: 100px; } .sub-menu-wrapper { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; pointer-events: none } #site-navigation.fullscreen_menu li.menu-item-has-children span.sub-toggle { vertical-align: top; display: inline-block; margin-left: -5px; font-size: 15px; cursor: pointer; letter-spacing: 0; margin-top: 10px; } #site-navigation.fullscreen_menu li.menu-item-has-children.sub-active { pointer-events: none } #site-navigation.fullscreen_menu .sub-close { position: absolute; top: 0; left: 0; -webkit-transform: translateX(0px) translateY(-25px) rotate(180deg); -ms-transform: translateX(0px) translateY(-25px) rotate(180deg); transform: translateX(0px) translateY(-25px) rotate(180deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; opacity: 0; visibility: hidden; -webkit-transition: all .75s ease .3s; -o-transition: all .75s ease .3s; transition: all .75s ease .3s; cursor: pointer; pointer-events: all; } #site-navigation.fullscreen_menu .sub-close.active:hover { -webkit-transform: translateX(0px) translateY(-25px) rotate(-180deg); -ms-transform: translateX(0px) translateY(-25px) rotate(-180deg); transform: translateX(0px) translateY(-25px) rotate(-180deg); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s } #site-navigation.fullscreen_menu .sub-close.active { opacity: .5; visibility: visible; -webkit-transform: translateX(0px) translateY(-25px) rotate(0deg); -ms-transform: translateX(0px) translateY(-25px) rotate(0deg); transform: translateX(0px) translateY(-25px) rotate(0deg); } /*-------------------------------------------------------------- # Site Header --------------------------------------------------------------*/ #footer { padding-top: 0; margin-bottom: 0; padding-bottom: 0; display: block; width: 100%; position: relative; z-index: 1; float: left; } body.smooth-scroll #footer { float: none } body.hide-footer #footer { display: none; } .footer-top-wrapper { margin-bottom: 100px; } .wrapper-full.footer-bottom-wrapper, .wrapper.footer-bottom-wrapper { margin-bottom: 0; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; } /*-------------------------------------------------------------- # Components --------------------------------------------------------------*/ .hide-desktop { display: none } /* Posts and pages --------------------------------------------- */ .sticky { display: block; } .post, .page { margin: 0 0 1.5em; } body.page article { margin-bottom: 0 } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 0; } .page-links { clear: both; margin: 0 0 1.5em; } /* Comments --------------------------------------------- */ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .nayla-post-comments { display: block; float: left; width: 100%; } .nayla-post-comments::before { content: ""; display: block; float: left; width: 100%; height: 1px; background: var(--mainColor); opacity: .3; } .nayla-post-comments h2.comments-title { font-size: 2.5em; } .nayla-post-comments ol.comment-list { padding: 0; margin: 0; list-style: none; } .nayla-post-comments .comment { background: #fff; padding: 35px; margin-bottom: 25px; display: block; float: left; width: 100%; position: relative } a.comment-reply-link { position: absolute; top: 35px; right: 35px; text-decoration: underline; } .nayla-post-comments img.avatar { border-radius: 50%; } .nayla-post-comments .comment>div.comment-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nayla-post-comments .comment>div { display: block; float: left; width: 100%; } .nayla-post-comments .comment-meta>div { display: block; float: left; } .nayla-post-comments .comment-usr .name { margin: 0; } .nayla-post-comments .comment-meta>div.comment-usr { margin-left: 25px; } form#commentform input[type="text"], form#commentform input[type="email"], form#commentform input[type="url"], form#commentform input[type="password"], form#commentform input[type="search"], form#commentform input[type="number"], form#commentform input[type="tel"], form#commentform input[type="range"], form#commentform input[type="date"], form#commentform input[type="month"], form#commentform input[type="week"], form#commentform input[type="time"], form#commentform input[type="datetime"], form#commentform input[type="datetime-local"], form#commentform input[type="color"], form#commentform textarea { padding: 10px; background: none; border: none; border-bottom: 1px solid; border-color: var(--mainColor); border-radius: 0; } form#commentform input[type="text"]:focus, form#commentform input[type="email"]:focus, form#commentform input[type="url"]:focus, form#commentform input[type="password"]:focus, form#commentform input[type="search"]:focus, form#commentform input[type="number"]:focus, form#commentform input[type="tel"]:focus, form#commentform input[type="range"]:focus, form#commentform input[type="date"]:focus, form#commentform input[type="month"]:focus, form#commentform input[type="week"]:focus, form#commentform input[type="time"]:focus, form#commentform input[type="datetime"]:focus, form#commentform input[type="datetime-local"]:focus, form#commentform input[type="color"]:focus, form#commentform textarea:focus { outline: none } form#commentform .field-wrap.half-field { width: 50%; float: left; display: block; margin: 10px 0; } form#commentform .field-wrap input { width: 95%; } form#commentform .field-wrap:nth-child(even) input { float: right; } form#commentform p.form-submit { display: block; float: left; } form#commentform p.form-submit input[type="submit"] { background: var(--mainColor); color: #fff; border: none; padding: 15px 25px; } form#commentform h3#reply-title { font-size: 2em; } form#commentform div#respond { display: block; float: left; width: 100%; } .nayla-post-comments h3#reply-title { font-size: 2em; letter-spacing: -0.02em; } span.required-field-message { display: block; margin-top: 1em; } /* Widgets --------------------------------------------- */ .widget { margin: 0 0 1.5em; padding: 25px; background: #fff; } .widget select { max-width: 100%; background: none; padding: 10px; -webkit-appearance: none; -moz-appearance: none; background: transparent; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position-x: 95%; background-position-y: 10px; } .widget-title { margin-top: 0; margin-bottom: 0.75em; letter-spacing: 0; } h2.wp-block-heading { font-size: 35px; } .single-blog-post.sticky::after { content: "bookmark"; font-family: "Material Icons"; position: absolute; top: 0; right: 25px; font-size: 2em; margin-top: -6px; } /** RSS --------------------------------------------- */ a.rsswidget { text-decoration: underline; } span.rss-date { font-style: italic; opacity: .5; } .rssSummary { margin: 1em 0; } cite { margin-bottom: 2em; display: block; } li.recentcomments a { text-decoration: underline; } /** Search Form --------------------------------------------- */ form#searchform { display: block; float: left; width: 100%; position: relative; } input#al-search { width: 100%; border: none; border-bottom: 1px solid #19191940; padding: 10px 0; border-radius: 0; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } button.search-submit { background: none; border: none; padding: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; cursor: pointer; } input#al-search::-webkit-search-cancel-button { display: none; } input#al-search:focus { border-color: var(--mainColor); outline: none; } /** Nav Menu & Pages --------------------------------------------- */ .widget ul li.menu-item>a, .widget ul li.page_item>a { text-transform: uppercase; border-bottom: 1px solid; border-color: rgb(0 0 0 / 10%); display: block; width: 100%; padding: 0.25em 0; } .widget ul li.menu-item ul.sub-menu, .widget ul li.page_item ul.children { margin-left: 1em; display: block; float: left; width: 100%; overflow: hidden; } /** Tag Cloud --------------------------------------------- */ .tagcloud a { display: inline-block; margin: 0 5px; border: 1px solid #1919194f; padding: 5px 10px; margin-bottom: 10px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .tagcloud a:hover { background: var(--mainColor); color: #fff } /** Archives --------------------------------------------- */ .widget ul li { display: block; width: 100%; float: left; padding: 0.5em 0; } .widget ul li>a { padding: 20px 0; } /* Media --------------------------------------------- */ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /* Captions --------------------------------------------- */ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /* Galleries --------------------------------------------- */ .gallery { margin-bottom: 1.5em; display: -ms-grid; display: grid; grid-gap: 1.5em; } .gallery-item { display: inline-block; text-align: center; width: 100%; } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } .gallery-caption { display: block; } /*-------------------------------------------------------------- # Plugins --------------------------------------------------------------*/ /* Jetpack infinite scroll --------------------------------------------- */ /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } /* Re-display the Theme Footer when Infinite Scroll has reached its end. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Utilities --------------------------------------------------------------*/ /* Accessibility --------------------------------------------- */ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Do not show the outline on the skip link target. */ #primary[tabindex="-1"]:focus { outline: 0; } /* Alignments --------------------------------------------- */ .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin-right: 1.5em; margin-bottom: 1.5em; } .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-left: 1.5em; margin-bottom: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; } /*-------------------------------------------------- # Grid System ---------------------------------------------------*/ #page { visibility: visible; display: block; overflow: hidden; position: relative; } div#content { display: block; float: left; width: 100%; position: relative; z-index: 1; } .hide_desktop { display: none } .wrapper, .wrapper-full, .wrapper-small { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; } .wrapper-small { width: 100%; margin-right: auto; margin-left: auto; margin-bottom: 100px; } .wrapper { width: 100%; margin-right: auto; margin-left: auto; margin-bottom: 100px; position: relative; z-index: 1 } .wrapper-full { width: 100%; margin-bottom: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 0 25px } .section { width: 100%; margin-bottom: 100px; position: relative; background-size: cover; background-position: center; padding-top: 150px; } .elementor-page .section { margin-bottom: 0 } .section.no-padding { padding-top: 0; padding-bottom: 0; } .section.anim-bg { padding-top: 0 } .section.fullscreen { min-height: 100vh; margin-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 0; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .section.fullscreen .wrapper, .section.fullscreen .wrapper-full, .section.fullscreen .wrapper-small { margin-bottom: 0; -ms-flex-preferred-size: 100%; flex-basis: 100%; z-index: 1; height: auto; } .section.fullscreen .wrapper>div, .section.fullscreen .wrapper-full>div, .section.fullscreen .wrapper-small>div { margin-bottom: 0 } .align-bottom { -ms-flex-item-align: end; align-self: flex-end } .self-center { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } .section.has-bg { margin-bottom: 350px; padding-top: 100px; margin-top: 350px; } .page-content .section:last-child { margin-bottom: 0 } .send-back { z-index: -2 } .section.send-back { z-index: -9 } .wrapper:after, .wrapper-small:after, .wrapper-full:after, section:after { display: table; clear: both; content: ''; } .c-col-1, .c-col-2, .c-col-3, .c-col-4, .c-col-5, .c-col-6, .c-col-7, .c-col-8, .c-col-9, .c-col-10, .c-col-11, .c-col-12 { float: left; padding-left: 15px; padding-right: 15px; margin-bottom: 30px; -webkit-box-sizing: border-box; box-sizing: border-box } .no-gap { padding-left: 0; padding-right: 0; } .c-col-1 { width: 8.333333% } .c-col-6 { width: 50%; } .c-col-4 { width: 33.333333% } .c-col-8 { width: 66.666666% } .c-col-3 { width: 25%; } .c-col-2 { width: 16.6666666% } .c-col-5 { width: 41.666666% } .c-col-10 { width: 83.333333% } .c-col-9 { width: 75% } .c-col-12 { width: 100%; } .no-margin { margin-bottom: 0 !important } .align-center { text-align: center } .col-center { margin: 0 auto } @media only screen and (max-width: 576px) { .wrapper { max-width: 90%; margin-bottom: 25px; } .wrapper-small { max-width: 90%; margin-bottom: 25px; } .wrapper-full { margin-bottom: 100px; } .sm-6 { width: 50%; } .sm-4 { width: 33.333333% } .sm-8 { width: 66.666666% } .sm-3 { width: 25%; } .sm-2 { width: 16.6666666% } .sm-5 { width: 41.666666% } .sm-10 { width: 83.333333% } .sm-9 { width: 75% } .sm-12 { width: 100%; } .fit-col { margin: 0; } } @media (min-width: 576px) and (max-width: 900px) { .md-6 { width: 50%; } .md-4 { width: 33.333333% } .md-8 { width: 66.666666% } .md-3 { width: 25%; } .md-2 { width: 16.6666666% } .md-5 { width: 41.666666% } .md-10 { width: 83.333333% } .md-9 { width: 75% } .md-12 { width: 100%; } } @media only screen and (min-width: 576px) { .wrapper { max-width: 90%; } .wrapper-small { max-width: 90%; } } @media only screen and (min-width: 768px) { .wrapper { max-width: 90%; } .wrapper-small { max-width: 88%; } } @media only screen and (min-width: 992px) { .wrapper { max-width: 1014px; } .wrapper-small { max-width: 790px; } } @media only screen and (min-width: 1200px) { .wrapper { max-width: 1274px; } .wrapper-small { max-width: 950px; } } @media only screen and (min-width: 1600px) { .wrapper { max-width: 1500px; } .wrapper-small { max-width: 1200px; } } span.empty-space { display: block; width: 100%; float: revert; clear: both } .nayla-divider { display: block; width: 100%; height: var(--height); background: var(--mainColor); -webkit-transition: width 1s cubic-bezier(0.3, 0.8, 0, 1) .2s; -o-transition: width 1s cubic-bezier(0.3, 0.8, 0, 1) .2s; transition: width 1s cubic-bezier(0.3, 0.8, 0, 1) .2s; margin: 25px 0; opacity: .2; float: left; --height: 1px; } .nayla-divider.nayla-divider.detect-pov { width: 0% } .nayla-divider.full-width { width: 100vw; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .nayla-divider.detect-pov.full-width.is-inview { width: 100vw; } .nayla-divider.detect-pov.is-inview { width: 100% } .light .nayla-divider { background: #fff } .align-right { text-align: right } /*-------------------------------------------------- # Blog ---------------------------------------------------*/ /*-------------------------------------------------- ## Single Post Page ---------------------------------------------------*/ .next-post-wrap .single-blog-post.post_horizontal .post-details { width: 100%; } .next-post-wrap .single-blog-post.post_horizontal { margin-top: 100px; } .single-post-page-content .section { padding-top: 0 } .single-post-page .post-meta>div:last-child::before { display: none; } .next-post-wrap .single-blog-post.post_horizontal { border-top: 1px solid; } .section.single-post-page { margin-bottom: 0; padding-top: 0 } .single-post-header.wrapper { margin-bottom: 0; margin-top: 0 } .single-post-header::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: var(--mainColor); opacity: .3; } .single-post-page .post-meta.c-col-12 { display: block; float: left; } .single-post-page h1.post-title { margin-top: 0; margin-bottom: 20px; } .single-post-page .post-categories>ul { margin: 0; padding: 0; list-style: none; } .single-post-page .post-categories>ul>li { display: inline-block; } .single-post-page .post-categories>ul>li::after { content: ","; margin: 0 10px; } .single-post-page .post-categories>ul>li:last-child::after { display: none; } .single-post-page .post-title-wrap.c-col-12 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; margin-bottom: 70px; } .single-post-page .post-featured-image { display: block; float: left; width: 100%; -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .single-post-page .post-featured-image>img { width: 100%; -o-object-fit: cover; object-fit: cover; } .single-post-page .post-meta { display: block; float: left; width: 100%; margin-top: 1em; } .single-post-page .post-meta>div { display: block; float: left; width: 100%; margin-bottom: 1.5em; } .single-post-page .post-meta>div span.post-met-title { display: block; float: left; width: 100%; margin-bottom: 1em; font-size: 0.8em; } .single-post-page .entry-meta-wrap { display: block; float: left; width: 100%; overflow: hidden; } .single-post-page .entry-meta { position: relative; } .single-post-page .post-title-sub { position: absolute; top: 0; z-index: -1; max-width: 60% } .single-post-page .post-title-sub>div { display: block; overflow: hidden; } .single-post-page .post-featured-image { max-width: 90% } .single-blog-post.horizontal a { width: 35%; max-height: 300px; overflow: hidden; } .single-blog-post.horizontal .post-details { width: 65%; margin-top: 0; padding: 3em; -webkit-box-sizing: border-box; box-sizing: border-box; } .single-post-page .next-post-sub { display: block; float: left; } .single-post-page .next-post-wrap .single-blog-post.horizontal::after { margin-bottom: 0; margin-top: 3em; } .single-post-page .next-post-wrap .single-blog-post.horizontal .post-details { padding-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 0; height: auto; width: 100%; padding: 0; } .single-post-page .next-post-wrap .single-blog-post.horizontal .post-button { margin-bottom: 0; margin-top: 1em; } .single-post-page .next-post-wrap .single-blog-post.horizontal .post-title { max-width: 80%; } .single-post-page .next-post-wrap .single-blog-post.horizontal .post-meta { margin: 0; } .next-post-wrap .post-details { background: none !important; height: auto !important; } /*-------------------------------------------------- ## Archive Page ---------------------------------------------------*/ .nayla-posts-wrap { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 25px 1fr; grid-template-columns: repeat(2, 1fr); grid-gap: 25px; } .page-title.archive-title h1 { margin: 0.5em 0; } .nayla-posts-wrap.col-3 .post-title.text-h4 { font-size: 25px; line-height: 37px; letter-spacing: 0; } .np-grid { margin-top: 120px } .sidebar--active .nayla-posts-wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 25px; } .nayla-posts-wrap.col-2 { -ms-grid-columns: 1fr 50px 1fr; grid-template-columns: repeat(2, 1fr); grid-gap: 50px; } .nayla-posts-wrap.col-3 { -ms-grid-columns: 1fr 25px 1fr 25px 1fr; grid-template-columns: repeat(3, 1fr); grid-gap: 25px; } .nayla-posts-wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .posts-navigation { display: block; float: left; text-align: center; width: 100%; margin: 50px 0; } .posts-navigation ul li { display: inline-block; font-size: 20px; margin: 0 15px; } .posts-navigation ul li a { color: rgba(25, 27, 29, .3); -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; letter-spacing: -0.03em; } .posts-navigation ul li.active a { color: var(--mainColor); } .posts-navigation ul li a:hover { color: var(--mainColor); } /*-------------------------------------------------- ## Single Blog Post ---------------------------------------------------*/ .single-blog-post { display: block; float: left; width: 100%; margin-bottom: 50px; position: relative; } .single-blog-post.no-background, .single-blog-post.no-background .post-details { padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; background: none !important; } .single-blog-post.no-thumbnail { background: #fff; padding: 25px 25px 25px calc(25px + 1em); -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; margin-top: 0; } .single-blog-post .single-post-image, .single-post-image img { width: 100%; display: block; float: left; overflow: hidden } .thmb { display: block; float: left; width: 100%; overflow: hidden; } .single-blog-post.post_horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .single-blog-post.post_horizontal .single-post-image { height: 100%; } .single-blog-post.post_horizontal .thmb { width: 30%; } .single-blog-post.post_horizontal.bordered { position: relative; padding-top: 1rem; padding-bottom: 1rem; } .grid--posts .single-blog-post.post_horizontal.bordered { margin-bottom: 0 } .grid--posts .single-blog-post.post_horizontal.bordered::after { display: none } .single-blog-post.post_horizontal.bordered::after, .single-blog-post.post_horizontal.bordered::before { content: ""; display: block; position: absolute; width: 100%; height: 1px; background: var(--mainColor); top: 0; left: 0; opacity: .3; } .single-blog-post.post_horizontal.bordered::before { top: unset; bottom: 0; } .single-post-image img { height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .single-blog-post:hover .single-post-image img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .single-post-image img { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } .single-blog-post .post-button { margin-top: 2em; display: block; float: left; } .single-blog-post .post-details { display: block; float: left; max-width: 100%; margin-top: 1em; margin-bottom: 1em; } .single-blog-post.post_horizontal .post-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 70%; } .single-blog-post.has-thumbnail .post-details { background: #fff; padding: calc(25px + 1em) 25px 25px calc(25px + 1em); margin-top: 0; margin-bottom: 0; } .single-blog-post.no-bg .post-details { background: none !important; padding: 1em 0 0 0 !important; } .single-blog-post.post_horizontal.no-bg .post-details { padding: 0 0 0 40px !important } .single-blog-post .post-meta { display: block; float: left; width: 100%; margin-bottom: 1.5em; opacity: .5; text-transform: uppercase; } .single-blog-post.post_horizontal .post-title { max-width: 90%; } .single-blog-post .post-title { margin-top: 0 } .post-excerpt { display: block; float: left; width: 100%; } .single-blog-post.post_horizontal .post-excerpt { max-width: 80% } .single-blog-post.post_vertical .post-excerpt { margin-top: 1em } .single-blog-post .post-meta>div { float: left; display: block; } .single-post-page .post-meta.c-col-12>div { display: inline-block; width: auto; opacity: .75; } .single-post-page .post-meta.c-col-12>div::before { content: "/"; display: inline-block; margin: 0 15px; } .post-meta>div:first-child::before { display: none; } .single-blog-post .post-meta>div:first-child::before { display: none } .single-blog-post .post-meta>div:last-child::before { content: "/"; margin: 0 10px } .comment-respond h3#reply-title { font-size: 1.2em; letter-spacing: 0; float: left; width: 100%; } .comment-respond h3#reply-title small { float: right; text-decoration: underline } .nayla-load-more { display: block; float: left; width: 100%; clear: both; margin: 50px 0; text-align: center; } .nbp--load-more { display: inline-block; padding: 1em 2em; border: 1px solid var(--mainColor); border-radius: 35px; text-transform: uppercase; position: relative; overflow: hidden; transition: all .3s ease; user-select: none; cursor: pointer; font-size: 14px; } .nbp--load-more.hidden { opacity: 0; pointer-events: none; } .nbp--load-more::after { content: ""; position: absolute; bottom: 0; width: 100%; height: 00%; background: var(--mainColor); left: 0; z-index: -1; transition: height .3s ease-in-out; } .nbp--load-more.posts-loading::after, .nbp--load-more:hover::after { height: 100%; } .nbp--load-more.posts-loading, .nbp--load-more:hover { color: var(--mainBackground); } .nbp--load-more.posts-loading { pointer-events: none; cursor: wait; opacity: .5; } /*-------------------------------------------------- # Pages ---------------------------------------------------*/ /* ## 404 Page ---------------------------------------------------*/ .error-404 .wrapper { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; max-width: 40%; background: var(--mainColor); color: var(--mainBackground); text-align: center; padding-top: 4rem; padding-bottom: 4rem; } .error-404 form#searchform input { background: none; border: 1px solid; padding-left: 1em; padding-right: 1em; color: var(--mainBackground); } .error-404 button.search-submit { color: var(--mainBackground); padding-right: 1rem; font-size: 0; } .error-404 form#searchform { margin-top: 1rem; } .error-404 button.search-submit::after { content: "search"; font-family: 'Material Icons'; font-size: 1.5rem; } .error-404 .page-title { margin-top: 0 } body.error404 .site-header { position: fixed; background: none; } body.error404 #footer { display: none } section.error-404.not-found { position: relative; width: 100%; height: 100vh; } body.error404 h1.page-title { margin: 0; } .marquee-404 { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 85vh; } .section.search-res-section, .section.archive-section { padding-top: 0 } .section.search-res-section .comments-link { display: none } span.byline>span { text-decoration: underline; } section.no-results.not-found { height: 50vh; text-align: center; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } section.no-results.not-found input#al-search { background: none; } section.no-results.not-found form#searchform { width: 60%; float: none; margin: 0 auto; margin-top: 3em; } /* Single Post Page */ .single-blog-post.split .single-post-page-content .section { padding-top: 0 } .single-blog-post.split .single-post-header::after { display: none; } .single-blog-post.split .single-post-header .post-title { margin-bottom: 2em; margin-top: 2.5em; } .single-blog-post.split .single-post-header { margin-bottom: 0; } .single-blog-post.split .single-post-header .wrapper { margin-bottom: 0; } .single-blog-post.split .single-post-page .post-meta.c-col-12 { display: block; float: left; } .single-blog-post.split .single-post-page .post-categories>ul { margin: 0; padding: 0; list-style: none; } .single-blog-post.split .single-post-page .post-categories>ul>li { display: inline-block; } .single-blog-post.split .single-post-page .post-categories>ul>li::after { content: ","; margin: 0 10px; } .single-blog-post.split .single-post-page .post-categories>ul>li:last-child::after { display: none; } .single-blog-post.split .single-post-page .post-title-wrap.c-col-12 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; margin-bottom: 70px; } .single-blog-post.split .single-post-page .post-featured-image { display: block; float: left; width: 100%; -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .single-blog-post.split .single-post-page .post-featured-image>img { width: 100%; -o-object-fit: cover; object-fit: cover; } .single-blog-post.split .single-post-page .post-meta { display: block; float: left; width: 100%; margin-top: 1em; } .single-blog-post.split .single-post-page .post-meta>div { display: block; float: left; width: 100%; margin-bottom: 1.5em; } .single-blog-post.split .single-post-page .post-meta>div span.post-met-title { display: block; float: left; width: 100%; margin-bottom: 1em; font-size: 0.8em; } .single-blog-post.split .single-post-page .entry-meta-wrap { display: block; float: left; width: 100%; overflow: hidden; } .single-blog-post.split .single-post-page .entry-meta { position: relative; } .single-blog-post.split .single-post-page .post-title-sub { position: absolute; top: 0; z-index: -1; max-width: 60% } .single-blog-post.split .single-post-page .post-title-sub>div { display: block; overflow: hidden; } .single-blog-post.split .single-post-page .post-featured-image { max-width: 90% } .single-blog-post.split .single-post-page .next-post-sub { display: block; float: left; margin-bottom: 3em; } .single-blog-post.split .single-post-page .next-post-wrap .single-blog-post.horizontal::before, .single-blog-post.split .single-post-page .next-post-wrap .single-blog-post.horizontal::after { content: ""; display: block; float: left; width: 100%; height: 1px; opacity: .3; background: var(--mainColor); margin-bottom: 3em; } .single-blog-post.split .single-post-page .next-post-wrap .single-blog-post.horizontal::after { margin-bottom: 0; margin-top: 3em; } .single-blog-post.split .single-post-page .next-post-wrap .single-blog-post.horizontal .post-details { padding-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 0; height: 300px; } .single-blog-post.split .single-post-page .next-post-wrap .single-blog-post.horizontal .post-button { margin-bottom: 0; } .single-blog-post.split .single-post-page .next-post-wrap .single-blog-post.horizontal .post-title { max-width: 90%; } .single-blog-post.split .single-post-page .next-post-wrap .single-blog-post.horizontal .post-meta { margin: 0; } /*=============================================== # Project Pages =================================================*/ main .project-page { display: block; float: left; width: 100%; height: auto; } body.smooth-scroll main .project-page { float: none; overflow: hidden; } .project-title.align-justify { -moz-text-align-last: justify; text-align-last: justify; text-align: justify; } .blend { mix-blend-mode: difference } section.blend { mix-blend-mode: unset; } section.blend>.elementor-container { mix-blend-mode: difference; } /* Projects Navigation */ .nayla-next-project { display: block; float: left; width: 100%; height: 70vh !important; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; margin-bottom: 0; z-index: 0; background: #FFFCF9; } .nayla-next-project .marquee-wrap .seperator { /*line-height: 1em;*/ } .nayla-next-project a { display: block; width: 100%; height: 100%; color: unset; text-decoration: none; color: var(--mainColor) } .next-project-image { display: flex; flex-wrap: wrap; align-content: center; width: 45%; max-height: 70% !important; object-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: hidden } .next-project-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; display: block; } .next-project-image .project-image.has-anim { visibility: visible; } .next-project-title { display: block; text-align: center; width: 100%; position: absolute; top: 50%; z-index: 1; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .next-project-category { text-align: center; margin-top: 50px; } .next-project-year { position: absolute; bottom: 50px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .next-project-metas { position: absolute; bottom: 50px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .next-project-metas>div { display: block; float: left; margin: 0 15px; font-size: 1.2em; } .next-project-caption { position: absolute; top: 50px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 1.1em; } .project-page-header .project-image img { -o-object-position: top; object-position: top; } .project-page-header .md-title { margin-top: 0 } .elementor .project-image img, .project-image img, .project-image video, .project-image nayla-video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; max-width: unset; pointer-events: none; } .project-page-header { margin-bottom: 0; display: block; float: left; width: 100%; background: var(--mainBackground); margin-bottom: 100px; } /* No Image */ .project-page-header.no-image .wrapper { display: block; margin: 0 auto; height: auto; } .project-page-header.no-image { width: 100%; display: block; margin-bottom: 150px; } .project-page-header.no-image .wrapper .project-title { margin-bottom: 30px; position: relative; white-space: nowrap } .project-page-header.no-image .wrapper .project-meta { display: block; float: left; width: 100% } .project-page-header.no-image .wrapper .project-meta>span { display: block; width: 50%; float: left } .project-page-header.no-image .wrapper .project-button { margin-top: 50px; float: left } /* Fullscreen Header */ .project-page-header.fullscreen-image { overflow: hidden; color: var(--mainColor); position: relative; margin-bottom: 100px; } .project-page .project-image.featured .nayla-video, .project-page .project-image.featured { width: 100%; height: 100%; } .project-page-header.fullscreen-image .project-image { position: absolute; top: 0; left: 0; } .project-page-header.fullscreen-image .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; height: 100%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-wrap: wrap; flex-wrap: wrap; } .project-page-header.fullscreen-image .project-controls { display: block; float: left; -ms-flex-item-align: start; align-self: flex-start; margin-top: 10%; } .project-page-header.fullscreen-image .project-title h1.big-title { font-size: 155px; letter-spacing: -0.04em } .project-page-header.fullscreen-image .project-summary { display: block; float: right; } .project-page-header.fullscreen-image .project-category { display: inline-block; } .project-page-header.fullscreen-image .project-category .anim_line { float: left; } .project-page-header.fullscreen-image .project-meta { display: block; float: left; width: 100%; } .project-page-header .project-category::before, .project-page-header .project-title .material-symbols-outlined { font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 48 } /* Video Header */ .project-page-header.video { height: 100svh; position: relative; } .project-page-header.video .project-video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 40%; -webkit-transition: width 1s ease-out; -o-transition: width 1s ease-out; transition: width 1s ease-out; z-index: 1 } .project-page-header.video .project-meta { position: absolute; bottom: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 50px; } .project-page-header.video .project-meta>div { display: block; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 20%; max-width: 50%; } .project-page-header.video .wrapper { padding-top: 125px; -webkit-box-sizing: border-box; box-sizing: border-box; } .project-page-header.video .project-meta>div:last-child { text-align: right; float: right; } .project-page-header.video span.close-video { position: absolute; top: 50px; left: 0; opacity: 0; pointer-events: none; } .project-page-header.video span.close-video, .project-page-header.video .project-meta, .project-page-header.video .project-top { -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease } .project-page-header.video.video-starts span.close-video { opacity: 1 } .project-page-header.video.video-starts .project-top, .project-page-header.video.video-starts .project-meta { opacity: 0; } .project-page-header.video.video-starts .project-video { width: 100%; } .project-page-header.video .project-video { position: relative; top: 0; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; width: 100%; } .project-page-header.video .project-video .plyr__controls.nayla-controls-wrap { position: absolute; bottom: 0; left: 0; } /* Creative Header */ .project-page-header.creative .wrapper { padding-top: 150px; } .project-page-header.creative .project-meta>div:last-child { float: right; } .project-page-header.creative .project-meta>div { display: block; float: left; width: 30% } .project-page-header.creative .project-title h1.big-title { font-size: 150px; line-height: 1.1 } .project-page-header.creative .project-meta { display: block; float: left; width: 100%; margin-top: 50px } .project-page-header.creative .project-image { display: block; float: left; width: 100%; position: relative; z-index: 1; overflow: hidden; height: 80vh; margin-bottom: 0 } .project-page-header.creative .project-category .anim_line { float: left; } .project-page-header.creative .project-title { display: block; float: left; width: 100%; } /*Half Image*/ .project-page-header.half-image { height: auto; display: block; position: relative; width: 100%; float: left; z-index: 2; margin-bottom: 0; } .project-page-header.half-image .project-category { display: block; float: left; width: 100%; margin-top: 20px; margin-left: 15px; } .project-page-header.half-image .project-back-button { position: relative; } .project-page-header.half-image .wrapper { height: 100%; padding-top: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block } .project-page-header.half-image .project-image { position: absolute; left: 0; width: 100%; display: block; height: 100%; overflow: hidden } .project-page-header.half-image .project-title { display: block; float: left; width: 100%; -moz-text-align-last: justify; text-align-last: justify } .project-page-header.half-image .project-meta { -ms-flex-item-align: end; align-self: flex-end; display: block; float: left; width: 100%; margin-bottom: 50px; } .project-page-header.half-image .project-title h1 { margin: 0; } .project-page-header.half-image .project-button { position: absolute; bottom: 50px; right: 0; } /*Tall*/ .project-page-header.tall-image { position: relative; padding-bottom: 50px; margin-bottom: 0; margin-bottom: 100px; } .project-page-header.tall-image .project-image.featured { position: absolute; top: 0; left: 0; overflow: hidden } .project-page-header.tall-image .wrapper { padding-top: 30vh; } .project-page-header.tall-image .project-title { display: block; max-width: 60%; } .project-page-header.tall-image .project-summary { display: block; max-width: 45%; margin-left: 15px; } .project-page-header.tall-image .project-title h1 { margin-top: 0; } .project-page-header.tall-image .project-category { margin-bottom: 50px; margin-left: 15px; text-transform: uppercase } .project-page-header.tall-image .rotate-char, .project-page-header.tall-image .rotate-word { font-size: 16px } .project-page-header.tall-image .project-meta { display: block; float: left; margin-top: 50px; margin-left: 15px; } .project-page-header.tall-image .project-meta>div { display: block; float: left; margin-right: 60px; } .project-page-header.tall-image .project-meta>div .meta-title { display: block; margin-bottom: 35px; opacity: .6; } .project-page-header.tall-image .project-button { display: block; float: left; clear: both; margin-top: 100px; margin-left: 35px; } /* Boxed Image */ .project-page-header.boxed-image>.section { padding-top: 0 } .project-page-header.boxed-image .project-image.featured img { -o-object-position: top; object-position: top; } /* Image Gallery Horizontal */ .project-page-header.image-gallery-horizontal { background: var(--mainBackground) } .project-page-header.image-gallery-horizontal .wrapper { height: 100vh; overflow: hidden; padding-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding-bottom: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; overflow: visible; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .project-page-header.image-gallery-horizontal .project-hero { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 70vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .project-page-header.image-gallery-horizontal .project-hero>div.project-meta { -ms-flex-item-align: end; align-self: flex-start; margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 80%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .project-page-header.image-gallery-vertical .project-hero>div.project-meta { margin-top: 0; } .project-page-header.image-gallery-horizontal .project-hero>div { display: block; width: 100%; float: left; } .project-page-header.image-gallery-horizontal .project-title h1 { margin-bottom: 0; } .project-page-header.image-gallery-horizontal .project-images { height: 100%; display: block; float: left; width: auto; overflow: visible; } .project-page-header.image-gallery-horizontal .project-images-slider { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 100px; padding-top: 100px; padding-bottom: 0; z-index: 1; position: relative; } .project-page-header.image-gallery-horizontal .project-image { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; width: auto !important; } .project-page-header.image-gallery-horizontal .project-image img { width: auto !important } .project-page-header.image-gallery-horizontal .project-hero>div.project-title { margin-bottom: 30px; -moz-text-align-last: justify; text-align-last: justify; } .project-page-header.image-gallery-horizontal div.project-slide-button { position: absolute; right: 0; bottom: 0; display: inline-block; width: auto; cursor: pointer } .project-page-header.image-gallery-horizontal div.project-slide-button span { font-size: 150px; } .project-page-header.image-gallery-horizontal .project-meta>div { display: block; margin-bottom: 20px; } /* Image Gallery Vertical */ .project-page-header.image-gallery-vertical { background: var(--mainBackground) } .project-page-header.image-gallery-vertical { max-height: 100vh; } .project-page-header.image-gallery-vertical .wrapper { height: 100%; overflow: hidden; padding-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; overflow: visible; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .project-page-header.image-gallery-vertical .project-hero { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 70vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .project-page-header.image-gallery-vertical .project-hero>div.project-meta { -ms-flex-item-align: end; align-self: flex-start; margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 80%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .project-page-header.image-gallery-vertical .project-hero>div.project-meta { margin-top: 0; } .project-page-header.image-gallery-vertical .project-hero>div { display: block; width: 100%; float: left; } .project-page-header.image-gallery-vertical .project-title h1 { margin-bottom: 0; } .project-page-header.image-gallery-vertical .project-images { height: 100%; display: block; float: left; } .project-page-header.image-gallery-vertical .project-images-slider { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 100px; } .project-page-header.image-gallery-vertical .project-image { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; width: auto !important; } .project-page-header.image-gallery-vertical .project-image img { width: auto !important } .project-page-header.image-gallery-vertical .project-hero>div.project-title { margin-bottom: 30px; -moz-text-align-last: justify; text-align-last: justify; } .project-page-header.image-gallery-vertical div.project-slide-button { position: absolute; right: 0; bottom: 0; display: inline-block; width: auto; cursor: pointer } .project-page-header.image-gallery-vertical div.project-slide-button span { font-size: 150px; } .project-page-header.image-gallery-vertical .project-meta>div { display: block; margin-bottom: 20px; } .project-page-header.image-gallery-vertical .project-title h1 { -moz-text-align-last: auto; text-align-last: auto; font-size: 120px; line-height: 115px; margin-left: -10px; letter-spacing: -0.06em; } .project-page-header.image-gallery-vertical .project-hero { width: 45%; margin-right: 50px; -webkit-box-flex: 35%; -ms-flex: 35%; flex: 35%; } .project-page-header.image-gallery-vertical .wrapper { display: block; } .project-page-header.image-gallery-vertical .project-hero { float: left; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .project-page-header.image-gallery-vertical .project-images { width: 50%; height: -webkit-min-content; height: -moz-min-content; height: min-content; display: block; float: left; padding-top: 100px; } .project-page-header.image-gallery-vertical .project-images-slider { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: auto; } .project-page-header.image-gallery-vertical .project-image { width: 100%; height: auto; } .project-page-header.image-gallery-vertical .project-image img { width: 100% !important; height: auto; } .project-page-header.image-gallery-vertical .project-hero>div.project-category { margin-top: auto; margin-bottom: 35px } .project-page-header.image-gallery-vertical .project-meta { margin-top: 35px; } .project-page-header.image-gallery-vertical .project-hero>div.project-title { margin-bottom: 35px; } .project-page-header.image-gallery-vertical div.project-slide-button { bottom: 20px; } .project-page-header.image-gallery-vertical div.project-slide-button span { -webkit-transition: -webkit-transform .25s ease-out; transition: -webkit-transform .25s ease-out; -o-transition: transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out, -webkit-transform .25s ease-out } .project-page-header.image-gallery-vertical div.project-slide-button.return span { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg) } .site-main.project-page[data-barba-namespace="project-gallery-vertical"] .nayla-next-project, .site-main.project-page[data-barba-namespace="project-gallery-horizontal"] .nayla-next-project { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /*-------------------------------------------------- # Animations ---------------------------------------------------*/ .has-anim { visibility: hidden } .has-anim.anim_start { visibility: visible } /* ## Text Animations =================================================*/ .text-wrapper span.dynamic { display: inline-block; height: 1em; padding-right: 0.1em; overflow: visible; } .text-wrapper span.dynamic .hidden { opacity: 0; } .text-wrapper span.dynamic, .tt { height: 1.1em; } .text-wrapper span.dynamic { overflow: hidden; padding-bottom: 0.09em; margin-bottom: -0.09em; height: auto; } span.sec-texts { position: absolute; text-align: left } .has-anim-text { -webkit-font-kerning: none; font-kerning: none; -webkit-text-rendering: optimizeSpeed; text-rendering: optimizeSpeed; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 0; } #site-navigation.fullscreen_menu .has-anim-text { opacity: 1; } .has-anim-text.anim_start { opacity: 1 } .anim_char, .anim_word, .anim_line { overflow: hidden; vertical-align: top; will-change: transform; padding-right: 0.03em; margin-right: -0.03em; padding-bottom: 0.09em; margin-bottom: -0.09em; } .text-wrapper .no-margin .anim_line { margin: 0; padding: 0 } .anim_word { white-space: nowrap; } .anim_char span, .anim_word span, .anim_line span { display: block; will-change: transform } .fade .anim_char, .fade .anim_word, .fade .anim_line { overflow: visible } .mask-wrap { display: block; position: relative } .mask-wrap .clone { position: absolute; top: 0; left: 0; z-index: -1; } .charsScaleUp .anim_char span { -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center } .charsScaleDown .anim_char span { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center } .charsRotateIn .anim_char span { -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top } .linesMask .anim_line span.clone { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; z-index: 0; white-space: nowrap; opacity: .2; } .linesMask .anim_line span { width: 0%; overflow: hidden; white-space: nowrap } .has-anim-text.slideLeft, .has-anim-text.slideRight, .has-anim-text.slideLeft .anim_line, .has-anim-text.slideRight .anim_line { white-space: nowrap; overflow: visible; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .slideLeft .anim_line, .slideRight .anim_line { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .charsFadeOn .anim_char { will-change: opacity } h1.has-anim-text .anim_char, .text-h1.has-anim-text .anim_char { overflow: hidden; padding-right: 0.05em; margin-right: -0.05em; } /*-------------------------------------------------- # Page Build Elements ---------------------------------------------------*/ /** Videos ------------------------------ */ .nayla-video { display: inline-block; position: relative; width: 100%; } .nayla-video .plyr__video-embed__container, .nayla-video iframe { width: 100%; height: 100%; border: none; } .nayla-play-button { position: absolute; top: 50%; left: 50%; z-index: 1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 21px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .nayla-video.play-cursor.nayla-running { pointer-events: none } .nayla-video.play-cursor.nayla-running>.plyr { pointer-events: all } .nayla-video.nayla-running .nayla-play-button { opacity: 0; pointer-events: none } .nayla-play-button.play-text { text-decoration: underline; color: var(--mainBackground); white-space: nowrap; } .vid-but-for-touch { display: none; } .nayla-video.no-interactions .plyr--video .plyr__controls { display: none !important } .nayla-fake-running .plyr__controls { display: none !important; } .nayla-fake-running.play-inner { pointer-events: none; } .nayla-video.no-controls { pointer-events: none; } .nayla-fake-running.play-inner .nayla-play-button { pointer-events: all; } .nayla-video.align-center { float: none; margin: 0 auto } .nayla-video.no-interactions { pointer-events: none } .nayla-video>.plyr { height: 100% } .nayla-video video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .nayla-video>.plyr.not-started .plyr__controls.nayla-controls-wrap { visibility: hidden } :root { --plyr-color-main: #fff; --plyr-range-track-height: 1.5px; --plyr-range-thumb-background: transparent; --plyr-range-thumb-active-shadow-width: 0; --plyr-range-thumb-shadow: none } .nayla-video.dark .nayla-player-control { color: #191919 } .nayla-video.dark .plyr__progress { background: rgba(0, 0, 0, 0.5) } .dark { --plyr-color-main: var(--mainColor); } .plyr__control .nayla-play, .plyr__control.plyr__control--pressed[data-plyr="play"] .nayla-pause { display: block; } .plyr__control.plyr__control--pressed[data-plyr="play"] .nayla-play, .plyr__control .nayla-pause { display: none } .plyr__controls__item.plyr__volume button.plyr__control--pressed[data-plyr="mute"] .nayla-unmute, .plyr__controls__item.plyr__volume button[data-plyr="mute"] .nayla-mute { display: block } .plyr__controls__item.plyr__volume button[data-plyr="mute"] .nayla-unmute, .plyr__controls__item.plyr__volume button.plyr__control--pressed[data-plyr="mute"] .nayla-mute { display: none } .plyr__control[data-plyr="play"] svg { display: none; } .plyr__controls__item.plyr__volume svg { display: none; } .plyr__control[data-plyr="fullscreen"] svg { display: block; } .plyr--video .plyr__controls { width: 100%; margin: 0 auto; padding-bottom: 25px; background: none; } .plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background: none; } .plyr__controls__item.plyr__progress__container { width: 70%; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0 auto; } .plyr--fullscreen-enabled [data-plyr=fullscreen] { position: absolute; bottom: 708px; } .plyr__controls .plyr__controls__item:first-child, .plyr__volume { width: 15%; text-align: center; margin: 0; display: block; } button.plyr__control.plyr__control--overlaid .nayla-player-control { display: none !important; } .plyr--full-ui.plyr--video .plyr__control--overlaid { padding: 40px; } .plyr--full-ui.plyr--video .plyr__control--overlaid svg { display: block; fill: var(--mainColor); width: 20px; height: 20px; } .nayla-video.nayla-play .plyr__controls, .plyr--stopped.plyr--paused .plyr__controls { display: none; } .nayla-video.nayla-running .plyr__controls, .plyr--playing .plyr__controls, .plyr--paused .plyr__controls { display: -webkit-box; display: -ms-flexbox; display: flex } .nayla-video .play-icon { position: absolute; top: 50%; left: 50%; z-index: 1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; cursor: pointer; -webkit-transition: opacity .25s ease-out; -o-transition: opacity .25s ease-out; transition: opacity .25s ease-out } .nayla-video .play-icon.icon::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; background: var(--mainColor); width: 100px; height: 100px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; z-index: -1; } .nayla-video .play-icon i { color: var(--mainBackground); font-size: 1.5em; line-height: 1.5em; } .nayla-video .play-icon.icon span { position: relative; z-index: 1; font-size: 50px; line-height: 1; color: #fff; } .nayla-video.nayla-running .play-icon { opacity: 0; pointer-events: none } .nayla-video .plyr__progress .plyr__tooltip { background: none; color: #fff; -webkit-box-shadow: none; box-shadow: none; } .nayla-video .plyr__tooltip:before { display: none; } .nayla-video.dark .plyr__progress .plyr__tooltip { color: #191919 } .nayla-video .play-icon.text { background: none; font-size: 120%; color: #fff; text-decoration: underline; } @-webkit-keyframes iconAnim { 0% { left: 0; opacity: 1; } 50% { left: 20px; opacity: 0; } 51% { left: -20px; opacity: 0; } 100% { left: 0; opacity: 1 } } @keyframes iconAnim { 0% { left: 0; opacity: 1; } 50% { left: 20px; opacity: 0; } 51% { left: -20px; opacity: 0; } 100% { left: 0; opacity: 1 } } .nlv.plyr { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 999999; background: #000; opacity: 0; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; transition: opacity .5s ease-out; pointer-events: none; } .nlv .plyr__video-wrapper { width: 100%; height: 80%; opacity: 0; -webkit-transition: opacity .5s ease-out .2s; -o-transition: opacity .5s ease-out .2s; transition: opacity .5s ease-out .2s; } .nlv.lightbox-open.plyr { opacity: 0; pointer-events: all } .nlv.lightbox-open.plyr .plyr__video-wrapper { opacity: 1; } .nlv .plyr--video .plyr__controls { width: 80% } .nlv [data-plyr=fullscreen] { display: none; } span.lightbox-close { position: fixed; top: 5%; left: 9%; color: #fff; z-index: 99999999; opacity: 0; pointer-events: none; -webkit-transition: opacity .5s ease-out .2s, -webkit-transform .5s ease-out; transition: opacity .5s ease-out .2s, -webkit-transform .5s ease-out; -o-transition: opacity .5s ease-out .2s, transform .5s ease-out; transition: opacity .5s ease-out .2s, transform .5s ease-out; transition: opacity .5s ease-out .2s, transform .5s ease-out, -webkit-transform .5s ease-out; cursor: pointer } .nlv.lightbox-open span.lightbox-close { opacity: 1; pointer-events: all } span.lightbox-close.temp_hidden { -webkit-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px) } .cursor-active .plyr__video-embed iframe { pointer-events: none } .nayla-video.cursor-active { cursor: none } .nayla-video.cursor-active .nayla-controls-wrap { cursor: auto } .hover-player .mouse-cursor-icon { font-size: 35px; line-height: 35px; } /*-------------------------------------------------- ## Buttons ---------------------------------------------------*/ /** Buttons ------------------------------ */ .nayla-button { --color: var(--mainColor); --bg: var(--secondaryBackground); position: relative; display: inline-block; } .nayla-button.align-center { margin: 0 auto; } .nayla-button a { text-decoration: none; color: var(--color); display: inline-block; position: relative; } .blend .nayla-button.fill a { color: #000; background: #fff; } .nayla-button.button-sm a { font-size: 15px } /* Underlied Icon */ .nayla-button.underline a { -webkit-transition: color.3s ease, padding .4s ease; -o-transition: color.3s ease, padding .4s ease; transition: color.3s ease, padding .4s ease; } .nayla-button.underline.icon-left .left-icon, .nayla-button.underline.icon-left .right-icon { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 1em; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; line-height: 1em; } .nayla-button i { font-size: 1em; line-height: 1em; vertical-align: middle; margin-top: -0.2em; } .nayla-button.underline.icon-right .left-icon, .nayla-button.underline.icon-right .right-icon { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 1em; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .nayla-button.underline.icon-right .left-icon { right: unset; left: 0; -webkit-transform: translateX(-1em) translateY(-50%); -ms-transform: translateX(-1em) translateY(-50%); transform: translateX(-1em) translateY(-50%); opacity: 0; } .nayla-button.underline.icon-left .right-icon { left: unset; right: 0; -webkit-transform: translateX(1em) translateY(-50%); -ms-transform: translateX(1em) translateY(-50%); transform: translateX(1em) translateY(-50%); opacity: 0; } .nayla-button.underline.icon-right a { padding-right: 1.5em; } .nayla-button.underline.icon-left a { padding-left: 1.5em; } .nayla-button.underline .button-line { position: absolute; bottom: -0.1em; left: 0; width: 100%; height: 0.1em; background: var(--mainColor); -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s } .nayla-button.underline.icon-right:hover .right-icon { -webkit-transform: translateX(1em) translateY(-50%); -ms-transform: translateX(1em) translateY(-50%); transform: translateX(1em) translateY(-50%); opacity: 0 } .nayla-button.underline.icon-right:hover .left-icon { -webkit-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); opacity: 1 } .nayla-button.underline.icon-left:hover .left-icon { -webkit-transform: translateX(-1em) translateY(-50%); -ms-transform: translateX(-1em) translateY(-50%); transform: translateX(-1em) translateY(-50%); opacity: 0 } .nayla-button.underline.icon-left:hover .right-icon { -webkit-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); opacity: 1 } .nayla-button.underline.icon-left a:hover { padding-left: 0; padding-right: 1.5em } .nayla-button.underline.icon-right a:hover { padding-right: 0; padding-left: 1.5em } .nayla-button.underline a:hover .button-line { background: var(--mainColor); } .nayla-button.underline:hover a .button-line { -webkit-animation-name: toggleLine; animation-name: toggleLine; -webkit-animation-duration: .55s; animation-duration: .55s; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } .nayla-button a.underline.detect-pov .button-line { width: 0% } .nayla-button a.underline.detect-pov.is-inview .button-line { width: 100% } /* Outlined & Fill Icon */ .nayla-button.fill a, .nayla-button.outline a { padding: 0.5em 1.5em; border: 1px solid; border-color: var(--color); border-radius: 2em; } .nayla-button.fill a { border: none; color: var(--mainBackground); padding: 1em 1.75em; } .nayla-button.outline a::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; height: 0%; width: 100%; background: var(--color); z-index: -1; -webkit-transition: height .3s ease-out; -o-transition: height .3s ease-out; transition: height .3s ease-out } .nayla-button.fill, .nayla-button.outline { overflow: hidden; border-radius: 2em; } .nayla-button.fill>span, .nayla-button.outline>span, .nayla-button.fill a, .nayla-button.outline a { -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease } .nayla-button.fill::before { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: var(--mainColor); -webkit-transition: height .3s ease; -o-transition: height .3s ease; transition: height .3s ease; z-index: -2 } .nayla-button.fill::after, .nayla-button.outline::after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 0%; background-color: var(--mainColor); -webkit-transition: height .3s ease; -o-transition: height .3s ease; transition: height .3s ease; z-index: -1 } .nayla-button.fill:hover::after, .nayla-button.outline:hover::after { height: 100% } .nayla-button.fill:hover span, .nayla-button.fill:hover a, .nayla-button.outline:hover span, .nayla-button.outline:hover a { color: var(--mainBackground) !important } .nayla-button.outline a:hover .right-icon { height: 100% } .nayla-button.fill span, .nayla-button.fill a { color: var(--mainBackground); } .nayla-button.fill::after { background-color: var(--mainColor); } .nayla-button.fill.icon-right .right-icon, .nayla-button.fill.icon-right .left-icon, .nayla-button.outline.icon-right .right-icon, .nayla-button.outline.icon-right .left-icon { position: absolute; top: 50%; right: 0; -webkit-transform: translateX(-1em) translateY(-50%); -ms-transform: translateX(-1em) translateY(-50%); transform: translateX(-1em) translateY(-50%); font-size: 1em; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; z-index: 2; } .nayla-button.outline.icon-right .right-icon, .nayla-button.outline.icon-right .left-icon { color: var(--mainColor) } .nayla-button.fill.icon-left .right-icon, .nayla-button.fill.icon-left .left-icon, .nayla-button.outline.icon-left .right-icon, .nayla-button.outline.icon-left .left-icon { position: absolute; top: 50%; left: 0; -webkit-transform: translateX(1em) translateY(-50%); -ms-transform: translateX(1em) translateY(-50%); transform: translateX(1em) translateY(-50%); font-size: 1em; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; z-index: 1; } .nayla-button.fill.icon-left .right-icon, .nayla-button.outline.icon-left .right-icon { -webkit-transform: translateX(1em) translateY(1.5em); -ms-transform: translateX(1em) translateY(1.5em); transform: translateX(1em) translateY(1.5em); } .nayla-button.fill.icon-right .right-icon, .nayla-button.outline.icon-right .right-icon { -webkit-transform: translateX(-1em) translateY(1.5em); -ms-transform: translateX(-1em) translateY(1.5em); transform: translateX(-1em) translateY(2em); } .nayla-button.fill.icon-left a, .nayla-button.outline.icon-left a { padding-left: 2.5em } .nayla-button.fill.icon-right a, .nayla-button.outline.icon-right a { padding-right: 2.5em } .nayla-button.fill.icon-right:hover .left-icon, .nayla-button.outline.icon-right:hover .left-icon { -webkit-transform: translateX(-1em) translateY(-2.5em); -ms-transform: translateX(-1em) translateY(-2.5em); transform: translateX(-1em) translateY(-3em); } .nayla-button.fill.icon-right:hover .right-icon, .nayla-button.outline.icon-right:hover .right-icon { -webkit-transform: translateX(-1em) translateY(-50%); -ms-transform: translateX(-1em) translateY(-50%); transform: translateX(-1em) translateY(-50%); } .nayla-button.fill.icon-left:hover .left-icon, .nayla-button.outline.icon-left:hover .left-icon { -webkit-transform: translateX(1em) translateY(-3em); -ms-transform: translateX(1em) translateY(-3em); transform: translateX(1em) translateY(-3em); } .nayla-button.fill.icon-left:hover .right-icon, .nayla-button.outline.icon-left:hover .right-icon { -webkit-transform: translateX(1em) translateY(-50%); -ms-transform: translateX(1em) translateY(-50%); transform: translateX(1em) translateY(-50%); } .nayla-button.align-right { float: right; } /*-------------------------------------------------- ## Elementor Showcase Widgets ---------------------------------------------------*/ /* Portfolio Page */ /*** Defaults */ .portfolio-grid { display: block; float: left; width: 100%; position: relative } .grid-controls { display: block; float: left; width: 100%; position: relative; padding-bottom: 25px; } .grid-controls::after { content: ""; display: block; position: absolute; left: 0; width: 100%; bottom: 0; background: var(--mainColor); height: 1px; opacity: .3 } .grid-controls>div { display: block; float: left; } .grid-controls>div:last-child { float: right; } .elementor hr, .portfolio-grid hr { height: 1px; width: 100%; background-color: var(--mainColor) !important; border: none; opacity: .4 } .portfolio-grid.col-2 hr { -ms-grid-column: 1; -ms-grid-column-span: 10; grid-column: 1 / 11; } .portfolio-grid.col-3 hr { -ms-grid-column: 1; -ms-grid-column-span: 9; grid-column: 1 / 10; } .portfolio-grid.col-4 hr { -ms-grid-column: 1; -ms-grid-column-span: 12; grid-column: 1/13; } /* Portfolio Filtering */ ul.grid-portfolio-filtering { list-style: none; padding: 0; margin: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } ul.grid-portfolio-filtering li { display: none; margin: 0 15px; cursor: pointer; opacity: .5; text-transform: uppercase; padding-bottom: 0; } .portfolio-filters.hovered ul.grid-portfolio-filtering li { display: block } .portfolio-filters.hovered ul.grid-portfolio-filtering li:hover { opacity: 1 } ul.grid-portfolio-filtering li.active { display: block; opacity: 1 } ul.grid-portfolio-filtering .projects-length { display: inline-block; font-size: 12px; vertical-align: top; margin-left: 5px; margin-top: -5px; opacity: .5; } ul.grid-portfolio-filtering li.active .projects-length { opacity: 1 } /* ul.grid-portfolio-filtering li::after { content: "/"; display: inline-block; margin: 0 10px; opacity: .3; } ul.grid-portfolio-filtering li:last-child::after { display: none; } */ /* Grid Appearances */ .grid-layout-switcher>div { display: inline-block; } .grid-layout-switcher span { display: inline-block; opacity: .3; cursor: pointer } .grid-layout-switcher span.grid-switcher-seperator { margin: 0 10px; pointer-events: none; } .grid-layout-switcher span.active { opacity: 1; pointer-events: none } .portfolio-grid.grid-list .grid-project-image { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-110%, -50%) scale(0.8); -ms-transform: translate(-110%, -50%) scale(0.8); transform: translate(-110%, -50%) scale(0.8); max-width: 25%; height: auto; opacity: 0; visibility: hidden; -webkit-transition: -webkit-transform .75s cubic-bezier(0.2, 0.6, 0.1, 1); transition: -webkit-transform .75s cubic-bezier(0.2, 0.6, 0.1, 1); -o-transition: transform .75s cubic-bezier(0.2, 0.6, 0.1, 1); transition: transform .75s cubic-bezier(0.2, 0.6, 0.1, 1); transition: transform .75s cubic-bezier(0.2, 0.6, 0.1, 1), -webkit-transform .75s cubic-bezier(0.2, 0.6, 0.1, 1) } .equal-height .grid-project-image .nayla-video { height: 100%; } .portfolio-grid.grid-list .grid-project a:hover .grid-project-image { opacity: 1; visibility: visible; -webkit-transform: translate(-110%, -50%) scale(1); -ms-transform: translate(-110%, -50%) scale(1); transform: translate(-110%, -50%) scale(1); } .portfolio-grid.grid-list .grid-project { -ms-grid-column: 1; -ms-grid-column-span: 9; grid-column: 1 / 10; padding-bottom: 0; } .grid-list .grid-projects-wrapper { grid-template-columns: repeat(1, 1fr) !important; } .grid-list .grid-projects-wrapper .grid-project { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; -ms-grid-column: unset !important; grid-column-start: unset !important; } .grid-list .grid-projects-wrapper .grid-project:first-child { margin-top: 30px; } .portfolio-grid.grid-list .grid-projects-wrapper { gap: 30px; } .portfolio-grid.grid-list .grid-project-wrap::before { content: ""; display: block; position: absolute; bottom: 0; left: 0; height: 1px; width: 0%; background: var(--mainColor); opacity: .2; -webkit-transition: width 1.25s ease-out; -o-transition: width 1.25s ease-out; transition: width 1.25s ease-out } .portfolio-grid.grid-list .grid-project.gl-inview .grid-project-wrap::before { width: 100%; } .portfolio-grid.grid-list .grid-project-wrap { padding-bottom: 30px; } .portfolio-grid.grid-list .grid-project-meta>div.grid-project-year { display: block; float: right; width: 100px; text-align: left; } .portfolio-grid.grid-list .grid-project-meta>div.grid-project-category { float: left; margin-left: 0; font-size: 15px; } .portfolio-grid.grid-list .grid-project-meta>div.grid-project-title { width: 50%; text-align: left; } .portfolio-grid.grid-list.hover-classic .grid-project a:hover .grid-project-category span { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .portfolio-grid.grid-list .grid-project-meta>div span { display: inline-block } .portfolio-grid.grid-list .grid-project-meta { text-transform: none; } .portfolio-grid.grid-list .grid-project-title { font-size: 20px; line-height: 1.15; } .portfolio-grid.grid-list .grid-project-category span::before { display: none; } .portfolio-grid.grid-list .grid-project-category span::after { display: none; } span.g-list-arrow { display: block; float: right; font-size: 17px; margin-left: 100px; opacity: .3; } .animating .grid-project-category, .animating .grid-project-category span, .animating .grid-project-title { -webkit-transition: none !important; -o-transition: none !important; transition: none !important } /* Grid Projects */ .grid-project .grid-project-image, .grid-project .grid-project-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; overflow: hidden; display: block; } .grid-project .grid-project-image { display: block; float: left; } .grid-project-meta { display: block; float: left; width: 100%; margin-top: 15px; overflow: hidden; text-transform: uppercase; font-size: 16px; } .equal-height .grid-project { padding-bottom: 0; } .equal-height .grid-project-image .project-image { width: 100%; height: 100%; } .grid-project-meta>div { display: block; float: left; } .grid-project-meta>div.grid-project-category { float: right; opacity: .6; } .grid-project-meta>div.grid-project-year { opacity: .6 } .grid-project-meta>div.grid-project-year { display: none; } .grid-projects-wrapper { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 100px 1fr 100px 1fr 100px 1fr 100px 1fr 100px 1fr 100px 1fr 100px 1fr; grid-template-columns: repeat(8, 1fr); width: 100%; gap: 100px; position: relative; padding-top: 50px; } .portfolio-grid.col-2 .grid-projects-wrapper { grid-template-columns: repeat(10, 1fr) } .portfolio-grid.col-2 .grid-projects-wrapper .grid-project { grid-column-start: span 5 } .grid-project { grid-column-start: span 4; padding-bottom: 150px; margin-bottom: 0; position: relative; } .grid-project a { -webkit-filter: saturate(0.75); filter: saturate(0.75); will-change: filter; } .grid-project a:hover { -webkit-filter: saturate(1); filter: saturate(1); } /* 3 Columns */ .col-3 .grid-projects-wrapper { -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr; grid-template-columns: repeat(9, 1fr); gap: 60px; padding-top: 50px } .col-3 .grid-project { grid-column-start: span 3; } /* 4 Columns */ .col-4 .grid-projects-wrapper { -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr; grid-template-columns: repeat(12, 1fr); gap: 60px; padding-top: 50px } .col-4 .grid-project { grid-column-start: span 3; } .grid-project-wrap { width: 100%; float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative } .grid-project a { color: var(--mainColor); text-decoration: none } .grid-project a:focus { outline: none } .grid-project-title span::after { content: attr(data-hover); position: absolute; left: 0; top: 100%; } .grid-project-meta>div span { display: block; position: relative; } /* Details Positionings */ .details-above .grid-project-wrap { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .details-above .grid-project-meta { margin-top: 0; margin-bottom: 15px; } .details-overlap .grid-project-meta { position: absolute; bottom: 25px; padding: 0 25px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff } /* Parallax Images */ .parallax-on .grid-project .grid-project-image img { height: calc(100% + 100px); -o-object-position: center top; object-position: center top; } /* Hovers */ /*** Classic Hover */ .hover-classic .grid-project-category, .hover-classic .grid-project-category span, .hover-classic .grid-project-title { -webkit-transition: opacity .35s ease-out, -webkit-transform .7s cubic-bezier(0.2, 0.7, 0.2, 1); transition: opacity .35s ease-out, -webkit-transform .7s cubic-bezier(0.2, 0.7, 0.2, 1); -o-transition: transform .7s cubic-bezier(0.2, 0.7, 0.2, 1), opacity .35s ease-out; transition: transform .7s cubic-bezier(0.2, 0.7, 0.2, 1), opacity .35s ease-out; transition: transform .7s cubic-bezier(0.2, 0.7, 0.2, 1), opacity .35s ease-out, -webkit-transform .7s cubic-bezier(0.2, 0.7, 0.2, 1); } .hover-classic .grid-project-category, .hover-classic .grid-project-category span { -webkit-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s } .hover-classic:not(.grid-list) .grid-project a:hover .grid-project-title { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) } /*** Image Mask Hover */ .hover-imageMask .grid-project-image img { -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); -webkit-transition: -webkit-clip-path .4s ease-out; transition: -webkit-clip-path .4s ease-out; -o-transition: clip-path .4s ease-out; transition: clip-path .4s ease-out; transition: clip-path .4s ease-out, -webkit-clip-path .4s ease-out } .hover-imageMask .grid-project-image img.masked { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; z-index: -1; /* filter: brightness(3);*/ -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transition: -webkit-transform .75s ease-out, -webkit-filter .75s ease-out; transition: -webkit-transform .75s ease-out, -webkit-filter .75s ease-out; -o-transition: transform .75s ease-out, filter .75s ease-out; transition: transform .75s ease-out, filter .75s ease-out; transition: transform .75s ease-out, filter .75s ease-out, -webkit-transform .75s ease-out, -webkit-filter .75s ease-out; /* will-change: filter*/ } .hover-imageMask .grid-project .grid-project-image { position: relative; } .hover-imageMask .grid-project a:hover .grid-project-image img:not(.masked) { -webkit-clip-path: inset(0% 100% 0% 0%); clip-path: inset(0% 100% 0% 0%); } .hover-imageMask .grid-project a:hover .grid-project-image img.masked { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); /* filter: brightness(1)*/ } .npg-load-more { display: block; width: 100%; float: left; text-align: center; margin: 50px 0; transition: opacity .3s ease; } .npg-load-more .projects-load-more.hidden { opacity: 0; visibility: hidden; pointer-events: none; } .projects-load-more { display: inline-block; position: relative; overflow: hidden; cursor: pointer; user-select: none; } .projects-load-more::after { position: absolute; width: 100%; height: 1px; background: var(--mainColor); bottom: 0; display: block; content: ""; } .projects-load-more:hover::after { -webkit-animation-name: toggleLine; animation-name: toggleLine; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } /*** Summary Hover */ /* Switching Layout */ /* Portfolio Page (2 Columns) */ .hide-desktop { display: none !important; } .showcase-footer.wrapper-full, .showcase-footer.wrapper-small, .showcase-footer.wrapper { position: absolute; bottom: 50px; width: 100%; margin-bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: auto !important; } .showcase-footer * { margin-bottom: 0 !important; } .showcase-footer.mx-difference { mix-blend-mode: difference } .showcase-footer-right { text-align: right; } .showcase-footer>div { margin-bottom: 0 } /* Portfolio Page (List) */ .list-projects-wrapper { display: block; float: left; width: 100%; } .portfolio-list { display: block; width: 100%; float: left; position: relative; } .list-projects-wrapper .list-project { display: block; width: 100%; float: left; position: relative; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease } .list-projects-wrapper.active .list-project { opacity: .3 } .filtered .list-projects-wrapper.active .list-project { opacity: 1 } .list-projects-wrapper.active .list-project.active { opacity: 1 } .list-projects-wrapper .list-project::after, .list-projects-wrapper .list-project::before { content: ""; display: block; position: absolute; left: 0; bottom: 0; background-color: var(--mainColor); height: 1px; width: 100%; opacity: .2; } .list-projects-wrapper .list-project::before { width: 0%; opacity: 1; -webkit-transition: width .6s cubic-bezier(0.41, 0.42, 0.18, 1); -o-transition: width .6s cubic-bezier(0.41, 0.42, 0.18, 1); transition: width .6s cubic-bezier(0.41, 0.42, 0.18, 1); } .list-projects-wrapper .list-project:hover::before { width: 100%; } .list-projects-wrapper .list-project>a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3em 0; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; position: relative; z-index: 1; -webkit-transition: color .1s ease .1s; -o-transition: color .1s ease .1s; transition: color .1s ease .1s } .list-project-meta { display: block; margin-right: auto; } .list-project-meta>div { display: inline-block; } .list-project-title { width: 50%; letter-spacing: -0.03em; -webkit-transition: padding .35s ease; -o-transition: padding .35s ease; transition: padding .35s ease } .list-projects-wrapper .list-project:hover .list-project-title { padding-left: 15px } .list-images-wrapper { position: absolute; z-index: -1; width: 25vw; height: 40vh; pointer-events: none; overflow: hidden; opacity: 0; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease } .list-images-wrapper.active { opacity: 1 } .list-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .list-img { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } .list-img>div { -webkit-transform: translate3d(0, 100%, 0) scale(1); transform: translate3d(0, 100%, 0) scale(1) } .list-img .project-image { width: 100%; height: 100%; } .list-img .project-image .nayla-video { height: 100%; } .portfolio-list-filters { display: block; float: left; width: 100%; position: relative; padding-bottom: 1.5em; } .portfolio-list-filters>span, .portfolio-list-filters>ul { display: inline-block; } ul.list-portfolio-filtering li { opacity: .4; display: inline-block; margin-right: 1em; cursor: pointer; } .portfolio-list-filters::after { content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 1px; background: var(--mainColor); opacity: .3; } ul.list-portfolio-filtering { margin-left: 1em; } ul.list-portfolio-filtering li.active { opacity: 1; } .list-project.op-down { opacity: .1 !important; pointer-events: none } /* Showcase Table ------------------------------ */ .showcase-table { width: 100vw; height: 100vh; } .showcase-table .st-wrapper { width: 100%; height: 100%; --mainColor: #191919; --mainBackground: #fff; } .dark .showcase-table .st-wrapper { --mainColor: #fff; --mainBackground: #000; } .showcase-table .st-wrapper .showcase-project { width: 20vw; height: auto; float: left; position: absolute; top: 100vh; left: 50vw; transform-origin: 50% 50%; border-radius: 10px; background: var(--mainBackground); padding: 0.65em; box-shadow: -1px 0px 10px -2px rgba(0, 0, 0, 0.1); color: var(--mainColor); } .showcase-table .st-wrapper .showcase-project a { display: block; float: right; color: var(--mainColor); } .showcase-table .st-wrapper .showcase-project a>span { font-size: 2em; } .showcase-table .st-wrapper .showcase-project .project-title { z-index: 99999; display: block; float: left; margin-bottom: 3em; } .showcase-table .st-wrapper .showcase-project .project-meta { display: flex; flex-direction: row; align-items: start; justify-content: space-between; width: 100%; } .showcase-table .st-wrapper .showcase-project .project-title>* { margin: 0; margin-top: 0.2em; text-transform: uppercase; margin-left: 0.1em; } .showcase-table .st-wrapper .showcase-project .project-meta>div { font-size: 15px; text-transform: uppercase; } .showcase-table .st-wrapper .showcase-project .project-image { border-radius: 10px; overflow: hidden; display: block; width: 100%; height: 100%; } .showcase-table .st-wrapper .showcase-project img { width: 100%; height: 100%; object-fit: cover; display: block; } /* Showcase Cards ------------------------------ */ .showcase-cards { display: block; width: 100%; height: 100% } .showcase-cards .ssv-projects-wrap { display: block; position: relative; height: 100vh; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: top; perspective-origin: top; bottom: 0; left: 0; } .showcase-cards .showcase-project { width: 100%; height: calc(100% - 300px); border-radius: 35px; position: absolute; overflow: hidden; background: var(--mainBackground); will-change: transform; bottom: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; } .showcase-cards .showcase-project a { display: block; width: 100%; height: 100%; overflow: hidden; } .showcase-cards .project-title { margin-top: 0.3em; } .showcase-cards .project-image { width: 100%; height: 100%; } .showcase-cards .project-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; } .showcase-cards .project-meta { position: absolute; top: 50px; left: 0; width: 100%; padding: 0 50px; -webkit-box-sizing: border-box; box-sizing: border-box; mix-blend-mode: difference; color: #fff; } .showcase-cards .project-meta>div { display: block; float: left; width: 50%; } .showcase-cards .project-meta>div:last-child { text-align: left; } .showcase-cards .project-meta>div.project-title { clear: both; } .showcase-cards .project-meta>div.project-summary { width: 30%; margin-top: 0; float: right; } .showcase-cards .sc-overlay { position: absolute; top: 0; left: 50%; width: 100vw; height: 100vh; background: transparent; display: block; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; } /* Showcase List ------------------------------ */ .showcase-list { display: block; width: 100%; height: auto; float: left; margin-bottom: 100px; } .showcase-list .showcase-list-wrapper { width: 100%; height: 100%; } .sfl-projects-wrap { display: block; width: 100%; float: right; } .sfl-cats-wrap { display: block; float: left; width: 100%; height: 100%; } .showcase-list.hover-normal .project-image { display: none; position: absolute; top: 50%; left: 0; -webkit-transform: translate(-25%, -50%); -ms-transform: translate(-25%, -50%); transform: translate(-25%, -50%); z-index: -1; width: 100%; pointer-events: none } .showcase-list .project-image img { width: 100%; pointer-events: none } .showcase-list .project-image { pointer-events: none } .showcase-list .showcase-project { display: block; float: left; width: 100%; position: relative; z-index: 1; -webkit-transition: opacity .35s ease; -o-transition: opacity .35s ease; transition: opacity .35s ease; text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .showcase-list .showcase-project.op-down { opacity: .05; } .showcase-list .showcase-project .project-image { display: none; position: absolute; top: 50%; pointer-events: none; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 45%; overflow: hidden } .showcase-list .showcase-project:hover .project-image { display: block } .showcase-list .showcase-project a { display: block; width: 100%; float: left; padding: 0; text-decoration: none; color: #F8F7F6; position: relative; z-index: 1; white-space: nowrap } .showcase-list .showcase-project a>div { display: inline-block; overflow: hidden } .showcase-list .project-meta { opacity: 0; } .showcase-list .project-meta>div { display: inline-block; } .showcase-list .project-title>* { margin-bottom: 0; } .showcase-list .sfl-images-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .showcase-list .sfl-images-wrap .project-image { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .showcase-list .sfl-images-wrap .project-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; } .showcase-list .showcase-project::before { content: attr(data-index); position: absolute; right: 0; top: 50%; opacity: .1; font-size: 15px; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } .showcase-list .showcase-project.hovered::before, .showcase-list .showcase-project.hovered .project-meta { opacity: 1 } .showcase-list .project-meta::before { content: "/"; margin-left: 10px; margin-right: 10px; } .showcase-list .project-meta>div.project-year { opacity: 0; } /* Showcase Minimal List ------------------------------ */ .showcase-minimal-list { width: 100%; display: block; float: left; } .showcase-minimal-list.fullscreen { position: relative; width: 100%; height: 100vh; overflow: hidden; } .showcase-minimal-list .sml-projects-wrap { width: 100%; height: auto; position: absolute; top: 0; left: 0; } .showcase-minimal-list .sml-wrapper { width: 100%; height: 100%; } .showcase-minimal-list .sml-wrap { position: relative; top: 50vh; } .showcase-minimal-list .sml-projects-wrap .project-image { display: none; } .showcase-minimal-list .sml-projects-wrap .project-title { margin: 0; display: block; float: left; color: var(--mainColor) } .showcase-minimal-list .showcase-project { width: 100%; display: block; float: left; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; opacity: .1; padding-bottom: 1.5em; overflow: hidden; pointer-events: none; } .showcase-minimal-list .showcase-project a { pointer-events: none } .showcase-minimal-list .showcase-project.active a { pointer-events: all; } .showcase-minimal-list .showcase-project.active { opacity: 1 } .showcase-minimal-list .sml-projects-wrap .project-meta { display: none; } .showcase-minimal-list .sml-images { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .showcase-minimal-list .sml-images .project-image { width: 100%; height: 100%; display: none; } .showcase-minimal-list .sml-images .project-image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; display: block; } .showcase-minimal-list .sfc-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .showcase-minimal-list .project-image .showcase-video video, .showcase-minimal-list .project-image .showcase-video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .showcase-minimal-list.fullscreen .sml-images { max-width: 40%; height: auto; left: unset; right: 25px; bottom: 25px; top: unset; overflow: hidden; max-height: 90vh; } /* Showcase Fullscreenslideshow ------------------------------ */ .showcase-fullscreen-slideshow.fullscreen { position: relative; width: 100%; height: 100svh; overflow: hidden; } .showcase-fullscreen-slideshow .fs-slideshow-wrap { width: 100%; height: 100%; pointer-events: none; z-index: 2; position: relative; } .showcase-fullscreen-slideshow .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .showcase-fullscreen-slideshow .showcase-project { position: absolute; width: 100%; height: 100%; display: none; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .showcase-fullscreen-slideshow .showcase-project.light .project-inner a, .showcase-fullscreen-slideshow .showcase-project.light .project-inner { color: #fff } .showcase-fullscreen-slideshow .slide-bgimg, .showcase-fullscreen-slideshow .swiper-wrapper { -webkit-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1) !important; -o-transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1) !important; transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1) !important; height: 100% } .showcase-fullscreen-slideshow .project-inner .project-title { margin: 0; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center; } .showcase-fullscreen-slideshow .pt_word { padding-right: 0.05em; } .showcase-fullscreen-slideshow .pt_char { overflow: hidden; padding-right: 0.05em; margin-right: -0.05em; } .showcase-fullscreen-slideshow .pt_char span { display: block } .showcase-fullscreen-slideshow .project-image img { width: 100%; -o-object-fit: cover; object-fit: cover; height: 100%; } .showcase-fullscreen-slideshow .project-inner { position: absolute; top: 30%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .showcase-fullscreen-slideshow .project-inner>div { display: block; width: 100%; float: left; overflow: hidden } .showcase-fullscreen-slideshow .nayla-video { height: 100% } .showcase-fullscreen-slideshow .project-inner>div.project-details { width: 100%; } .showcase-fullscreen-slideshow .project-inner>div.project-details>div { display: block; float: left; width: 50% } .showcase-fullscreen-slideshow .project-inner>div.project-details>div:last-child { text-align: right } .showcase-fullscreen-slideshow .project-button { position: absolute; top: 55%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2 } .showcase-fullscreen-slideshow .project-button .nayla-circular-text::after { -webkit-transition: background .3s ease-out; -o-transition: background .3s ease-out; transition: background .3s ease-out } .showcase-fullscreen-slideshow .project-button:hover .nayla-circular-text::after { background: #fff } .showcase-fullscreen-slideshow .project-button:hover a { color: #191919 } .showcase-fullscreen-slideshow .project-button a { color: var(--mainColor); -webkit-transition: color.3s ease-out; -o-transition: color.3s ease-out; transition: color.3s ease-out } .showcase-fullscreen-slideshow .fs-images-slider.swiper-container { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: auto } .showcase-fullscreen-slideshow .fs-images-slider.swiper-container img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 2s ease; transition: -webkit-transform 2s ease; -o-transition: transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease; } .showcase-fullscreen-slideshow .fs-images-slider.swiper-container .swiper-slide-active img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .showcase-fullscreen-slideshow .fs-images-slider .fs-parallax-wrap { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .showcase-fullscreen-slideshow .showcase-project.project_0 { display: block; } .showcase-fullscreen-slideshow .pd_word { overflow: hidden; } .showcase-fullscreen-slideshow .pd_word span { display: block } .showcase-fullscreen-slideshow .showcase-project.wrapper { height: 100vh !important; } .sfs-arrows { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; } .sfs-fraction { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } span.sfs-total { margin-left: 200px; } span.sfs-prev span, span.sfs-next span { display: inline-block; font-size: 2em; line-height: 0.5em; } span.sfs-prev, span.sfs-next { display: inline-block; vertical-align: middle; line-height: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } /* Showcase Fulslcreen Carousel ------------------------------ */ .animating img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .showcase-fullscreen-carousel.fullscreen { position: relative; width: 100%; height: 100svh; overflow: hidden; } .showcase-fullscreen-carousel .fc-slideshow-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; pointer-events: none; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; color: var(--mainColor); } .showcase-fullscreen-carousel .project-image .nayla-video { height: 100%; } .showcase-fullscreen-carousel .sfc-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 0; display: block } .showcase-fullscreen-carousel .showcase-project.swiper-slide { display: block; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; opacity: 0.02; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; padding: 0 75px; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .showcase-fullscreen-carousel.dragging .fc-slideshow-wrap { -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); } .showcase-fullscreen-carousel .fc-slideshow-wrap .project-title { pointer-events: none; display: block; width: 100%; margin-bottom: 0; white-space: nowrap; line-height: 1.2; overflow: hidden; } .showcase-fullscreen-carousel .showcase-project .project-image { display: none; } .showcase-fullscreen-carousel .project-meta { display: inline-block; width: auto; pointer-events: all; margin: 0 auto; overflow: hidden; } .showcase-fullscreen-carousel .showcase-project a { display: block; overflow: hidden } .showcase-fullscreen-carousel .project-meta>div { display: inline-block; opacity: 1; font-size: 17px; line-height: 25px; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform .4s ease-out .2s; transition: -webkit-transform .4s ease-out .2s; -o-transition: transform .4s ease-out .2s; transition: transform .4s ease-out .2s; transition: transform .4s ease-out .2s, -webkit-transform .4s ease-out .2s } .swiper-slide-active .project-meta>div { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%) } .showcase-fullscreen-carousel.dragging .swiper-slide-active .project-meta>div { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) } .showcase-fullscreen-carousel .project-meta>div>* { display: inline-block; } .showcase-fullscreen-carousel .project-meta div:nth-child(3)::after { display: none !important; } .showcase-fullscreen-carousel .project-meta .project-category { display: none } .showcase-fullscreen-carousel .project-meta>div::after { content: ""; display: inline-block; margin: 0 15px; font-size: 40px; vertical-align: middle; } .showcase-fullscreen-carousel .showcase-project.active, .showcase-fullscreen-carousel .showcase-project.swiper-slide.swiper-slide-active { opacity: 1 } .showcase-fullscreen-carousel.dragging .showcase-project.swiper-slide.swiper-slide-active { opacity: 0.1 } .showcase-fullscreen-carousel.dragging .showcase-project.swiper-slide.swiper-slide-active.active { opacity: 1 } .showcase-fullscreen-carousel .fc-images-slider.swiper-container { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: 1; overflow: hidden; -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; -o-transition: transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.1, 1); -o-transition-timing-function: cubic-bezier(0.7, 0, 0.1, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.1, 1); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center } .loading .showcase-fullscreen-carousel .fc-images-slider.swiper-container { -webkit-transition: all 0s !important; -o-transition: all 0s !important; transition: all 0s !important; } .showcase-fullscreen-carousel.dragging .fc-images-slider.swiper-container { -webkit-transform: translate(-50%, -50%) scale(.5); -ms-transform: translate(-50%, -50%) scale(.5); transform: translate(-50%, -50%) scale(.5); } .showcase-fullscreen-carousel .fc-images-slider .slide-bgimg, .showcase-fullscreen-carousel .fc-images-slider .swiper-wrapper { /* transition-timing-function: cubic-bezier(0.5, 0.00, 0, 1) !important*/ height: 100% } .showcase-fullscreen-carousel .fc-images-slider .fs-parallax-wrap { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .showcase-fullscreen-carousel .fc-slideshow-wrap .swiper-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: auto; } .showcase-fullscreen-carousel .dragging-class { position: absolute; top: 0; left: 0; height: 100%; opacity: .1; z-index: 2; } .showcase-fullscreen-carousel .sfc-fraction { position: absolute; top: 45%; left: 0; z-index: 2; -webkit-transform: rotate(90deg) translateX(15%); -ms-transform: rotate(90deg) translateX(15%); transform: rotate(90deg) translateX(15%); } .showcase-fullscreen-carousel span.sfc-current::after { content: ""; display: inline-block; width: 10px; height: 1.5px; background: var(--mainColor); margin: 0 25px; vertical-align: middle; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .showcase-fullscreen-carousel.blend-elements .sfc-fraction, .showcase-fullscreen-carousel.blend-elements .showcase-footer { mix-blend-mode: difference; --mainColor: #fff; } /* Showcase Fullscreen Wall ------------------------------ */ .showcase-fullscreen-wall { display: block; float: left; width: 100%; height: auto; min-height: 50vh } .showcase-fullscreen-wall .project-image { opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); width: 25vw; z-index: -1; -webkit-clip-path: inset(0% 100% 00% 0%); clip-path: inset(0% 100% 00% 0%); -webkit-transition: opacity .2s ease, -webkit-clip-path .4s ease; transition: opacity .2s ease, -webkit-clip-path .4s ease; -o-transition: clip-path .4s ease, opacity .2s ease; transition: clip-path .4s ease, opacity .2s ease; transition: clip-path .4s ease, opacity .2s ease, -webkit-clip-path .4s ease; pointer-events: none; overflow: hidden; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left } .showcase-fullscreen-wall .showcase-project:nth-child(even) .project-image { -webkit-clip-path: inset(0% 0% 0% 100%); clip-path: inset(0% 0% 0% 100%); } .showcase-fullscreen-wall .project-image img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: -webkit-transform 1s ease-out; transition: -webkit-transform 1s ease-out; -o-transition: transform 1s ease-out; transition: transform 1s ease-out; transition: transform 1s ease-out, -webkit-transform 1s ease-out; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .loading .showcase-fullscreen-wall .project-image { -webkit-transition: all 0s !important; -o-transition: all 0s !important; transition: all 0s !important; } .showcase-fullscreen-wall .showcase-project:hover { z-index: 1 } .showcase-fullscreen-wall .showcase-project:hover .project-image { -webkit-clip-path: inset(00%); clip-path: inset(00%); opacity: 1; } .showcase-fullscreen-wall .showcase-project:hover .project-image img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .showcase-fullscreen-wall.hovered .showcase-project { opacity: .2; } .showcase-fullscreen-wall.hovered .showcase-project.current { opacity: 1; } /* .showcase-fullscreen-wall .showcase-project:nth-child(3n)::after, .showcase-fullscreen-wall .showcase-project:last-child::after { display: none; } */ .showcase-fullscreen-wall .project-meta { display: none; } .showcase-fullscreen-wall .sfw-projects-wrapper { height: auto; position: relative; } .showcase-fullscreen-wall .showcase-project { display: inline-block; position: relative; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease } .showcase-fullscreen-wall .showcase-project .project-title { overflow: hidden; display: inline-block; } .showcase-fullscreen-wall .showcase-project .project-category { overflow: hidden; display: inline-block; vertical-align: sub; -webkit-transform: translateY(-1em); -ms-transform: translateY(-1em); transform: translateY(-1em); margin-right: 1em; } .showcase-fullscreen-wall.switching .showcase-project::before { opacity: 0 } .showcase-fullscreen-wall .showcase-project a { padding: 0.5em 0; display: inline-block; } .showcase-fullscreen-wall .showcase-fullscreen-wall { display: block; position: relative; width: 100%; height: 100%; } .showcase-fullscreen-wall .swf-layout-switch { position: absolute; bottom: 50px; display: block; } .showcase-fullscreen-wall .swf-layout-switch>div { display: block; float: left; text-transform: uppercase; margin-right: 15px; cursor: pointer; } .showcase-fullscreen-wall .swf-layout-switch>div:last-child { margin-right: 0; } .showcase-fullscreen-wall .swf-layout-switch>div::before { content: "("; display: inline-block; margin-right: 5px; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .showcase-fullscreen-wall .swf-layout-switch>div::after { content: ")"; display: inline-block; margin-left: 5px; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .showcase-fullscreen-wall .swf-layout-switch>div.active::after, .showcase-fullscreen-wall .swf-layout-switch>div.active::before { opacity: 1; } .showcase-fullscreen-wall.wall-images .showcase-project { width: auto; } .showcase-fullscreen-wall.wall-images .project-image { position: relative; opacity: 1; -webkit-clip-path: inset(0%) !important; clip-path: inset(0%) !important; left: 0; top: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .showcase-fullscreen-wall.wall-images .sfw-projects-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .showcase-fullscreen-wall.wall-images .project-title.text-h2 { font-size: 20px; text-transform: uppercase; margin-top: 10px; display: block; float: left; } .showcase-fullscreen-wall.wall-images .project-meta { display: block; float: right; text-transform: uppercase; margin-top: 10px; } .showcase-fullscreen-wall.wall-images .project-meta>div { display: inline-block; } .showcase-fullscreen-wall.wall-images .project-image img { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: none; -o-transition: none; transition: none } .showcase-fullscreen-wall.wall-images .showcase-project::before { display: none; } /* Showcase 3D Titles ------------------------------ */ .showcase-3d-titles { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; height: 100vh; -webkit-perspective: 10000px; perspective: 10000px; width: 100%; z-index: 1 } .showcase-3d-titles .s3t-projects-wrap { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .showcase-3d-titles .s3t-projects-wrap .showcase-project { position: absolute; white-space: nowrap; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; padding: 0 10px; -webkit-transform: translate(-50%, -50%) rotateX(calc(var(--rotateX) * 1)) translateZ(var(--transformZ)); transform: translate(-50%, -50%) rotateX(calc(var(--rotateX) * 1)) translateZ(var(--transformZ)); z-index: 0; text-align: center; z-index: -1; } .showcase-3d-titles .s3t-projects-wrap .showcase-project a { text-decoration: none; } .showcase-3d-titles .s3t-projects-wrap .showcase-project a .project-title { opacity: 0.1; width: 100vw; text-align: center; } .showcase-3d-titles .s3t-projects-wrap .showcase-project a .project-title span { pointer-events: none } .showcase-3d-titles .s3t-projects-wrap .showcase-project.active a .project-title span { pointer-events: all } .showcase-3d-titles .s3t-projects-wrap .showcase-project.active a .project-title { opacity: 1 } .s3t-images { position: absolute; z-index: 2; width: 25vw; height: 40vh; pointer-events: none; overflow: hidden; opacity: 0; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease } .s3t-images * { pointer-events: none !important } .s3t-images.active { opacity: 1 } .d-img { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; } .d-img.d-back { z-index: -1 } .d-img { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } .d-img>div { -webkit-transform: translate3d(0, 100%, 0) scale(1); transform: translate3d(0, 100%, 0) scale(1) } .d-img .project-image { width: 100%; height: 100%; } .d-img .project-image .nayla-video { height: 100%; } /* Showcase 3D Titles (Old) ------------------------------ */ .showcase-3d-titles-old { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; height: 100vh; -webkit-perspective: 10000px; perspective: 10000px; width: 100%; z-index: 1 } .showcase-3d-titles-old.animatingg .project-image { visibility: hidden !important; } .showcase-3d-titles-old .s3t-projects-wrap { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .showcase-3d-titles-old .s3t-projects-wrap .showcase-project { position: absolute; white-space: nowrap; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; padding: 0 10px; -webkit-transform: translate(-50%, -50%) rotateX(calc(var(--rotateX) * 1)) translateZ(var(--transformZ)); transform: translate(-50%, -50%) rotateX(calc(var(--rotateX) * 1)) translateZ(var(--transformZ)); z-index: 0; text-align: center; z-index: -1; } .showcase-3d-titles-old .s3t-projects-wrap .showcase-project a { text-decoration: none; pointer-events: none } .showcase-3d-titles-old .s3t-projects-wrap .showcase-project a .project-title { color: rgba(255, 255, 255, 0.1); background: #000; width: 100vw; text-align: center } .showcase-3d-titles-old .s3t-projects-wrap .showcase-project.active a { pointer-events: all } .showcase-3d-titles-old .s3t-projects-wrap .showcase-project.active a .project-title { color: rgba(255, 255, 255, 1) } .showcase-3d-titles-old .s3t-projects-wrap .showcase-project .project-category { display: none } .showcase-3d-titles-old .s3t-projects-wrap .showcase-project .project-image { display: none } .showcase-3d-titles-old .s3t-images { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 35%; height: 35%; overflow: hidden; z-index: 1; pointer-events: none; mix-blend-mode: screen; opacity: 0; } .showcase-3d-titles-old .s3t-images.active { opacity: 1 } .showcase-3d-titles-old .s3t-images .project-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; visibility: hidden; pointer-events: none; } .showcase-3d-titles-old .s3t-images .project-image img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: -webkit-transform .6s ease-out; transition: -webkit-transform .6s ease-out; -o-transition: transform .6s ease-out; transition: transform .6s ease-out; transition: transform .6s ease-out, -webkit-transform .6s ease-out } .showcase-3d-titles-old .s3t-images.active .project-image.active { visibility: visible } .showcase-3d-titles-old .s3t-images.active .project-image.active img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } /* Showcase Wall ------------------------------ */ .showcase-wall.light { background: #191919 } .showcase-wall.fullscreen { position: relative; width: 100%; height: 100vh; overflow: hidden; } .sw-projects-wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; white-space: nowrap; width: auto; position: relative; z-index: 1; } .showcase-wall .showcase-project { white-space: nowrap; padding: 25px 0; position: relative; z-index: 1; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .showcase-wall .showcase-project a { -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; } .showcase-wall-wrap { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .showcase-wall .showcase-project::after { content: ""; display: inline-block; width: 150px; height: 5px; background-color: var(--mainColor); vertical-align: middle; margin: 0 35px; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .showcase-wall .showcase-project:last-child::after { display: none } .showcase-wall .project-title { display: inline-block; vertical-align: middle; z-index: 1; position: relative; } .light .showcase-project a, .dark .showcase-project a { color: var(--mainColor); text-transform: uppercase; margin-top: 1em; } .showcase-wall .project-title>* { margin-bottom: 0 } .showcase-wall .showcase-project .project-index { position: absolute; top: 25px; left: 0; -webkit-transform: translate(-20px, 25%); -ms-transform: translate(-20px, 25%); transform: translate(-20px, 25%); font-size: 15px; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .sw-images-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .sw-images-wrap .project-image img { width: 100%; display: block; height: 100%; -o-object-fit: cover; object-fit: cover; } .showcase-wall .showcase-project:nth-child(even) .project-image { -webkit-clip-path: inset(0% 0% 0% 100%); clip-path: inset(0% 0% 0% 100%); } .showcase-wall .showcase-project .project-image { opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 25vw; z-index: -1; -webkit-clip-path: inset(0% 100% 00% 0%); clip-path: inset(0% 100% 00% 0%); -webkit-transition: opacity .2s ease, -webkit-clip-path .4s ease; transition: opacity .2s ease, -webkit-clip-path .4s ease; -o-transition: clip-path .4s ease, opacity .2s ease; transition: clip-path .4s ease, opacity .2s ease; transition: clip-path .4s ease, opacity .2s ease, -webkit-clip-path .4s ease; pointer-events: none; overflow: hidden; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center } .showcase-wall .showcase-project .project-image img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: -webkit-transform 1s ease-out; transition: -webkit-transform 1s ease-out; -o-transition: transform 1s ease-out; transition: transform 1s ease-out; transition: transform 1s ease-out, -webkit-transform 1s ease-out; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; pointer-events: none } .showcase-wall .project-image.animating, .showcase-wall .showcase-project a:hover .project-image { -webkit-clip-path: inset(00%); clip-path: inset(00%); opacity: 1; } .showcase-wall .project-image.animating img, .showcase-wall .showcase-project a:hover .project-image img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .showcase-wall.hovered .showcase-project { opacity: 0.05; z-index: 0 } .showcase-wall.hovered .showcase-project.current { opacity: 1; z-index: 1 } .showcase-wall.hovered .showcase-project.current::after { opacity: 0.05; } .sc-overlay, .sw-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: -1; } .showcase-wall .project-image video { width: 100% } .showcase-wall.light .showcase-project .project-index { color: #fff; } .showcase-wall.light .showcase-project::after { background-color: #fff } .showcase-wall.animating { pointer-events: none } .showcase-wall.animating .sw-projects-wrap { overflow: hidden } .showcase-wall.animating .project-index, .showcase-wall.animating .showcase-project::after { opacity: 0 } /* Showcase Infinite Grid ------------------------------ */ /* Defaults */ .showcase-infinite-grid { width: 100%; overflow: hidden; height: 100vh } .showcase-infinite-grid .sfg-infinite-wrap { position: relative; width: 100%; height: 120%; overflow: hidden; will-change: transform; z-index: 2; padding: 0 100px; } .showcase-infinite-grid.vertical .project-meta { width: 55%; } .showcase-infinite-grid .sfg-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } .showcase-infinite-grid .sfg-bg-text { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: 1; -webkit-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; opacity: 0.05 } .showcase-infinite-grid.hovered .sfg-bg-text { opacity: 0; } .showcase-infinite-grid .sfg-titles { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; text-align: center; height: 200px; z-index: 1; pointer-events: none; } .showcase-infinite-grid .sfg-titles .project-title { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; pointer-events: none; -webkit-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease } .showcase-infinite-grid .sfg-titles .infinity-wrap { white-space: nowrap; overflow: hidden; } .showcase-infinite-grid .showcase-project { height: 60vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; will-change: transform; -webkit-transition: opacity .2s ease, transform .4s ease-out, filter .4s ease-out; -o-transition: opacity .2s ease, transform .4s ease-out, filter .4s ease-out; -webkit-transition: opacity .2s ease, -webkit-transform .4s ease-out, -webkit-filter .4s ease-out; transition: opacity .2s ease, -webkit-transform .4s ease-out, -webkit-filter .4s ease-out; transition: opacity .2s ease, transform .4s ease-out, filter .4s ease-out; transition: opacity .2s ease, transform .4s ease-out, filter .4s ease-out, -webkit-transform .4s ease-out, -webkit-filter .4s ease-out; will-change: transform, filter } .sfg-grid-wrapper.hovered .showcase-project { -webkit-filter: blur(3px); filter: blur(3px); } .sfg-grid-wrapper.hovered .showcase-project.current { -webkit-filter: blur(0); filter: blur(0); } .showcase-infinite-grid .project-image { max-width: 45%; height: auto; display: inline-block; max-height: 90%; position: relative; clear: both; } .showcase-infinite-grid .project-image img { will-change: transform } .showcase-infinite-grid .project-image img:not(:first-child) { position: absolute; top: 0; left: 0; } .showcase-infinite-grid .showcase-footer.wrapper-full, .showcase-infinite-grid .showcase-footer.wrapper-small, .showcase-infinite-grid .showcase-footer.wrapper { bottom: 0 } .showcase-infinite-grid.hovered .showcase-project { opacity: .1 } .showcase-infinite-grid.hovered .showcase-project.active { opacity: 1 } .showcase-infinite-grid.lenis-scrolling .showcase-project { pointer-events: none } .showcase-infinite-grid .project-title { display: none; text-align: left; } .showcase-infinite-grid .project-meta { display: inline-block; width: 100%; margin-top: 10px; overflow: hidden; } .showcase-infinite-grid .project-meta>div { display: block; float: left; width: 50%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform .4s ease-out; transition: -webkit-transform .4s ease-out; -o-transition: transform .4s ease-out; transition: transform .4s ease-out; transition: transform .4s ease-out, -webkit-transform .4s ease-out } .showcase-infinite-grid .showcase-project a:hover .project-meta>div { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .showcase-infinite-grid .project-meta>div:last-child { text-align: right; } .showcase-infinite-grid .sfg-grid-wrapper { display: -ms-grid; display: grid; grid-template-columns: repeat(2, 1fr); will-change: transform; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .showcase-infinite-grid .sfg-titles .project-title.active { opacity: 1; } .showcase-infinite-grid .sfg-titles .project-title h2 { font-size: 100px; line-height: 1; margin: 0 50px } .showcase-infinite-grid .project-image img:last-child { opacity: 1 !important; -webkit-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease } .showcase-infinite-grid.lenis-scrolling .project-image img:last-child { opacity: 0.1 !important } .showcase-infinite-grid.vertical.col-2 .showcase-project:nth-child(4n - 3) { -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; } .showcase-infinite-grid.vertical.col-2 .showcase-project:nth-child(4n - 1) { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } .showcase-infinite-grid.vertical.col-2 .showcase-project:nth-child(4n) { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } .showcase-infinite-grid.vertical.col-2 .showcase-project:nth-last-child(4) { -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; } .showcase-infinite-grid.vertical.col-2 .showcase-project:nth-last-child(3) { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .showcase-infinite-grid.vertical.col-2 .showcase-project:nth-last-child(2) { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } .showcase-infinite-grid.vertical.col-2 .showcase-project:nth-last-child(1) { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } /* Vertical 3 Columns */ .showcase-infinite-grid.vertical.col-3 .project-image { max-width: 55% } .showcase-infinite-grid.vertical.col-3 .sfg-grid-wrapper { grid-template-columns: repeat(3, 1fr); } .showcase-infinite-grid.vertical.col-3 .showcase-project:nth-child(6n - 5) { -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .showcase-infinite-grid.vertical.col-3 .showcase-project:nth-child(6n - 2) { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: right; } .showcase-infinite-grid.vertical.col-3 .showcase-project:nth-child(6n - 1) { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .showcase-infinite-grid.vertical.col-3 .showcase-project:nth-child(6n - 5) .project-image { -ms-flex-item-align: self-end; -ms-grid-row-align: self-end; align-self: self-end } .showcase-infinite-grid.vertical.col-3 .showcase-project:nth-child(6n - 3) { -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .showcase-infinite-grid.vertical.col-3 .showcase-project:nth-child(6n - 3) .project-image { -ms-flex-item-align: self-end; -ms-grid-row-align: self-end; align-self: self-end } .showcase-infinite-grid.vertical.col-3 .showcase-project:nth-child(6n - 2) .project-image { -ms-flex-item-align: self-end; -ms-grid-row-align: self-end; align-self: self-end } .showcase-infinite-grid.vertical.col-3 .showcase-project:nth-child(6n - 1) .project-image { -ms-flex-item-align: self-start; -ms-grid-row-align: self-start; align-self: self-start } /* Horizontal */ /* Horizontal Defaults */ .showcase-infinite-grid.horizontal .sfg-grid-wrapper>div { height: 50vh; display: -ms-grid; display: grid; grid-auto-flow: column; width: -webkit-min-content; width: -moz-min-content; width: min-content; grid-auto-columns: 50vw; } .showcase-infinite-grid.horizontal .sfg-infinite-wrap { height: 100% } .showcase-infinite-grid.horizontal .showcase-project { height: 50vh; width: 50vw; -webkit-box-sizing: border-box; box-sizing: border-box } .showcase-infinite-grid.horizontal .sfg-grid-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-min-content; width: -moz-min-content; width: min-content; -ms-flex-wrap: wrap; flex-wrap: wrap; } .showcase-infinite-grid.horizontal .project-image { max-width: 40%; } .showcase-infinite-grid.horizontal .sfg-titles .project-title:nth-child(odd) { -webkit-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%) } .showcase-infinite-grid.horizontal .sfg-titles .project-title:nth-child(even) { -webkit-transform: translateY(200%); -ms-transform: translateY(200%); transform: translateY(200%) } .showcase-infinite-grid.horizontal.col-2 .sfg_grid_row_top .showcase-project:nth-child(2n), .showcase-infinite-grid.horizontal.col-2 .sfg_grid_row_top .showcase-project:nth-child(2n - 1) { -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right } .showcase-infinite-grid.horizontal.col-2 .sfg_grid_row_top .showcase-project:nth-child(2n - 1) .project-image { -ms-flex-item-align: right; -ms-grid-row-align: right; align-self: right } /* Horizontal Column 3 */ .showcase-infinite-grid.horizontal.col-3 .showcase-project { width: 33.333333333333vw; } .showcase-infinite-grid.horizontal.col-3 .sfg-grid-wrapper>div { grid-auto-columns: 33.333333333333vw; } .showcase-infinite-grid.horizontal.col-3 .project-image { max-width: 100%; } .showcase-infinite-grid.horizontal.col-3 a { max-width: 55%; } .showcase-infinite-grid.horizontal.col-3 .sfg_grid_row.sfg_grid_row_bottom .showcase-project:nth-child(3n - 2) { -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; } .sfg_grid_row.sfg_grid_row_bottom .showcase-project:nth-child(3n - 1) { margin-left: 100px; } .showcase-infinite-grid.horizontal.col-3 .sfg_grid_row.sfg_grid_row_top .showcase-project:nth-child(3n - 2) { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .showcase-infinite-grid.horizontal.col-3 .sfg_grid_row.sfg_grid_row_bottom .showcase-project:nth-child(3n) { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; } .showcase-infinite-grid.horizontal.col-3 .sfg_grid_row.sfg_grid_row_bottom .showcase-project:nth-child(3n - 1) { -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; } .showcase-infinite-grid.vertical .showcase-project:nth-child(3n - 1) a { text-align: center; } .showcase-infinite-grid.vertical .showcase-project:nth-child(3n) { text-align: right; } /** Filterable Grid ------------------------------ */ .nayla-filterable-grid { display: block; float: left; width: 100%; } .nfg--wrapper { display: -ms-grid; display: grid; -ms-grid-columns: var(--cols); grid-template-columns: var(--cols); --cols: repeat(4, 1fr); grid-column-gap: var(--gap); --gap: 30px; } .nfg--image img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .nfg--filters--wrapper { position: fixed; bottom: 25px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 1em 2em; background: var(--mainColor); color: var(--mainBackground); border-radius: 15px; opacity: 0; pointer-events: none; z-index: 99; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .nfg--filters--wrapper.active { opacity: 1; visibility: visible; pointer-events: all } .nfg--filters--wrapper ul li { display: inline-block; padding: 0 0.5em; text-transform: uppercase; cursor: pointer; opacity: .5; font-size: 14px; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .nfg--filters--wrapper ul li.active { opacity: 1; } /** Dynamic Grid ------------------------------ */ .nayla-dynamic-grid { display: block; width: 100%; } .grid--wrapper { display: -ms-grid; display: grid; -ms-grid-rows: 1fr 50px 1fr 50px 1fr 50px 1fr; grid-template-rows: 1fr 1fr 1fr 1fr; -ms-grid-columns: 1fr 50px 1fr 50px 1fr 50px 1fr 50px 1fr 50px 1fr 50px 1fr 50px 1fr; grid-template-columns: repeat(8, 1fr); width: 100%; height: calc(100vh - 2em); } .grid--item { width: 100%; height: 100%; display: block; --column: span 1; -ms-grid-column: var(--column); grid-column-start: var(--column); will-change: transform, filter; position: relative; overflow: hidden } .grid--item .single-image { width: 100%; height: 100%; } .grid--item .single-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .grid--item img { width: 100%; } .parallax-on .grid--item img { -o-object-fit: cover; object-fit: cover } .equal .grid--item img { height: 100%; -o-object-fit: cover; object-fit: cover } .grid--item .parallax-wrap { overflow: hidden; height: 100% } /** Lightbox Gallery ------------------------------ */ .lightbox-gallery .grid--item { -webkit-filter: grayscale(1); filter: grayscale(1); will-change: filter, transform; -webkit-transition: -webkit-filter .3s ease; transition: -webkit-filter .3s ease; -o-transition: filter .3s ease; transition: filter .3s ease; transition: filter .3s ease, -webkit-filter .3s ease; } .lightbox-gallery .grid--item:hover { -webkit-filter: none; filter: none; } .lightbox-current { position: fixed; } .lightbox-convert { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; position: fixed !important; bottom: 25px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 75px; z-index: 99999999; left: 50%; gap: 0 !important; pointer-events: all } .lightbox-thumb { padding: 0 13px; height: 100%; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .25; -webkit-transition: opacity .3s ease-out, -webkit-filter .3s ease-out; transition: opacity .3s ease-out, -webkit-filter .3s ease-out; -o-transition: filter .3s ease-out, opacity .3s ease-out; transition: filter .3s ease-out, opacity .3s ease-out; transition: filter .3s ease-out, opacity .3s ease-out, -webkit-filter .3s ease-out } .lightbox-thumb.active { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; } .lightbox-thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .nayla-lightbox-hold { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; pointer-events: none } .grid--item.lightbox-thumb .parallax-wrap { width: auto !important; } .grid--item.lightbox-thumb .parallax-wrap img { height: 100% !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .nayla-lightbox-hold.active { pointer-events: all } .lightbox-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background: var(--secondaryBackground); z-index: 99998; } span.active-hold { display: block; position: absolute; left: 50%; bottom: 21px; width: 100px; height: 0px; border: 0px solid; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: inherit; -webkit-transition: height .5s ease, border .5s ease; -o-transition: height .5s ease, border .5s ease; transition: height .5s ease, border .5s ease } .nayla-lightbox-hold.active span.active-hold { height: 88px; border: 2px solid; } .lightbox-gal { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; } .lightbox-gal>img { width: auto; height: auto; position: absolute; top: 45%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 80%; max-height: 75%; opacity: 0; visibility: hidden } .lightbox-gal>img.active { opacity: 1; visibility: visible; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* transition: transform .5s ease-out*/ } .lightbox-close { position: absolute; top: 75px; right: 50px; z-index: 999999; cursor: pointer; opacity: 0; -webkit-transition: all .4s ease-out .4s; -o-transition: all .4s ease-out .4s; transition: all .4s ease-out .4s } .active .lightbox-close { opacity: 1; top: 50px } .lightbox-fraction { position: absolute; bottom: 130px; left: 50%; -webkit-transform: translateX(-50%) translateY(50%); -ms-transform: translateX(-50%) translateY(50%); transform: translateX(-50%) translateY(50%); z-index: 99999; text-align: center; opacity: 0; -webkit-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out } .nayla-lightbox-hold.active .lightbox-fraction { opacity: 1; -webkit-transform: translateX(-50%) translateY(0%); -ms-transform: translateX(-50%) translateY(0%); transform: translateX(-50%) translateY(0%); } .lightbox-fraction>div { display: inline-block; float: left; } .lightbox-fraction>div:first-child::after { content: ""; display: inline-block; width: 15px; height: 2px; background: #191919; vertical-align: middle; margin: 0 5px; margin-top: -1px; } /* Showcase Interactive Grid ------------------------------ */ .showcase-interactive-grid.will-animated { opacity: 0; } .showcase-interactive-grid { opacity: 1; -webkit-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease } .showcase-interactive-grid .projects-wrapper { display: -ms-grid; display: grid; -ms-grid-rows: 1fr 50px 1fr 50px 1fr 50px 1fr; grid-template-rows: 1fr 1fr 1fr 1fr; -ms-grid-columns: 1fr 50px 1fr 50px 1fr 50px 1fr 50px 1fr 50px 1fr 50px 1fr 50px 1fr; grid-template-columns: repeat(8, 1fr); width: 100%; height: calc(100vh - 2em); gap: 50px; } span.scatter-close { position: absolute; bottom: 50px; left: 50%; opacity: 0; z-index: 6; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; pointer-events: none; cursor: pointer; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .showcase-interactive-grid { display: block; width: 100%; height: 100vh; padding: 2em; -webkit-box-sizing: border-box; box-sizing: border-box; } /* .showcase-interactive-grid .showcase-project:first-child { -ms-grid-column: 2; grid-column-start: 2; } */ .showcase-interactive-grid .showcase-project { width: 100%; height: 100%; display: block; --column: span 1; -ms-grid-column: var(--column); grid-column-start: var(--column); will-change: transform, filter; position: relative; overflow: hidden } .showcase-interactive-grid .showcase-project.active { overflow: visible } .showcase-interactive-grid .project-details { position: absolute } .showcase-interactive-grid .project-image { width: 100%; height: 100%; } .showcase-interactive-grid .projects-wrapper.intro-grid--scatter { width: 200%; height: 200vh; padding: 0; } .showcase-interactive-grid.scatter-active span.scatter-close { opacity: 1; pointer-events: all } .showcase-interactive-grid .projects-wrapper.intro-grid--scatter .showcase-project { max-width: 15vw; max-height: 35vh; opacity: .2; position: relative; } .showcase-interactive-grid .projects-wrapper.intro-grid--scatter .showcase-project .project-image { -webkit-filter: saturate(0.3) blur(3px); filter: saturate(0.3) blur(3px); } .showcase-interactive-grid .projects-wrapper.intro-grid--scatter .showcase-project:hover .project-image { -webkit-filter: blur(0px); filter: blur(0px); } .showcase-interactive-grid .projects-wrapper.intro-grid--scatter .showcase-project.active { width: 30vw; height: 70vh; max-width: none; max-height: none; -webkit-filter: none; filter: none; opacity: 1; z-index: 1; } .showcase-interactive-grid .showcase-project .project-image { -webkit-filter: saturate(0.3); filter: saturate(0.3); will-change: filter; -webkit-transition: -webkit-filter .3s ease; transition: -webkit-filter .3s ease; -o-transition: filter .3s ease; transition: filter .3s ease; transition: filter .3s ease, -webkit-filter .3s ease } .showcase-interactive-grid .projects-wrapper.intro-grid--scatter .showcase-project.active .project-image, .showcase-interactive-grid .showcase-project:hover .project-image { -webkit-filter: saturate(1); filter: saturate(1); } .showcase-interactive-grid .project-title { pointer-events: none; -webkit-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out; z-index: 1; width: 100%; margin-bottom: 0.5em; } .showcase-interactive-grid .project-title .tit_line { overflow: hidden } .showcase-interactive-grid .project-details { right: 0; max-width: 70%; bottom: 0; -webkit-transform: translateX(110%); -ms-transform: translateX(110%); transform: translateX(110%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; visibility: hidden; pointer-events: none; -webkit-transition: visibility .3s ease-out; -o-transition: visibility .3s ease-out; transition: visibility .3s ease-out } .showcase-interactive-grid .showcase-project.active .project-title { opacity: 1 } .showcase-interactive-grid .showcase-project.active .project-details { visibility: visible } .showcase-interactive-grid .project-details .project-category { margin-bottom: 1em; } .showcase-interactive-grid .project-details .project-summary { -ms-flex-item-align: end; align-self: flex-end; margin-bottom: 20px; } .showcase-interactive-grid .project-details .nayla-button { margin-bottom: 0; pointer-events: all; --mainColor: $fff; } .showcase-interactive-grid .showcase-project.project-right .project-details { right: unset; left: 0; -webkit-transform: translateX(-110%); -ms-transform: translateX(-110%); transform: translateX(-110%); } .showcase-interactive-grid .nayla-video { height: 100%; } .showcase-interactive-grid .showcase-project .project-image img { height: 100%; -o-object-fit: cover; object-fit: cover; } /* Showcase Carousel ------------------------------ */ .showcase-carousel.fullscreen { position: relative; width: 100%; height: 100vh; overflow: hidden; } .showcase-carousel .sc-projects-wrap .project-image { display: none; } .showcase-carousel .sc-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; will-change: transform; overflow: hidden; } .showcase-carousel .sc-headline { white-space: nowrap; padding-right: 50vw } .showcase-carousel .sc-projects-wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: auto; white-space: nowrap; } .showcase-carousel .showcase-project { display: block; float: left; padding: 0 150px; opacity: .1 } .showcase-carousel .showcase-project:first-child { padding-left: 0 } .showcase-carousel .showcase-project:last-child { padding-right: 0 } .showcase-carousel .showcase-project.active { opacity: 1 } .showcase-carousel .showcase-project .project-meta { display: none; } .showcase-carousel .showcase-project.active { opacity: 1 } .showcase-carousel .project-title { font-size: 190px; line-height: 1.2; margin: 0; -webkit-font-kerning: none; font-kerning: none; letter-spacing: -0.06em } .showcase-carousel .sc-wrapper h1.big-title { margin: 0; line-height: 150px; } .showcase-carousel .sc-images.swiper-container { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50vw; height: 35vw; overflow: hidden; -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); } .showcase-carousel .sc-images.swiper-container .swiper-wrapper { -webkit-transition-timing-function: cubic-bezier(0.5, 0.5, 0, 1); -o-transition-timing-function: cubic-bezier(0.5, 0.5, 0, 1); transition-timing-function: cubic-bezier(0.5, 0.5, 0, 1); } .showcase-carousel .slide-bgimg { -webkit-transition-timing-function: cubic-bezier(0.5, 0.5, 0, 1) !important; -o-transition-timing-function: cubic-bezier(0.5, 0.5, 0, 1) !important; transition-timing-function: cubic-bezier(0.5, 0.5, 0, 1) !important; width: 100%; height: 100%; } .slide-bgimg .nayla-video { height: 100%; } .animating .slide-bgimg { height: 100%; } .showcase-carousel .sfc-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .showcase-carousel .sc-lines { position: absolute; top: 50%; width: 100%; height: 1px; display: block; z-index: 1; -webkit-transform: translateY(4em); -ms-transform: translateY(4em); transform: translateY(4em); } .showcase-carousel .sc-lines span { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--mainColor); opacity: 0.3; -webkit-transition: background-color .3s ease; -o-transition: background-color .3s ease; transition: background-color .3s ease } .showcase-carousel.light .sc-lines span { background-color: var(--mainColor) } .showcase-carousel .sc-lines span.sc-line.sc-line-fill { opacity: .7; width: 0%; } .showcase-carousel .pt_line { overflow: hidden; } .showcase-carousel .pt_char { overflow: hidden; vertical-align: top } .showcase-carousel .pt_char span { display: block } /* Animate out **/ .showcase-carousel.animatingg .showcase-project { overflow: hidden; } .showcase-carousel.animatingg .project-image { visibility: hidden; } .fs-parallax-wrap { position: absolute; width: 100%; height: 100%; overflow: hidden; } .sc-projects-wrap a { color: var(--mainColor) } .showcase-footer.wrapper-full, .showcase-footer.wrapper-small, .showcase-footer.wrapper { position: absolute; bottom: 50px; width: 100%; margin-bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: auto !important; color: var(--mainColor); } .showcase-footer * { margin-bottom: 0 !important; } .showcase-footer.mx-difference { mix-blend-mode: difference } .showcase-footer-right { text-align: right; } .showcase-footer>div { margin-bottom: 0 } .slides-fraction>div { display: inline-block; line-height: 1; height: 1em; } .slides-fraction { display: block; float: left; } span.fraction-line { display: inline-block; width: 1.5em; height: 2px; background-color: var(--mainColor); margin: 0 5px; vertical-align: middle; margin-top: -7px; } /*-------------------------------------------------- ## Elementor Widgets ---------------------------------------------------*/ /** Testimonials ------------------------------ */ .nayla-testimonials { display: block; float: left; width: 100%; position: relative } .testimonials-wrapper { display: block; position: relative; float: left; width: 100%; } .testimonial { position: absolute; top: 0; left: 0; width: 100%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; opacity: 0; } .testimonial:first-child { opacity: 1 } .testimonial-content { margin-bottom: 60px; display: block; float: left; width: 100%; } .testimonial-meta { display: -webkit-box; display: -ms-flexbox; display: flex; float: left; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .testimonial-meta>div { display: block; float: left; } .testimonial-meta>div.testimonial-avatar { width: 75px; height: 75px; margin-right: 15px; position: relative; } .testimonial-meta>div.testimonial-avatar>img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .testimonial-meta>div.testimonial-title { display: inline-block; vertical-align: middle; font-size: 18px; line-height: 25px; } span.testimonial-progress .progress-fill, span.testimonial-progress { position: absolute; bottom: 100px; width: 100%; height: 0.5px; background: var(--mainColor); opacity: .4; } span.testimonial-progress .progress-fill { width: 0%; z-index: 5; top: 0; bottom: unset; opacity: 1; height: 1px; } .testimonials-nav { position: static; display: block; float: left; width: 100%; margin-bottom: 50px; } .testimonials-nav>span { display: inline-block; float: left; opacity: 1; cursor: pointer; line-height: 25px; } .testimonials-nav>div { display: inline-block; } .testimonials-navigation>span { cursor: pointer } span.test_current::before, span.test-prev::before { content: "("; } span.test_total::after, span.test-next::after { content: ")"; } span.test_current::after, span.test-prev::after { content: "/"; margin-left: 5px; } .testimonials-fraction::after { content: "-"; display: inline-block; margin: 0 20px; } .testimonial-avatar svg { stroke: var(--mainColor); stroke-width: 1; fill: transparent; position: absolute; top: 50%; left: 50%; width: 140%; height: 140%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .nayla-testimonials.align-center .testimonial-meta { text-align: left } .nayla-testimonials.align-center .testimonial-avatar { margin-left: auto } .nayla-testimonials.align-center .testimonial-title { margin-right: auto } /** Single Product ------------------------------ */ .elementor-element .nayla-single-product { display: inline-block; float: none; } .nayla-single-product.metro .product-meta { position: absolute; bottom: 0; margin: 0; padding: 0 15px 15px 15px; z-index: 3; --mainColor: #fff; mix-blend-mode: difference; } .nayla-single-product.metro .product-meta .product-price { margin: 0; } .elementor-element a.button.added::after { font-family: WooCommerce; content: "\e017"; margin-left: 0.53em; vertical-align: bottom; } .elementor-element a.button.loading { opacity: .75; } .elementor-element a.button.loading::after { font-family: WooCommerce; content: "\e01c"; vertical-align: top; font-weight: 400; position: absolute; top: 0.618em; right: 0.5em; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; display: none; } .elementor-widget-naylasingleproduct .product-acts { mix-blend-mode: unset; color: var(--mainColor); } .elementor-widget-naylasingleproduct .product-acts a { color: var(--mainColor) !important } /** Nayla Product Category Tabs ------------------------------ */ .products-carousel .carousel--item { width: 30vw } /** Nayla Infinite Tabs ------------------------------ */ .nayla-infinite-tabs { display: block; float: left; width: 100% } .nayla-infinite-tabs .tab-title-wrap { white-space: nowrap; list-style: none; padding: 0; position: relative } .nayla-infinite-tabs .tab-title { display: inline-block; margin-right: 150px; position: relative; overflow: hidden; padding-bottom: 0; opacity: 0.05; -webkit-transition: opacity .4s ease-out; -o-transition: opacity .4s ease-out; transition: opacity .4s ease-out; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 1.2 } .nayla-infinite-tabs .tab-title.active { opacity: 1 } .nayla-infinite-tabs .tab-contents-wrap { position: relative; width: 100%; padding-top: 100px; } .nayla-infinite-tabs .tab-contents-wrap::before { position: absolute; content: ''; width: 100%; left: 0; height: 1px; background: var(--mainColor); opacity: .1; top: 25px; } .light .nayla-infinite-tabs .tab-contents-wrap::before { background: var(--mainColor); } .nayla-infinite-tabs .tab-content { opacity: 0; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; display: none; } .nayla-infinite-tabs .tab-content.active { opacity: 1; display: block } /** List ------------------------------ */ .nayla-list a { -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease } .nayla-list a:hover { color: var(--mainColor) } .nayla-list li { padding-bottom: 1em } .nayla-list.underlined li { position: relative; padding: 0.5em 0; } .nayla-list.underlined li::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.1em; background-color: var(--mainColor); opacity: .1; } .nayla-list.underlined li.has-anim-text::after { width: 0% } .nayla-list.underlined li.has-anim-text.viewport-enter::after { width: 100%; -webkit-transition: all 1s ease .2s; -o-transition: all 1s ease .2s; transition: all 1s ease .2s } /** Layout Switcher ------------------------------ */ .nayla-layout-switcher.ls_switcher { display: inline-block; border: 1px solid var(--mainColor); border-radius: 2em; padding: 0.35em 1.5em; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; } .nayla-layout-switcher.ls_switcher>span { display: inline-block; } .nayla-layout-switcher.ls_switcher>span:nth-child(2) { margin-right: 1.5em; cursor: pointer; opacity: .25; } .nayla-layout-switcher.ls_switcher>span:nth-child(3) { margin-left: 0.5em; cursor: pointer; opacity: .25; color: var(--mainColor); } span.active-follower { position: absolute; top: 50%; left: 2%; width: 50%; height: 90%; background: var(--mainColor); z-index: -1; border-radius: 2em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } body.dark span.active-follower { left: 49% } body.light span.active-follower { left: 1% } .nayla-layout-switcher.ls_switcher>span.active { color: var(--mainBackground); opacity: 1 } .nayla-layout-switcher.ls_button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; cursor: pointer; font-size: 1em; line-height: 1em } .nayla-layout-switcher.ls_button>div.nls-dot { width: 0.7rem; height: 0.7rem; background: var(--mainColor); border: 1px solid var(--mainColor); border-radius: 100%; } .nayla-layout-switcher.ls_button>div { font-size: 1em; text-align: center; letter-spacing: .02em; text-transform: uppercase; height: 1em; overflow: hidden; } .nayla-layout-switcher.ls_button>div .nls-hold { -webkit-transition: -webkit-transform .75s ease-out; transition: -webkit-transform .75s ease-out; -o-transition: transform .75s ease-out; transition: transform .75s ease-out; transition: transform .75s ease-out, -webkit-transform .75s ease-out } .nayla-layout-switcher.ls_button.dark-active .nls-hold { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .nayla-layout-switcher.ls_button.dark-active .nls-dot { background: none; } /** Info Box ------------------------------ */ .nayla-info-box { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: var(--height); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-right: 2em; margin-bottom: 1em; position: relative; --height: auto; height: var(--height); width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .nayla-info-box.bordered { border: 0.05rem solid var(--mainColor); padding: 2.5em; } .info-box-content { margin-top: auto; z-index: 1; max-width: 80%; } .info-box-top { position: relative; z-index: 1; } .info-box-top img { width: auto !important; } .info-box-title { position: relative; display: inline-block; } .info-box-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.1em; background: #191919; } .nayla-info-box.video-bg, .nayla-info-box.has-bg { padding: 2.5em; } .info-box-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1 } .info-box-bg video, .info-box-bg .single-image, .info-box-bg .nayla-video, .info-box-bg img { height: 100% !important; -o-object-fit: cover; object-fit: cover } .nayla-info-box-content { margin-top: auto } /** Single Product ------------------------------ */ .single-product { display: inline-block } .single-product-meta { width: 100%; 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; margin-top: 1em; } /** Single Project ------------------------------ */ .single-project { display: block; float: left; width: 100%; margin-bottom: 1em } .single-project.align-center { margin: 0 auto; float: none; } .single-project.align-right { float: right; } .single-project-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .single-project.hover-brightness { -webkit-filter: brightness(0.5) saturate(0.5); filter: brightness(0.5) saturate(0.5); -webkit-transition: -webkit-filter .4s ease; transition: -webkit-filter .4s ease; -o-transition: filter .4s ease; transition: filter .4s ease; transition: filter .4s ease, -webkit-filter .4s ease; will-change: filter } .single-project.hover-brightness:hover { -webkit-filter: brightness(1) saturate(1); filter: brightness(1) saturate(1); } .single-project-image { width: 100%; } .single-project-image img, .elementor .single-project-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .single-project .nayla-video { height: 100%; } .single-project a { text-decoration: none; color: var(--mainColor); width: 100%; height: 100%; display: block; } .single-project-meta { display: block; float: left; width: 100%; margin-top: 15px; } .single-project-meta>div { display: block; float: left; } .single-project-meta>div:nth-child(2) { opacity: 0; margin-left: 20px; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; margin-top: 0.45em; } .single-project:hover .single-project-meta>div:nth-child(2) { opacity: .5; } .single-project.metro { position: relative; } .single-project.metro .single-project-meta { position: absolute; bottom: 25px; left: 0; right: 0; padding-left: 25px; padding-right: 25px; margin-top: 0; z-index: 1 } .single-project.metro.metas-top .single-project-meta { bottom: unset; top: 25px; } .single-project .single-project-category { margin: 0 !important; float: right; } .single-project-category span::after { content: ', ' } .single-project-category span:last-child::after { display: none } .single-project.hover-title .single-project-title { position: relative; overflow: hidden; } .single-project.hover-title .single-project-title span.clone { position: absolute; left: 0; top: 100%; } .single-project-image { overflow: hidden } .single-project.hover-image-mask .single-project-image img { -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); -webkit-transition: -webkit-clip-path .4s ease-out; transition: -webkit-clip-path .4s ease-out; -o-transition: clip-path .4s ease-out; transition: clip-path .4s ease-out; transition: clip-path .4s ease-out, -webkit-clip-path .4s ease-out } .single-project.hover-image-mask .single-project-image img.masked { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; z-index: -1; /* filter: brightness(3);*/ -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transition: -webkit-transform .75s ease-out, -webkit-filter .75s ease-out; transition: -webkit-transform .75s ease-out, -webkit-filter .75s ease-out; -o-transition: transform .75s ease-out, filter .75s ease-out; transition: transform .75s ease-out, filter .75s ease-out; transition: transform .75s ease-out, filter .75s ease-out, -webkit-transform .75s ease-out, -webkit-filter .75s ease-out; /* will-change: filter*/ } .single-project.hover-image-mask .single-project-image { position: relative; } .single-project.hover-image-mask:hover .single-project-image img:not(.masked) { -webkit-clip-path: inset(0% 100% 0% 0%); clip-path: inset(0% 100% 0% 0%); } .single-project.hover-image-mask:hover .single-project-image img.masked { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); /* filter: brightness(1)*/ } /** Text Wrapper ------------------------------ */ .text-wrapper.no-margin, .text-wrapper.no-margin * { margin-bottom: 0; margin-top: 0 } .text-wrapper { display: block; margin-bottom: 1em; --width: 100%; --mobileWidth: 100%; width: var(--width) } .site-header .text-wrapper *, .site-header .text-wrapper { margin-bottom: 0 } .text-wrapper.align-center { text-align: center; margin: 0 auto } .text-wrapper.align-left { text-align: left } .text-wrapper.align-right .anim_line { margin-left: auto; } .text-wrapper.align-center .anim_line { margin: 0 auto } span.inline-img { display: inline-block; line-height: 0.8; height: 0.8em; vertical-align: top; padding-right: 0.5rem; padding-left: 0.5rem; vertical-align: baseline; } span.inline-img img { height: 100%; -webkit-filter: invert(0%); filter: invert(0%); -webkit-transition: -webkit-filter 1s ease; transition: -webkit-filter 1s ease; -o-transition: filter 1s ease; transition: filter 1s ease; transition: filter 1s ease, -webkit-filter 1s ease } body.dark span.inline-img img { -webkit-filter: invert(100%); filter: invert(100%) } body.layout-changing span.inline-img img { -webkit-filter: invert(0%); filter: invert(0%) } .text-wrapper span.text-indent { display: inline-block; vertical-align: middle; } .text-wrapper span.text-indent.line { height: 0.05em; background: #191919; } .text-wrapper .material-icons.inline-icon { display: inline-block; font-size: inherit; line-height: inherit; vertical-align: bottom; font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 48 } .text-wrapper a { color: unset; text-decoration: none; position: relative; display: inline-block; } .text-wrapper a::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.1em; background: var(--mainColor); } .text-wrapper .has-anim-text a::after { width: 0%; -webkit-transition: all 1s ease .2s; -o-transition: all 1s ease .2s; transition: all 1s ease .2s } .text-wrapper .has-anim-text.viewport-enter a::after { width: 100% } .blend { color: var(--mainColor); mix-blend-mode: difference; position: relative; z-index: 99999; --mainColor: #fff; --mainBackground: #000; } .blend .nayla-cart-button>span { color: #000; } .blend .nayla-cart-button:hover>span, .blend .nayla-cart-button>span:last-child { color: #fff } .blend .nayla-cart-button::before, .blend span.cart-count::after { background: #000 } .justify-text { text-align: justify; } .text-wrapper a:hover::after { -webkit-animation-name: toggleLine; animation-name: toggleLine; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } @-webkit-keyframes toggleLine { 0% { -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); } 50% { -webkit-clip-path: inset(0% 0% 0% 100%); clip-path: inset(0% 0% 0% 100%); } 51% { -webkit-clip-path: inset(0% 100% 0% 0%); clip-path: inset(0% 100% 0% 0%); } 100% { -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); } } @keyframes toggleLine { 0% { -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); } 50% { -webkit-clip-path: inset(0% 0% 0% 100%); clip-path: inset(0% 0% 0% 100%); } 51% { -webkit-clip-path: inset(0% 100% 0% 0%); clip-path: inset(0% 100% 0% 0%); } 100% { -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); } } .text-wrapper .slide-left, .text-wrapper .slide-right { overflow: hidden; } .text-wrapper .slide-left>span, .text-wrapper .slide-right>span { display: inline-block } /** Single Image ------------------------------ */ .elementor-column.lightbox-active, .elementor-element.lightbox-active, .elementor-section.lightbox-active { z-index: 9999999 } .single-image { display: block; width: var(--width); height: var(--height); margin-bottom: 0; --width: 100%; --height: auto; --mobileWidth: 100%; --mobileHeight: auto } .single-image img.img-lightbox-open { position: fixed; top: 50%; left: 50%; -o-object-fit: cover !important; object-fit: cover !important; max-width: 80% !important; max-height: 90%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 99999; } .lightbox-focus { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99998; -webkit-backdrop-filter: blur(15px) brightness(.7) grayscale(1); backdrop-filter: blur(15px) brightness(.7) grayscale(1); opacity: 0; -webkit-transition: all 1.5s cubic-bezier(0.7, 0, 0.0, 1); -o-transition: all 1.5s cubic-bezier(0.7, 0, 0.0, 1); transition: all 1.5s cubic-bezier(0.7, 0, 0.0, 1); pointer-events: none; } .lightbox-focus>span { position: absolute; top: 25px; left: 25px; color: #fff; mix-blend-mode: difference; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer } .lightbox-focus.open { opacity: 1; pointer-events: all } .single-image.align-right { margin-left: auto; } .single-image.align-center { margin-left: auto; margin-right: auto } .single-image img { width: 100%; height: var(--height); -o-object-fit: cover; object-fit: cover; display: block; } .single-image.parallax-image { overflow: hidden; } .single-image.parallax-image .image-parallax-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); will-change: transform; } .single-image.parallax-image .image-parallax-wrap img { -o-object-fit: cover; object-fit: cover; height: 100%; will-change: transform } .blockUp { position: relative } span.block-ov { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: darkgray; } .blockDown span.block-ov { top: unset; bottom: 0 } .blockRight span.block-ov { left: unset; right: 0 } .single-image.has-anim-image { overflow: hidden; position: relative; } .has-anim-image { opacity: 0 } .has-anim-image.anim_start { opacity: 1 } /** Clients Grid ------------------------------ */ .nayla-clients-grid { grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-rows: auto 16px auto; grid-template-rows: auto auto; -ms-grid-columns: 1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; margin-bottom: 2em; display: -ms-grid; display: grid; width: 100%; } .inverted { -webkit-filter: invert(1); filter: invert(1) } .brighted { -webkit-filter: brightness(0); filter: brightness(0) } /* .nayla-clients-grid > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .nayla-clients-grid > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .nayla-clients-grid > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; } .nayla-clients-grid > *:nth-child(4) { -ms-grid-row: 1; -ms-grid-column: 7; } .nayla-clients-grid > *:nth-child(5) { -ms-grid-row: 1; -ms-grid-column: 9; } .nayla-clients-grid > *:nth-child(6) { -ms-grid-row: 3; -ms-grid-column: 1; } .nayla-clients-grid > *:nth-child(7) { -ms-grid-row: 3; -ms-grid-column: 3; } .nayla-clients-grid > *:nth-child(8) { -ms-grid-row: 3; -ms-grid-column: 5; } .nayla-clients-grid > *:nth-child(9) { -ms-grid-row: 3; -ms-grid-column: 7; } .nayla-clients-grid > *:nth-child(10) { -ms-grid-row: 3; -ms-grid-column: 9; } */ .nayla-clients-grid.col-4 { -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 8px; grid-row-gap: 8px; } .nayla-clients-grid.col-3 { -ms-grid-columns: 1fr 0 1fr 0 1fr; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 0; grid-row-gap: 0; } .nayla-clients-grid.col-2 { -ms-grid-columns: 1fr 0 1fr; grid-template-columns: 1fr 1fr; grid-column-gap: 0; grid-row-gap: 0; } .nayla-clients-grid .client { height: 180px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .nayla-clients-grid .client .client-caption { position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); transform: translate(-50%, 100%); opacity: 0; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .nayla-clients-grid .client:hover .client-caption { opacity: 1; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .nayla-clients-grid .client a { text-decoration: none; color: var(--mainColor); } .nayla-clients-grid .client a img { max-width: 100px; max-height: 70px; } .nayla-clients-grid.bordered { grid-column-gap: 0; grid-row-gap: 0; } .nayla-clients-grid.bordered .client { height: 250px; outline-color: var(--mainColor); outline-width: 0.01rem; outline-style: solid; } .nayla-clients-grid.bordered .client:hover .client-caption { -webkit-transform: translate(-50%, -150%); -ms-transform: translate(-50%, -150%); transform: translate(-50%, -150%); } /** Clients Carousel ------------------------------ */ .nayla-clients-carousel { display: block; float: left; width: 100%; white-space: nowrap; will-change: transform } .nayla-clients-carousel .clients-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; float: left; } .nayla-clients-carousel .client { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .nayla-clients-carousel .client img { margin: 0 auto; height: 100%; width: 40%; } .nayla-clients-carousel .client a { display: block; margin: 0 auto; width: 100% } /** Awards Table ------------------------------ */ .nayla-awards { display: block; float: left; width: 100%; } .nayla-awards-head { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; padding-bottom: 1rem; } .nayla-awards-head .nah-col { display: block; opacity: .5 } ul.nayla-awards-list li a span:first-child, .nayla-awards-head .nah-col:first-child { width: 35%; } ul.nayla-awards-list li a span:nth-child(2), .nayla-awards-head .nah-col:nth-child(2) { width: 55%; } ul.nayla-awards-list li a span:nth-child(3), .nayla-awards-head .nah-col:nth-child(3) { width: 10%; text-align: right } .nayla-awards-list-wrap { display: block; width: 100%; } ul.nayla-awards-list { padding: 0; margin: 0; list-style: none; } ul.nayla-awards-list li { display: block; width: 100%; float: left; padding-bottom: 0; position: relative; } ul.nayla-awards-list li a { text-decoration: none; color: var(--mainColor); display: -webkit-box; display: -ms-flexbox; display: flex; float: left; width: 100%; padding-top: 1.4em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 1.4em; -webkit-transition: color .1s ease .1s; -o-transition: color .1s ease .1s; transition: color .1s ease .1s; position: relative; z-index: 1; } ul.nayla-awards-list li a span { display: block; float: left; } .nayla-awards-head::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 0%; height: 0.1px; background: var(--mainColor); -webkit-transition: width 1s ease-out .25s; -o-transition: width 1s ease-out .25s; transition: width 1s ease-out .25s; opacity: .5; } .nayla-awards-head.is-inview::after { width: 100% } ul.nayla-awards-list li::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--mainColor); opacity: .1; pointer-events: none; -webkit-transition: width 1s ease-out .25s; -o-transition: width 1s ease-out .25s; transition: width 1s ease-out .25s; z-index: 0; } ul.nayla-awards-list li.is-inview::after { width: 100% } ul.nayla-awards-list li::before { content: ""; display: block; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 105%; height: 0; background: var(--mainColor); opacity: 1; pointer-events: none; -webkit-transition: height .4s ease; -o-transition: height .4s ease; transition: height .4s ease; z-index: 0; } .c-col-12 ul.nayla-awards-list li::before { width: 100vw } ul.nayla-awards-list li:hover::before { height: calc(100% + 1px); opacity: 1; } ul.nayla-awards-list li:hover a { color: var(--mainBackground); } ul.nayla-awards-list li a:hover { color: var(--mainBackground); } .light ul.nayla-awards-list li a:hover, .light ul.nayla-awards-list li:hover a { color: var(--mainBackground) } ul.nayla-awards-list li a span:first-child, ul.nayla-awards-list li a span:last-child { opacity: .75; } /** Team Member ------------------------------ */ .nayla-team-member { display: -webkit-box; display: -ms-flexbox; display: flex; float: left; width: 100%; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 2em; } .team-member-image, .team-member-image img { width: 100%; overflow: hidden; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: 100%; position: relative; } .team-member-image img { -webkit-transition: -webkit-transform .5s ease-out; transition: -webkit-transform .5s ease-out; -o-transition: transform .5s ease-out; transition: transform .5s ease-out; transition: transform .5s ease-out, -webkit-transform .5s ease-out } .nayla-team-member.active .team-member-image img, .nayla-team-member:hover .team-member-image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .team-member-card { display: -webkit-box; display: -ms-flexbox; display: flex; float: left; width: 100%; margin-top: 15px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 3px; } .team-member-name { margin: 0; } .team-member-title { display: block; float: left; opacity: .5; line-height: 1; margin: 0; width: 100%; } .cv-toggle { display: inline-block; font-variation-settings: 'FILL' 0, 'wght' 100, 'GRAD' 0, 'opsz' 48; margin-left: auto; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: -webkit-transform .25s ease-out; transition: -webkit-transform .25s ease-out; -o-transition: transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out, -webkit-transform .25s ease-out; position: absolute; bottom: 25px; right: 25px; z-index: 1; } .cv-toggle::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: var(--mainBackground); width: 40px; height: 40px; border-radius: 50%; } .nayla-team-member.active .cv-toggle { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg) } .cv-toggle span { font-size: 25px; position: relative; z-index: 1; margin: 0; padding: 0; line-height: 25px; height: 25px; } .team-member-cv { display: none; float: left; margin-top: 50px; width: 90%; opacity: 0; position: relative; } .team-member-cv::after { content: ""; display: block; position: absolute; top: -25px; left: 0; width: 100%; height: 1px; background: var(--mainColor); opacity: .1; } .team-member-socials { position: absolute; top: 30px; left: 30px; opacity: 0; -webkit-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out } .nayla-team-member.active .team-member-socials, .nayla-team-member:hover .team-member-socials { opacity: 1 } .nayla-team-member.overlay .team-member-card { position: absolute; bottom: 30px; left: 30px; right: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; width: auto; } .nayla-team-member.overlay .team-member-title.text-h6 { opacity: 1; } .nayla-team-member.overlay .team-member-cv::after { background: #fff; } .nayla-team-member ul.social-menu { margin-left: 0 } /** Dymamic List ------------------------------ */ .nayla-dynamic-list { display: block; float: left; width: 100%; } .nayla-dynamic-list ul { list-style: none; padding: 0; margin: 0; } .nayla-dynamic-list ul li { padding-bottom: 0.5em; position: relative; -webkit-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; display: block; float: left; width: 100%; } .nayla-dynamic-list.horizontal ul li { width: auto; padding-right: 25px; } .nayla-dynamic-list ul li a { padding-bottom: 0.5em; font-size: 100px } .nayla-dynamic-list ul li .list-image { position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 300px; opacity: 0; pointer-events: none; -webkit-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; z-index: -1 } .nayla-dynamic-list ul li .list-image img { width: 100%; } .nayla-dynamic-list.hovered li { opacity: 0.1; z-index: 0 } .nayla-dynamic-list.hovered li.current { opacity: 1; z-index: 1; } .nayla-dynamic-list.hovered li.current .list-image { opacity: 1 } .elementor-element { z-index: 1 } .section-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden } .boxed-bg .section-background { width: calc(100% - 40px); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .fixed-bg .section-background { width: 100vw; max-height: 100vh; } /*Section Backgrounds */ .section-background .single-image { height: 100%; } .section-background video, .section-background .single-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .section-background .nayla-video { height: 100%; -o-object-fit: cover; object-fit: cover; } /* section.video_background > iframe { display: none; } */ /* Noised */ #noised-bg { z-index: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0.05; } /* Circle Mask */ .circle-mask-background { display: block; width: 100%; height: 100% } #circleMask circle { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center } /** Interactive Carousel ------------------------------ */ .nayla-interactive-carousel { position: relative; top: 0; left: 0; width: 100vw; height: 100svh; --smallWidth: 10vw; --bigWidth: 60vw; --smallGap: 10px; --bigGap: 200px; } .inc--container { width: 100%; height: 100%; position: relative; } .inc--wrapper { position: absolute; top: 50%; left: 25%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 40vh; } .inc--wrapper.inc-carousel-scatter { height: 60vh; } .inc--item { width: var(--smallWidth); height: 100%; overflow: hidden; position: relative; margin-left: var(--smallGap); margin-right: var(--smallGap); } .inc--wrapper.inc-carousel-scatter .inc--item.active { width: var(--bigWidth); margin-left: var(--bigGap); margin-right: var(--bigGap); overflow: visible; } .inc-project-image { width: var(--bigWidth); height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: opacity .3s ease, -webkit-filter .3s ease; transition: opacity .3s ease, -webkit-filter .3s ease; -o-transition: filter .3s ease, opacity .3s ease; transition: filter .3s ease, opacity .3s ease; transition: filter .3s ease, opacity .3s ease, -webkit-filter .3s ease; overflow: hidden; } .inc--wrapper.inc-carousel-scatter .inc-project-image { opacity: .3 } .inc-project-image.trans-media { -webkit-filter: none; filter: none; } .inc--item:hover .inc-project-image, .inc--item.active .inc-project-image { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; } .inc--item img { width: var(--bigWidth) !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; display: block; } .inc--notification span:not(.clone) { opacity: .3; } .inc--metas { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: var(--bigWidth); min-height: 20vh; margin: 0 20px; } .inc-project-meta { position: absolute; opacity: 0; width: 100%; padding-top: 0; padding-bottom: 0; height: 100%; -webkit-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out; pointer-events: none; display: flex; align-items: flex-end; } .inc-project-meta.active { opacity: 1; -webkit-transition: opacity .3s ease-out .3s; -o-transition: opacity .3s ease-out .3s; transition: opacity .3s ease-out .3s; pointer-events: all; } .inc-meta-top { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; float: left; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; transform: translateY(calc(100% + 20px)); padding: 0 0.5em; } .inc-meta-top-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .inc-meta-top-right>div { text-transform: uppercase; opacity: .5; font-size: 15px; } .inc-meta-top-right>div::after { content: "\e061"; font-family: 'Material Icons'; vertical-align: baseline; font-size: 10px; line-height: 10px; margin: 0 5px; } .inc-meta-top-right>div:last-child::after { display: none; } .inc-project-button { display: block; float: right; position: absolute; bottom: 50px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .inc-project-title { margin-bottom: 0.3em; } .inc-project-button a { color: unset; text-decoration: none; position: relative; display: inline-block; } .inc-project-button a::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.1em; background: var(--mainColor); } .inc-project-button a:hover::after { -webkit-animation-name: toggleLine; animation-name: toggleLine; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } .nayla-interactive-carousel .showcase-footer, .nayla-interactive-carousel .showcase-footer>div { pointer-events: none; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .nayla-interactive-carousel .showcase-footer>div>div { pointer-events: all; display: inline-block } .inc--control { position: relative; overflow: hidden; } .inc--close { position: absolute; bottom: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform .5s ease-out; transition: -webkit-transform .5s ease-out; -o-transition: transform .5s ease-out; transition: transform .5s ease-out; transition: transform .5s ease-out, -webkit-transform .5s ease-out; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .nayla-interactive-carousel.inc-zoomed .inc--notification { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .nayla-interactive-carousel.inc-zoomed .inc--close { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .inc--notification { position: relative; display: inline-block; white-space: nowrap; -webkit-transition: -webkit-transform .5s ease-out; transition: -webkit-transform .5s ease-out; -o-transition: transform .5s ease-out; transition: transform .5s ease-out; transition: transform .5s ease-out, -webkit-transform .5s ease-out; pointer-events: none } .inc--notification span.clone { position: absolute; left: 0; opacity: 1; overflow: hidden; width: 0%; display: inline-block; } .inc--item a { pointer-events: none; } .inc--zoomed .inc--item a { /* pointer-events: all; */ } /** Dynamic Carousel ------------------------------ */ .nayla-dynamic-carousel { display: block; float: left; width: 100%; --w: auto; --h: auto; position: relative; z-index: 1; --wm: 80vw; --gap: 50px; margin-bottom: 1em; --mobileHeight: 'auto'; } .carousel--wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: var(--h) } .nayla-dynamic-carousel.items-center .carousel--wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .nayla-dynamic-carousel.items-bottom .carousel--wrapper { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .parallax-on .carousel--item { padding-right: 0; margin-right: var(--gap) } .parallax-on .carousel--item img { will-change: transform; -o-object-position: center; object-position: center; height: 100%; -o-object-fit: cover; object-fit: cover; } .carousel--item { width: var(--w); height: auto; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; padding-right: var(--gap) } .carousel--item img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center } .carousel-controls { display: block; float: left; width: 100%; margin-bottom: 25px; } .carousel-controls.cc-bottom { margin-bottom: 0; margin-top: 25px } .carousel-controls>div { display: block; float: left; } .carousel-controls>div:nth-child(2) { float: right; } .carousel--navigation>span:first-child::after, .carousel--fraction>span:first-child::after { content: ""; display: inline-block; width: 15px; height: 2px; background: var(--mainColor); vertical-align: middle; margin: 0 7.5px; margin-top: -2px; } .carousel--navigation span, .carousel--fraction>span { display: inline-block; float: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .carousel--navigation span { cursor: pointer } .carousel--navigation span.disabled { opacity: 0.3; pointer-events: none } .carousel--captions { margin-top: 50px; } .carousel--item .parallax-wrap { overflow: hidden; height: 100%; } .carousel--item .parallax-wrap .parallax-inner { display: block; height: 100% } .eq-height .carousel--item { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .eq-height .single-project-wrap, .eq-height .carousel--item .single-project-image video, .eq-height .carousel--item .single-project-image img, .eq-height .carousel--item .single-project-image { height: 100%; } .carousel--item .project-image { width: 100%; -o-object-fit: cover; object-fit: cover; } .ndc-projects .carousel--wrapper { margin-bottom: 100px } .carousel--item .project-meta { display: block; float: left; width: 100%; margin-top: 15px; } .carousel--item .carousel-controls>div, .carousel--item .project-meta>div { display: inline-block; float: left; } .carousel--item .project-meta>div:last-child { float: right; } .nayla-dynamic-carousel .nayla-video { height: 100%; } .nayla-dynamic-carousel.no-margin .single-project { margin-bottom: 0; } .eq-height .carousel--item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .nayla-dynamic-carousel.title-top .single-project { margin-bottom: 0; } .nayla-dynamic-carousel.title-top { margin-bottom: 0; } .nayla-dynamic-carousel.title-top .single-project-meta { margin-top: 0; margin-bottom: 1em; } /** Posts Grid ------------------------------ */ .nayla-posts-grid { display: block; float: left; width: 100%; } .nayla-posts-grid .grid--filters { display: block; float: left; margin-bottom: 2em; } .nayla-posts-grid .grid--filters>ul { list-style: none; margin: 0; padding: 0; } .nayla-posts-grid .grid--filters>ul>li { display: inline-block; opacity: .5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; padding: 0.75em 1.5em; border: 1px solid var(--mainColor); border-radius: 2em; margin-right: 1em } .nayla-posts-grid .grid--filters>ul>li.active { opacity: 1; } .nayla-posts-grid .grid--posts { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 50px 1fr 50px 1fr; grid-template-columns: repeat(3, 1fr); width: 100%; grid-gap: 50px; } .nayla-posts-grid.col-2 .grid--posts { -ms-grid-columns: 1fr 50px 1fr; grid-template-columns: repeat(2, 1fr); } .nayla-posts-grid.col-4 .grid--posts { -ms-grid-columns: 1fr 50px 1fr 50px 1fr 50px 1fr; grid-template-columns: repeat(4, 1fr); } .nayla-posts-grid .grid--switcher { display: block; float: right; } .nayla-posts-grid.grid-list .grid--posts { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .single-blog-post.horizontal .post-details, .nayla-posts-grid.grid-list .single-blog-post .post-details { width: 65%; margin-top: 0; padding: 3em; -webkit-box-sizing: border-box; box-sizing: border-box; } .nayla-posts-grid .post-meta { display: block; float: left; width: 100%; margin-bottom: 1em; opacity: .5; text-transform: uppercase } .nayla-posts-grid .single-post-image { margin-bottom: 20px } .nayla-posts-grid .post-title { display: block; float: left; width: 100%; margin: 0 } /** Nayla Accordion ------------------------------ */ .nayla-accordion .accordion-wrap { list-style: none; padding: 0 } .nayla-accordion .accordion-title { cursor: pointer; position: relative; padding-bottom: 1em; padding-top: 0.75em; display: block; margin-bottom: 0; } .accordion-title .anim_line, .accordion-title .anim_word, .accordion-title .anim_char { line-height: 1 } .nayla-accordion .accordion-item:first-child .accordion-title { padding-top: 0; } .nayla-accordion .accordion-wrap .accordion-item { width: 100% } .nayla-accordion .accordion-wrap .accordion-item::before { position: relative; display: inline-block; float: left; content: attr(data-index); display: none } .nayla-accordion .accordion-title::after { position: absolute; content: ""; width: 100%; height: 1px; background: var(--mainColor); bottom: 0; left: 0; -webkit-transition: width 1s ease-out; -o-transition: width 1s ease-out; transition: width 1s ease-out; opacity: .2 } /* .nayla-accordion .accordion-item .accordion-title.detect-pov::after { width: 0% } */ span.accordion-toggle.toggle-left { float: left; margin-right: 1em; } .nayla-accordion .accordion-item .accordion-title.detect-pov.is-inview::after { width: 100% } .nayla-accordion .accordion-title>span.has-anim-text { display: inline-block; } .nayla-accordion .accordion-title::before { position: absolute; content: ""; width: 0; height: 1px; background: var(--mainColor); bottom: 0; z-index: 9999; left: 0; -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease; } .nayla-accordion .active .accordion-title::before { width: 100% } .nayla-accordion .accordion-item .accordion-title.detect-pov .accordion-toggle { opacity: 0; } .nayla-accordion .accordion-toggle { float: right; font-size: inherit; -webkit-transition: opacity .3s ease, margin .5s ease, -webkit-transform .5s cubic-bezier(0.2, 0.7, 0.2, 1); transition: opacity .3s ease, margin .5s ease, -webkit-transform .5s cubic-bezier(0.2, 0.7, 0.2, 1); -o-transition: transform .5s cubic-bezier(0.2, 0.7, 0.2, 1), opacity .3s ease, margin .5s ease; transition: transform .5s cubic-bezier(0.2, 0.7, 0.2, 1), opacity .3s ease, margin .5s ease; transition: transform .5s cubic-bezier(0.2, 0.7, 0.2, 1), opacity .3s ease, margin .5s ease, -webkit-transform .5s cubic-bezier(0.2, 0.7, 0.2, 1); opacity: .3; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; text-align: center; position: relative; width: 0.7em; height: 0.7em; margin-top: 0.3em; } .nayla-accordion .accordion-item .accordion-title.detect-pov.is-inview .accordion-toggle { opacity: .3; margin-top: -1em } .nayla-accordion .accordion-toggle i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 0.7em; } .nayla-accordion li.active .accordion-title.detect-pov.is-inview .accordion-toggle, .nayla-accordion li.active .accordion-toggle { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); opacity: 1; } .nayla-accordion .accordion-content { overflow: hidden; position: relative; width: 100%; height: 0; } .nayla-accordion .accordion-content-wrap { padding-top: 1em } .nayla-accordion.no-lines .accordion-title::after, .nayla-accordion.no-lines .accordion-title::before { display: none; } .nayla-accordion.no-lines .accordion-title { padding-bottom: 0 } .nayla-accordion.no-lines.icons-left .accordion-content { padding-left: 7em; } .nayla-accordion .accordion-content-wrap { padding-top: 0; } .accordion-content-wrap h1, .accordion-content-wrap h2, .accordion-content-wrap h3, .accordion-content-wrap h4, .accordion-content-wrap h5, .accordion-content-wrap h6, .accordion-content-wrap p { margin-top: 0; margin-bottom: 0; } .accordion-content-wrap { margin-top: 35px; } /** Nayla Circle Text ------------------------------ */ .nayla-circular-text { display: inline-block; position: relative; margin-left: -1 } .circular-text-content { display: block; position: absolute; height: 450px; width: 450px; } .circular-text-wrap { display: inline-block; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; border-radius: 50%; position: relative } .circle-char, .circle-word { -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; display: inline-block; /* text-transform: uppercase;*/ /* font-size: var(--fontSize);*/ text-align: center; left: 50%; height: 50%; position: absolute; width: 20px; z-index: 999999; } .circle-word { left: 50%; top: 0; height: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .nayla-circular-text span.material-symbols-outlined { font-size: 5px; font-variation-settings: 'FILL' 1, 'wght' 100, 'GRAD' 0, 'opsz' 10 } .nayla-circular-text .circular-text-icon span.material-symbols-outlined { font-size: 40px; } .circular-text-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999999; cursor: pointer } .circular-text-icon span { font-size: 40px; /* transform: rotate(90deg)*/ } .nayla-circular-text.blur-bg::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 105%; height: 105%; background: transparent; border-radius: 50%; z-index: -1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); backdrop-filter: blur(10px) grayscale(0.3); -webkit-backdrop-filter: blur(10px) grayscale(0.3); } /** Scroll Button ------------------------------ */ .nayla-scroll-button { display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer } .nayla-scroll-button.text-icon i { margin-left: 10px; vertical-align: middle; display: inline-block; font-size: 1em; margin-top: -0.2em; } .nayla-scroll-button p { display: inline-block; vertical-align: middle; margin: 0; } /** Nayla Marquee ------------------------------ */ .nayla-marquee { white-space: nowrap; display: block; will-change: transform; } .nayla-marquee .md-title:before { display: none !important } .nayla-marquee .md-title { margin-top: 0; display: inline-block; } .nayla-marquee i { font-size: 0.7em; vertical-align: middle; margin: 0; padding: 0 70px; } .marquee-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; float: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .marquee-wrap>div>* { display: inline-block } .marquee-wrap>* { margin-bottom: 0 } .marquee-wrap .seperator { line-height: 1.5em; vertical-align: text-bottom; height: 100%; } .nayla-marquee .marquee-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .nayla-marquee .seperator { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .nayla-marquee .seperator img { width: 100% } /* --------------------------- */ /** WOOCOMMERCE ------------------------------ */ .nayla-cart-section.section { padding-top: 120px; margin-bottom: 0; } .nayla-cart-section.section .wrapper-full { margin-bottom: 0 } /*** Message */ .woocommerce-message { border: none; } .woocommerce-message::before { color: var(--mainColor); } .woocommerce-message a { text-decoration: underline; } /*** Checkout Page */ h3#ship-to-different-address { font-size: 1rem; letter-spacing: normal; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: none; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { padding: 1em; border-top: 1px solid #d3ced2; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box, .woocommerce-checkout #payment div.payment_box p { margin: 0; background: none; padding-left: 1.2em; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: left; margin-top: 1em; background: var(--mainColor); border-radius: 35px; padding: 0.75em 1.5em; } button#place_order {} .woocommerce form .form-row .required { color: var(--mainColor); } .woocommerce-info { border-top: none; } .woocommerce-info::before { color: var(--mainColor); } .woocommerce form .form-row .select2-container { line-height: 1em; } .woocommerce form .form-row .select2-container--default .select2-selection--single { padding: 1em; -webkit-box-sizing: content-box; box-sizing: content-box; border: none; background: #dedede; } .woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow { height: 1em; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 1em; } .woocommerce form .form-row p#billing_address_1_field { margin-bottom: 1em; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background-color: var(--mainColor); } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { background: #dedede; border: none; padding: 1em; } .woocommerce form .form-row label { font-size: 1rem; } .cart-prdtc-det { margin-left: 1em; } td.product-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } td.product-name dl.variation { opacity: .4; } strong.product-quantity>span { position: relative; z-index: 3; color: var(--mainBackground); text-align: left; font-size: 14px; line-height: 1em; width: 1em; height: 1em; display: inline-block; } .cart_item td.product-name>* { display: inline-block; float: left; } strong.product-quantity::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: var(--mainColor); width: 20px; border-radius: 50%; height: 20px; z-index: 0; } .cart-prdtc-image { width: 60px; height: 60px; border-radius: 10px; overflow: hidden; display: inline-block; } td.product-name { position: relative; } strong.product-quantity { position: absolute; left: 75px; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .section.nayla-coupon-sec, .section.nayla-coupon-sec .wrapper-small, .section.nayla-coupon-sec .c-col-12, .section.nayla-coupon-sec .woocommerce-info { margin-bottom: 0; } .nayla-checkout-sec.section { padding-top: 0; margin-top: 50px; } .c-col-4.check-right { background: #dedede; padding: 1em; } .woocommerce table.shop_table { border: none !important; } .woocommerce table.shop_table th, .woocommerce table.shop_table td { border: none !important; text-align: left; } /*** Account Page */ li.text-h6.woocommerce-MyAccount-navigation-link { opacity: .4; } li.text-h6.woocommerce-MyAccount-navigation-link.is-active { opacity: 1; } /*** Cart Page */ p.return-to-shop { text-align: center; } p.return-to-shop a { background-color: var(--mainColor) !important; color: var(--mainBackground) !important; font-weight: normal !important; border-radius: 35px !important; padding: 1.25em 2em !important; } .wc-empty-cart-message { text-align: center; } .cart-empty.woocommerce-info { background: none; font-size: 2em; margin-bottom: 0; color: var(--mainColor); padding-left: 0; padding-right: 0; } .cart-empty.woocommerce-info::before { display: none; } .section.cart-empty { min-height: 70vh; } .ct-prices>div.ct-sub-total.text-h6 { border-bottom: 1px solid; margin-bottom: 1em; } .ct-prices ul#shipping_method li { display: inline-block; } .ct-prices ul#shipping_method { margin-top: 1em; } a.checkout-button.button.alt.wc-forward { background: var(--mainColor); font-weight: normal; } dl.variation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; } dl.variation dd { margin: 0; margin-left: 0.5em; } dl.variation dd p { margin: 0; } .ct-prices>div { width: 100%; display: block; float: left; padding: 5px 0; } .ct-prices>div>span { float: right; } .c-col-12.nayla-cart-inner { min-height: calc(100vh - 150px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } form.woocommerce-cart-form { display: block; float: left; width: 100%; } .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { width: 100%; display: block; float: left; margin-top: auto; position: relative; padding-top: 2em; } .woocommerce-page .cart-collaterals::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: var(--mainColor); opacity: .3; } .nayla-cart-section .cpq-acts .product-quantity { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--mainColor); color: var(--mainBackground); padding: 0.1em 1em; border-radius: 35px; } .nayla-cart-section .cpq-acts .product-quantity .qty { color: var(--mainBackground); } .nayla-cart-section .cpq-acts .product-quantity .dcrs, .nayla-cart-section .cpq-acts .product-quantity .incrs { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer } .woocommerce .nayla-cart-section .quantity .qty { text-align: center !important; background: none; border: none; } .woocommerce .nayla-cart-section .quantity .qty::-webkit-outer-spin-button, .woocommerce .nayla-cart-section .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .woocommerce .nayla-cart-section .quantity .qty:focus { outline: none } .nayla-cart-section .cart-products { display: block; float: left; width: 100%; } .nayla-cart-section .cart-products .cart-product { display: block; float: left; width: 100%; position: relative; margin-bottom: 2em; } .nayla-cart-section .cart-products .cart-product::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: var(--mainColor); opacity: .1; } .cart-product-remove { position: absolute; left: 0; top: 50%; left: 0; -webkit-transform: translateY(-50%) translateX(-100%); -ms-transform: translateY(-50%) translateX(-100%); transform: translateY(-50%) translateX(-100%); } .woocommerce a.remove { color: var(--mainColor) !important; padding: 0; font-size: 1.1em; text-align: left; } .woocommerce a.remove:hover { background: none; color: var(--mainColor) !important; } .cart-product-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1em 0; } .cpq-acts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 40%; } .actions { position: relative; width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 2em; } .actions::after { content: ""; display: block; position: absolute; bottom: 1em; left: 0; width: 100%; height: 1px; background: var(--mainColor); opacity: .4; } .coupon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .a-update-cart button.update_cart { padding: 0 !important; text-transform: uppercase; } .coupon-code input { background: none; border: none; outline: none; padding: 0; } .coupon-submit button.button { background: none; } /*** Filtering */ .nayla-products-grid-controls { display: -webkit-box; display: -ms-flexbox; display: flex; float: left; width: 100%; margin: 1em 0 2em 0; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .nayla-products-grid-controls::before { content: ""; display: block; position: absolute; top: -1.75em; left: 0; width: 100%; background: var(--mainColor); height: 1px; opacity: .2; } .nayla-products-filtering {} .nayla-products-filtering ul li { display: inline-block; font-size: 1.3em; margin-right: 1.2em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: .5; } .nayla-products-filtering ul li.active { opacity: 1; } /*** Cart Button */ .nayla-cart-button { display: inline-block; width: auto; background: lightgray; padding: 0.3em 0.5em 0.3em 1em; border-radius: 35px; position: relative; font-size: 16px; overflow: hidden; z-index: 3; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } span.cart-count { display: inline-block; color: var(--mainBackground); position: relative; text-align: center; vertical-align: middle; } span.cart-text { margin-right: 1em; position: relative; z-index: 4; } span.cart-count::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #000; width: 1.25em; height: 1.25em; border-radius: 50%; z-index: 0; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s } .nayla-cart-button:hover span.cart-count::after { width: 2em; height: 100px; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s } span.cart-count>span { z-index: 4; position: relative; font-size: 0.9em; display: inline-block; vertical-align: middle; } .nayla-cart-button>span { display: inline-block; vertical-align: middle; } .nayla-cart-button::before { content: ""; display: block; position: absolute; right: 0; width: 0%; background: var(--mainColor); top: 0; z-index: 3; height: 100%; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out } .nayla-cart-button:hover::before { width: 100%; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s } .nayla-cart-button:hover { color: var(--mainBackground); -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s } /** Archive Page ------------------------------ */ .sidebar-active .nayla-single-product { -ms-grid-column-span: 4; grid-column: span 4; } .sidebar-active .nayla-products-grid.sales_highlighted .nayla-single-product.sale { -ms-grid-column-span: 6; grid-column: span 6; } .npg-switch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .npg-switch>span { opacity: .5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .npg-switch>span:last-child { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin-left: 0.5em; } .npg-switch>span.active { opacity: 1; } .product-price ins { background: none !important; } p.discount-badge { position: absolute; top: 15px; right: 15px; margin: 0; } .woocommerce .woocommerce-ordering select { vertical-align: top; -webkit-appearance: none; background-image: -o-linear-gradient(45deg, transparent 50%, gray 50%), -o-linear-gradient(315deg, gray 50%, transparent 50%); background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; padding: 8px 20px; font-size: 1em; background-color: transparent; border-radius: 20px; } form.woocommerce-ordering { margin: 0 !important; } .woocommerce-notices-wrapper { position: fixed; bottom: 25px; left: 25px; z-index: 999; } .woocommerce-message { margin-bottom: 0; } h1.woocommerce-products-header__title.page-title { margin: 0; text-transform: uppercase; } .woocommerce-page .page-header-wrap.wrapper-full { margin: 0; padding: 0; } .woocommerce-page .page-header.shop-page-header.section { padding: 0; margin: 0; margin-top: 150px; } .archive-products-section { padding-top: 0; display: block; float: none; width: 100%; overflow: hidden; height: fit-content; } .shop-page-header .page-title { display: inline-block; } .shop-page-header .page-title>span { display: inline-block; vertical-align: top; } .nayla-products-grid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 25px 1fr 25px 1fr 25px 1fr 25px 1fr 25px 1fr 25px 1fr 25px 1fr 25px 1fr 25px 1fr 25px 1fr 25px 1fr; grid-template-columns: repeat(12, 1fr); grid-gap: 25px; -ms-grid-rows: auto; grid-template-rows: auto; width: 100%; float: left; } .nayla-products-grid>*:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .nayla-products-grid>*:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .nayla-products-grid>*:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; } .nayla-products-grid>*:nth-child(4) { -ms-grid-row: 1; -ms-grid-column: 7; } .nayla-products-grid>*:nth-child(5) { -ms-grid-row: 1; -ms-grid-column: 9; } .nayla-products-grid>*:nth-child(6) { -ms-grid-row: 1; -ms-grid-column: 11; } .nayla-products-grid>*:nth-child(7) { -ms-grid-row: 1; -ms-grid-column: 13; } .nayla-products-grid>*:nth-child(8) { -ms-grid-row: 1; -ms-grid-column: 15; } .nayla-products-grid>*:nth-child(9) { -ms-grid-row: 1; -ms-grid-column: 17; } .nayla-products-grid>*:nth-child(10) { -ms-grid-row: 1; -ms-grid-column: 19; } .nayla-products-grid>*:nth-child(11) { -ms-grid-row: 1; -ms-grid-column: 21; } .nayla-products-grid>*:nth-child(12) { -ms-grid-row: 1; -ms-grid-column: 23; } .nayla-single-product { display: block; float: left; position: relative; -ms-grid-column-span: 3; grid-column: span 3 } .nayla-products-grid.grid-2 .nayla-single-product { -ms-grid-column-span: 6; grid-column: span 6 } .nayla-products-grid.sales_highlighted .nayla-single-product.sale { -ms-grid-column-span: 4; grid-column: span 4; } .nayla-products-grid.filtered .nayla-single-product.sale { -ms-grid-column-span: 3; grid-column: span 3 } .nayla-single-product a, .nayla-single-product .product-wrap { width: 100%; height: 100%; overflow: hidden; display: block; float: left; } .product-acts { position: absolute; top: 15px; left: 15px; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; z-index: 10; color: #fff; mix-blend-mode: difference; } .nayla-single-product:hover .product-acts { opacity: 1 } .product-acts a { background: none !important; color: #ffffff !important; } .nayla-single-product.metro .product-acts a { text-transform: uppercase; font-size: 0.9em; } .nayla-single-product.classic .product-acts a { border: 1px solid var(--mainColor); padding: 0.75em 1.5em; border-radius: 35px; text-transform: uppercase; font-size: 0.9em; position: relative; overflow: hidden; } .nayla-single-product.classic .product-acts a::before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background: var(--mainBackground); z-index: -1; -webkit-transition: height .4s cubic-bezier(0.65, 0.05, 0.36, 1); -o-transition: height .4s cubic-bezier(0.65, 0.05, 0.36, 1); transition: height .4s cubic-bezier(0.65, 0.05, 0.36, 1); } .nayla-single-product.classic:hover .product-acts a:hover::before { height: 100%; } .nayla-single-product img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } .nayla-single-product .product-image { display: block; float: left; width: 100%; height: auto; } .nayla-single-product img.product-image-back { position: absolute; top: 0; left: 0; z-index: 1; } .nayla-single-product img.product-image-front { position: relative; z-index: 2; } .nayla-single-product:hover img.product-image-front { visibility: hidden; } .nayla-single-product .product-meta { display: block; float: left; width: 100%; margin-top: 15px; } .nayla-single-product .product-meta>div { display: block; float: right; } .nayla-single-product .product-meta>div.product-name { float: left; } .nayla-single-product .product-meta>div:last-child { opacity: .5; } .nayla-single-product.on--sale .product-price { text-decoration: line-through; margin-right: 10px; } .nayla-single-product .sale-badge { position: absolute; top: 25px; left: 25px; mix-blend-mode: difference; color: #fff; z-index: 5 } /** Product Page **/ .woocommerce #reviews #comments ol.commentlist { padding: 0; font-size: 1rem; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin-bottom: 50px; } .nayla-product-head>div { display: block; float: left; width: 60%; overflow: hidden; } .nayla-product-head.img-masonry .product-gallery-image { height: auto; margin-bottom: .5% } .nayla-product-head.img-masonry .product-gallery-wrap { display: block; } .nayla-product-head.img-masonry .product-gallery-image, .nayla-product-head.img-masonry .grid-sizer { width: 49.5%; } .nayla-product-head.img-masonry .grid-gutter { width: 1% } .product-gallery-wrap { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 15px 1fr; grid-template-columns: repeat(2, 1fr); -ms-grid-rows: auto; grid-template-rows: auto; grid-gap: 15px; } .nayla-product-head.gal-col-1 .product-gallery-wrap { -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); } :root { --pgal-image-height: 50; --pgal-mobile-width: 100; } .product-gallery-image { display: block; float: left; width: 100%; height: calc(100vh / 100 * var(--pgal-image-height)) } .product-gallery-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .nayla-product-head>div.product-info { width: 40%; padding-top: 10%; padding-left: 40px; padding-right: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; } .related-products .nayla-single-product { -ms-grid-column-span: 3 !important; grid-column: span 3 !important; } .product-name>* { margin-bottom: 0.5em; } .product-price { margin-bottom: 2em; } .product-description { max-width: 60%; margin-bottom: 2em; } .product-detail-tabs { display: block; float: left; width: 100%; margin-top: 100px; } .product-detail-tabs>div { display: block; float: left; width: 50%; } .product-detail-tabs>div .tab-title { margin-bottom: 0.5em; opacity: .5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; white-space: nowrap; } .tab-title-clone .anim_char span, .tab-title-clone .anim_word span, .tab-title-clone .anim_line span { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .product-detail-tabs>div .tab-title.active { opacity: 1; } .product-detail-tabs>div .tab-content { display: none; } .product-detail-tabs>div .tab-content.active { display: block } .nayla-related-products.wrapper-full>.nayla-single-product { width: 31%; margin-right: 2.3333333%; } .woocommerce .nayla-product-head p.woocommerce-review-link, .woocommerce .nayla-product-head .star-rating { display: inline-block; margin: 0; height: 1em; line-height: 1; font-size: 1em; float: none; } .woocommerce .nayla-product-head p.woocommerce-review-link { opacity: .65 } .product-attributes>span { display: block; float: left; width: 100%; margin-bottom: 1em; opacity: 1; } table.variations th.label { padding: 0; display: block; float: left; border: none; line-height: 4em } table.variations td { border: none; } table.variations select { padding: 0.5em 1.5em; margin: 0; background: none; border-radius: 35px; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; } table.variations select:focus { outline: none; } form.variations_form.cart { position: relative; } a.reset_variations { position: absolute; right: 0; bottom: 10px; -webkit-transform: translateX(120%); -ms-transform: translateX(120%); transform: translateX(120%); color: #191b1d; font-weight: 600; display: none } .no-qty button.single_add_to_cart_button.button.alt { margin-right: 0; } .nayla_add_to_cart.no-qty { padding: 0.75em 1.75em; } button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed { background: none; color: var(--mainBackground); pointer-events: none; } .woocommerce-variation-add-to-cart-disabled * { pointer-events: none; } .nayla_add_to_cart .dcrs, .nayla_add_to_cart .incrs, .nayla_add_to_cart .quantity { display: inline-block; width: auto; margin: 0; } .nayla_add_to_cart .dcrs, .nayla_add_to_cart .incrs { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer } .nayla_add_to_cart input { background: none; color: var(--mainBackground); border: none; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 1.2em } .nayla_add_to_cart input:focus { border: none; outline: none; color: var(--mainBackground); } .nayla_add_to_cart input::-webkit-outer-spin-button, .nayla_add_to_cart input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } button.single_add_to_cart_button.button.alt { display: block; float: left; background: transparent; color: #191b1d; padding: 8px; font-weight: 400; margin-right: 15px; } button.single_add_to_cart_button.button.alt { color: var(--mainBackground); background: none; margin-top: 0.1em; } button.single_add_to_cart_button.button.alt:hover { background: none; } .cart.grouped_form button.single_add_to_cart_button.button.alt { padding: 20px 30px; background: #ebebeb; border-radius: 35px; } .cart.grouped_form button.single_add_to_cart_button.button.alt:hover { background: #ebebeb !important; } .nayla_add_to_cart { display: inline-block; overflow: hidden; background: #ebebeb; border-radius: 40px; padding: 20px 30px; background: var(--mainColor); color: var(--mainBackground); overflow: hidden; position: relative } .single_variation_wrap { display: block; float: left; position: relative; } .nayla_add_to_cart::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; height: 100%; display: block; pointer-events: none; border-radius: 40px; background: var(--secondaryBackground); -webkit-clip-path: inset(0% 100% 0% 0%); clip-path: inset(0% 100% 0% 0%) } .nayla_add_to_cart>div, .nayla_add_to_cart>button { position: relative; z-index: 3; } .nayla_add_to_cart.hovered::after { -webkit-clip-path: inset(0%); clip-path: inset(0%) } .nayla_add_to_cart.hovered { color: var(--mainColor); } .nayla_add_to_cart input, .nayla_add_to_cart>button.single_add_to_cart_button.button.alt, .nayla_add_to_cart>div { -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease } .nayla_add_to_cart.hovered input, .nayla_add_to_cart.hovered>button.single_add_to_cart_button.button.alt, .nayla_add_to_cart.hovered>div { color: var(--mainColor) } .woocommerce .nayla-product-head .product-add-to-cart { display: block; float: left; margin-top: 35px; position: relative; } /** Tablets ------------------------------ */ @media (min-width: 450px) and (max-width: 900px) { #mouseCursor { display: none; } .vid-but-for-touch { display: block } } /** Phones ------------------------------ */ @media only screen and (max-width: 450px) { .showcase-fullscreen-slideshow .project-inner>div.project-details>div.project-summary { display: none; } .showcase-minimal-list.fullscreen .sml-images { max-width: unset; } .showcase-wall .showcase-project .project-image { width: 65vw !important; } .showcase-carousel .showcase-project:first-child { padding-left: 75px; } .inc-project-meta { transform: translateY(100px); } .showcase-fullscreen-wall .showcase-project a { margin-top: 0 !important; } .showcase-fullscreen-wall .project-image { width: 65vw; } .project-page-header.image-gallery-horizontal .project-images { transform: translateX(-120vw); } .showcase-footer.wrapper-full { bottom: 10px; } .showcase-table .st-wrapper .showcase-project .project-title { margin-bottom: 0; } .showcase-table .st-wrapper .showcase-project a>span, .showcase-table .st-wrapper .showcase-project .project-title>* { font-size: 1em; } .showcase-table .st-wrapper .showcase-project a>span { margin-top: 10px } .showcase-table .st-wrapper .showcase-project .project-meta { opacity: .5 } .circle-mask-background { display: none } .nayla-interactive-carousel { --smallWidth: 25vw; --bigWidth: 75vw; --bigGap: 10px; } .inc--wrapper.inc-carousel-scatter { height: 40%; } .inc--metas { min-height: 30vh; } .inc-project-meta { padding-bottom: 100px; } .inc-meta-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .inc-project-button { bottom: unset; top: 0; -webkit-transform: translateY(-45vh); -ms-transform: translateY(-45vh); transform: translateY(-45vh); left: 0; right: unset; font-size: 15px; } span.sfs-total { margin-left: 0; } .sfs-fraction { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .sfs-current { margin-bottom: 1em !important; } .sfs-arrows { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: end; } span.sfs-prev { margin-bottom: 1em !important; } .nfg--filters--wrapper { -webkit-transform: none; -ms-transform: none; transform: none; left: 15px; bottom: 15px; padding: 15px 25px; } .nfg--filters--wrapper ul li { display: block; padding: 0.5em 0; } .vid-but-for-touch { display: block } .showcase-fullscreen-carousel .fc-slideshow-wrap .project-title .anim_line { text-align: center !important; } .showcase-cards .project-meta { padding: 0 15px; } .showcase-cards .project-meta>div { width: 100%; } .showcase-cards .project-meta>div.project-summary { float: left; width: 100%; margin-top: 1em; } .showcase-cards .showcase-project { height: 70vh; width: calc(100% - 10px); margin: 0 5px; } .list-images-wrapper { position: fixed; visibility: hidden; opacity: 0; top: 50vh; left: 50vw; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; } .list-img { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .list-img>div { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } .s3t-images { position: fixed; visibility: hidden; opacity: 0; top: 50vh; left: 50vw; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; } .d-img { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .d-img>div { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } .showcase-minimal-list.fullscreen .sml-images { right: unset; left: 50%; top: 50%; bottom: unset; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } ul.list-portfolio-filtering { margin-left: 0; } .list-projects-wrapper .list-project>a { display: block; padding: 1.5em 0; } .list-project-title { width: 100%; margin-bottom: 0.2em; } .list-project-meta { display: inline-block; margin: unset; margin-left: 0.1em; } .list-project-category { display: inline-block; float: right; } .lightbox-thumb { padding: 0; width: 50px; margin-right: 10px; } .nayla-lightbox-hold.active span.active-hold { display: none; } .lightbox-gallery .grid--item { --column: unset !important; } .showcase-infinite-grid.lenis-scrolling .project-image img:last-child { opacity: 1 !important } .portfolio-grid.grid-list .grid-project-meta>div.grid-project-title { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-right: 1em; } .portfolio-grid.grid-list .grid-project-meta>div.grid-project-category { float: right; } .portfolio-grid.grid-list span.g-list-arrow { margin-left: 10px; } .portfolio-grid.grid-list .grid-project-meta { margin-bottom: 0; } .portfolio-grid.grid-list .grid-project-wrap { padding-bottom: 25px; } .portfolio-grid.grid-list .grid-projects-wrapper .grid-project { margin-top: 0 !important; } .nayla-posts-grid .grid--filters>ul>li { padding: .5em 1em; margin-right: .5em; margin-bottom: .5em } .nayla-infinite-tabs .tab-title { margin-right: 50px; } .hide-br-mobile br { display: none; } .showcase-infinite-grid.vertical .sfg-infinite-wrap { padding: 0 15px; } .showcase-infinite-grid.vertical.col-3 .sfg-grid-wrapper { grid-template-columns: repeat(1, 1fr); } .showcase-infinite-grid.vertical .showcase-project { width: 100%; height: auto; } .showcase-infinite-grid.vertical.col-3 .project-image { max-width: 100%; } .showcase-infinite-grid.vertical .showcase-project { padding-bottom: 30px; } .showcase-infinite-grid.horizontal.col-3 .sfg-grid-wrapper>div { grid-auto-columns: 50vw; } .showcase-infinite-grid.horizontal.col-3 .showcase-project { width: 100%; padding: 0; } .showcase-infinite-grid.horizontal.col-3 a { max-width: 80%; } .nayla-product-head>div.product-gallery { margin-top: 85px !important } .fullscreen_menu ul.menu.main-menu .sub-menu li { font-size: 30px; letter-spacing: -0.04em; } .woocommerce table.shop_attributes th { font-size: 1rem !important; } .woocommerce table.shop_attributes td { font-size: 1rem; } .related-products .nayla-products-grid { -ms-grid-columns: 1fr 25px 1fr; grid-template-columns: repeat(2, 1fr); } .related-products .nayla-products-grid .nayla-single-product { -ms-grid-column-span: 1; grid-column: span 1; } .nayla-product-head>div { width: 100%; padding-top: 0; overflow: visible; max-width: 100vw; } .nayla-product-head.img-masonry .product-gallery-wrap, .product-gallery-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; grid-gap: 0 } .grid-sizer, .grid-gutter { display: none } .nayla-product-head.img-masonry .product-gallery-image, .product-gallery-wrap .product-gallery-image { width: calc(100vw / 100 * var(--pgal-mobile-width)); padding: 0 12.5px; -webkit-box-sizing: border-box; box-sizing: border-box; } .nayla-product-head>div.product-info { width: 100%; margin-bottom: 0; padding-top: 15px; padding-left: 25px; padding-right: 25px; } .product-detail-tabs>div { width: 100%; font-size: 30px; line-height: 35px; } .nayla-product-details.wrapper { margin-top: 0; margin-bottom: 0; } .nayla-posts-grid.grid-list .single-blog-post .post-details { width: 100%; } .grid-project { grid-column-start: span 7 !important; padding-bottom: 0; } .showcase-interactive-grid .projects-wrapper { -ms-grid-rows: 30vh; grid-template-rows: 30vh; -ms-grid-columns: 1fr 10px 1fr; grid-template-columns: repeat(2, 1fr); gap: 10px; height: auto } .showcase-interactive-grid .projects-wrapper>*:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1 } .showcase-interactive-grid .projects-wrapper>*:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3 } .showcase-interactive-grid .showcase-project { -ms-grid-column-span: 2 !important; grid-column: span 2 !important } .showcase-interactive-grid { padding-left: 0; padding-right: 0; height: auto } .showcase-interactive-grid .projects-wrapper.intro-grid--scatter .showcase-project { max-width: 40vw } .showcase-interactive-grid .projects-wrapper.intro-grid--scatter .showcase-project.active { width: 85vw } .showcase-interactive-grid .project-title { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); mix-blend-mode: difference; color: #fff; top: 25%; font-size: 40px; } .showcase-interactive-grid .project-details { right: unset; left: 0; z-index: 1; color: #fff; mix-blend-mode: difference; max-width: 100%; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; padding: 1em } .showcase-interactive-grid .showcase-project.project-right .project-title { right: unset; left: 0; -webkit-transform: none; -ms-transform: none; transform: none } .c-col-12.nayla-cart-inner { padding: 0; } .cpq-acts { width: 60%; } .nayla-products-grid-controls { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .npg-switch { display: none; } .nayla-products-grid .nayla-single-product { -ms-grid-column-span: 12; grid-column: span 12; } span.cart-text { display: none; } ul.np-filters { white-space: nowrap; margin-bottom: 2em; } .nayla-products-grid.filtered .nayla-single-product.sale { -ms-grid-column-span: 12; grid-column: span 12; } .nayla-cart-button { padding: 5px 7px; } .single-blog-post.post_horizontal .post-details { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .single-blog-post.post_horizontal .thmb { width: 100%; } .single-blog-post.post_horizontal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .single-blog-post.post_horizontal.no-bg .post-details { padding: 40px 0 0 0 !important; } .single-blog-post.post_horizontal .post-title { max-width: 100%; } .single-blog-post.post_horizontal .post-excerpt { max-width: 100%; } .nayla-posts-grid .grid--posts { -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); } .project-page-header.no-image { margin-bottom: 50px; } .next-project-image { width: 90%; max-height: 100%; } .project-page-header.tall-image .project-title { max-width: 100%; } #mouseCursor { display: none; } .project-page-header.image-gallery-horizontal .project-hero { width: 95vw } .project-page-header.image-gallery-horizontal .project-images { height: 50% } .project-page-header.image-gallery-horizontal .project-images-slider { top: 50% } .project-page-header.image-gallery-vertical .project-images { width: 100%; } .project-page-header.image-gallery-vertical .project-hero { width: 100%; } .text-wrapper a::after { display: none; } .text-wrapper a { text-decoration: underline; } .nayla-clients-grid { -ms-grid-columns: 1fr !important; grid-template-columns: 1fr !important; } .hide-mobile { display: none !important; } .hide-desktop { display: block !important; } /*--- Showcase Carousel ---*/ .showcase-carousel .sc-images.swiper-container { width: 80%; height: 60%; pointer-events: none; } .showcase-carousel .project-title h2 { font-size: 50px; } .showcase-carousel .nayla-video { height: 100% } .showcase-carousel .project-title { font-size: 50px; } .showcase-carousel .slide-bgimg { height: 100%; } .showcase-carousel .slide-bgimg img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } /* Showcase Wall */ .showcase-wall .showcase-footer { position: static; -webkit-transform: none; -ms-transform: none; transform: none; margin-top: 35px; } .showcase-wall.fullscreen { height: auto; } .showcase-wall-wrap { position: relative; top: unset; -webkit-transform: none; -ms-transform: none; transform: none; padding-top: 75px; } .sw-projects-wrap { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .showcase-wall .showcase-project { padding-left: 50px; padding-bottom: 0; padding-top: 25px; } .showcase-wall .showcase-project::after { display: none; } .showcase-wall .showcase-project .project-index { left: 25px; -webkit-transform: none; -ms-transform: none; transform: none; opacity: .3; } .showcase-wall .showcase-project::after { width: 40px; height: 2.5px; } .showcase-wall .project-title { font-size: 40px; line-height: 45px; } /* Showcase Fullscreen Slideshow */ .showcase-fullscreen-slideshow .project-inner>div.project-details>div { width: 100%; text-align: center; } .showcase-fullscreen-slideshow .project-inner>div.project-details>div:last-child { text-align: center; } .showcase-fullscreen-slideshow .project-button { -webkit-transform: translate(-50%, -50%) scale(.8); -ms-transform: translate(-50%, -50%) scale(.8); transform: translate(-50%, -50%) scale(.8); top: 70% } .pt_word { display: block !important; float: left; width: 100%; } .showcase-fullscreen-slideshow .project-inner .project-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .showcase-fullscreen-slideshow .project-meta .project-title h2 { font-size: 60px; line-height: 70px; } .showcase-fullscreen-slideshow .project-meta>div.project-button span { font-size: 40px; } .showcase-fullscreen-slideshow .project-meta>div { margin-bottom: 10px; } .showcase-fullscreen-slideshow .project-meta { left: 0 !important; } .showcase-fullscreen-slideshow .project-meta>div.project-title br { display: none; } .showcase-fullscreen-slideshow .slide-bgimg { height: 100%; } .showcase-fullscreen-slideshow .project-inner .project-title { font-size: 50px; } .page-loader-percentage { font-size: 50px; left: 15px; bottom: 15px; } } div#wpadminbar { z-index: 99999999999; } .a-stats { --akismet-color-mid-green: #357b49; --akismet-color-white: #fff; --akismet-color-light-grey: #f6f7f7; max-width: 350px; width: auto; } .a-stats * { all: unset; box-sizing: border-box; } .a-stats strong { font-weight: 600; } .a-stats a.a-stats__link, .a-stats a.a-stats__link:visited, .a-stats a.a-stats__link:active { background: var(--akismet-color-mid-green); border: none; box-shadow: none; border-radius: 8px; color: var(--akismet-color-white); cursor: pointer; display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif; font-weight: 500; padding: 12px; text-align: center; text-decoration: none; transition: all 0.2s ease; } /* Extra specificity to deal with TwentyTwentyOne focus style */ .widget .a-stats a.a-stats__link:focus { background: var(--akismet-color-mid-green); color: var(--akismet-color-white); text-decoration: none; } .a-stats a.a-stats__link:hover { filter: brightness(110%); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.16); } .a-stats .count { color: var(--akismet-color-white); display: block; font-size: 1.5em; line-height: 1.4; padding: 0 13px; white-space: nowrap; } /*! elementor - v3.25.0 - 03-11-2024 */ .elementor-hidden{display:none}.elementor-visibility-hidden{visibility:hidden}.elementor-screen-only,.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible{position:absolute;top:-10000em;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.elementor-clearfix:after{content:"";display:block;clear:both;width:0;height:0}.e-logo-wrapper{background:var(--e-a-bg-logo);display:inline-block;padding:.75em;border-radius:50%;line-height:1}.e-logo-wrapper i{color:var(--e-a-color-logo);font-size:1em}.elementor *,.elementor :after,.elementor :before{box-sizing:border-box}.elementor a{box-shadow:none;text-decoration:none}.elementor hr{margin:0;background-color:transparent}.elementor img{height:auto;max-width:100%;border:none;border-radius:0;box-shadow:none}.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure{margin:0}.elementor embed,.elementor iframe,.elementor object,.elementor video{max-width:100%;width:100%;margin:0;line-height:1;border:none}.elementor .elementor-background,.elementor .elementor-background-holder,.elementor .elementor-background-video-container{height:100%;width:100%;top:0;left:0;position:absolute;overflow:hidden;z-index:0;direction:ltr}.elementor .elementor-background-video-container{transition:opacity 1s;pointer-events:none}.elementor .elementor-background-video-container.elementor-loading{opacity:0}.elementor .elementor-background-video-embed{max-width:none}.elementor .elementor-background-video,.elementor .elementor-background-video-embed,.elementor .elementor-background-video-hosted{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.elementor .elementor-background-video{max-width:none}.elementor .elementor-html5-video{-o-object-fit:cover;object-fit:cover}.elementor .elementor-background-overlay,.elementor .elementor-background-slideshow{height:100%;width:100%;top:0;left:0;position:absolute}.elementor .elementor-background-slideshow{z-index:0}.elementor .elementor-background-slideshow__slide__image{width:100%;height:100%;background-position:50%;background-size:cover}.e-con-inner>.elementor-element.elementor-absolute,.e-con>.elementor-element.elementor-absolute,.elementor-widget-wrap>.elementor-element.elementor-absolute{position:absolute}.e-con-inner>.elementor-element.elementor-fixed,.e-con>.elementor-element.elementor-fixed,.elementor-widget-wrap>.elementor-element.elementor-fixed{position:fixed}.elementor-widget-wrap .elementor-element.elementor-widget__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget__width-initial{max-width:100%}@media (max-width:1024px){.elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-initial{max-width:100%}}@media (max-width:767px){.elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-initial{max-width:100%}}.elementor-element{--flex-direction:initial;--flex-wrap:initial;--justify-content:initial;--align-items:initial;--align-content:initial;--gap:initial;--flex-basis:initial;--flex-grow:initial;--flex-shrink:initial;--order:initial;--align-self:initial;flex-basis:var(--flex-basis);flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink);order:var(--order);align-self:var(--align-self)}.elementor-element.elementor-absolute,.elementor-element.elementor-fixed{z-index:1}.elementor-element:where(.e-con-full,.elementor-widget){flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap);justify-content:var(--justify-content);align-items:var(--align-items);align-content:var(--align-content);gap:var(--gap)}.elementor-invisible{visibility:hidden}.elementor-align-center{text-align:center}.elementor-align-center .elementor-button{width:auto}.elementor-align-right{text-align:right}.elementor-align-right .elementor-button{width:auto}.elementor-align-left{text-align:left}.elementor-align-left .elementor-button{width:auto}.elementor-align-justify .elementor-button{width:100%}.elementor-custom-embed-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.elementor-custom-embed-play i{font-size:100px;color:#fff;text-shadow:1px 0 6px rgba(0,0,0,.3)}.elementor-custom-embed-play svg{height:100px;width:100px;fill:#fff;filter:drop-shadow(1px 0 6px rgba(0,0,0,.3))}.elementor-custom-embed-play i,.elementor-custom-embed-play svg{opacity:.8;transition:all .5s}.elementor-custom-embed-play.elementor-playing i{font-family:eicons}.elementor-custom-embed-play.elementor-playing i:before{content:"\e8fb"}.elementor-custom-embed-play.elementor-playing i,.elementor-custom-embed-play.elementor-playing svg{animation:eicon-spin 2s linear infinite}.elementor-tag{display:inline-flex}.elementor-ken-burns{transition-property:transform;transition-duration:10s;transition-timing-function:linear}.elementor-ken-burns--out{transform:scale(1.3)}.elementor-ken-burns--active{transition-duration:20s}.elementor-ken-burns--active.elementor-ken-burns--out{transform:scale(1)}.elementor-ken-burns--active.elementor-ken-burns--in{transform:scale(1.3)}@media (min-width:-1){.elementor-widescreen-align-center{text-align:center}.elementor-widescreen-align-center .elementor-button{width:auto}.elementor-widescreen-align-right{text-align:right}.elementor-widescreen-align-right .elementor-button{width:auto}.elementor-widescreen-align-left{text-align:left}.elementor-widescreen-align-left .elementor-button{width:auto}.elementor-widescreen-align-justify .elementor-button{width:100%}}@media (max-width:-1){.elementor-laptop-align-center{text-align:center}.elementor-laptop-align-center .elementor-button{width:auto}.elementor-laptop-align-right{text-align:right}.elementor-laptop-align-right .elementor-button{width:auto}.elementor-laptop-align-left{text-align:left}.elementor-laptop-align-left .elementor-button{width:auto}.elementor-laptop-align-justify .elementor-button{width:100%}}@media (max-width:-1){.elementor-tablet_extra-align-center{text-align:center}.elementor-tablet_extra-align-center .elementor-button{width:auto}.elementor-tablet_extra-align-right{text-align:right}.elementor-tablet_extra-align-right .elementor-button{width:auto}.elementor-tablet_extra-align-left{text-align:left}.elementor-tablet_extra-align-left .elementor-button{width:auto}.elementor-tablet_extra-align-justify .elementor-button{width:100%}}@media (max-width:1024px){.elementor-tablet-align-center{text-align:center}.elementor-tablet-align-center .elementor-button{width:auto}.elementor-tablet-align-right{text-align:right}.elementor-tablet-align-right .elementor-button{width:auto}.elementor-tablet-align-left{text-align:left}.elementor-tablet-align-left .elementor-button{width:auto}.elementor-tablet-align-justify .elementor-button{width:100%}}@media (max-width:-1){.elementor-mobile_extra-align-center{text-align:center}.elementor-mobile_extra-align-center .elementor-button{width:auto}.elementor-mobile_extra-align-right{text-align:right}.elementor-mobile_extra-align-right .elementor-button{width:auto}.elementor-mobile_extra-align-left{text-align:left}.elementor-mobile_extra-align-left .elementor-button{width:auto}.elementor-mobile_extra-align-justify .elementor-button{width:100%}}@media (max-width:767px){.elementor-mobile-align-center{text-align:center}.elementor-mobile-align-center .elementor-button{width:auto}.elementor-mobile-align-right{text-align:right}.elementor-mobile-align-right .elementor-button{width:auto}.elementor-mobile-align-left{text-align:left}.elementor-mobile-align-left .elementor-button{width:auto}.elementor-mobile-align-justify .elementor-button{width:100%}}:root{--page-title-display:block}.elementor-page-title,h1.entry-title{display:var(--page-title-display)}@keyframes eicon-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.eicon-animation-spin{animation:eicon-spin 2s linear infinite}.elementor-section{position:relative}.elementor-section .elementor-container{display:flex;margin-right:auto;margin-left:auto;position:relative}@media (max-width:1024px){.elementor-section .elementor-container{flex-wrap:wrap}}.elementor-section.elementor-section-boxed>.elementor-container{max-width:1140px}.elementor-section.elementor-section-stretched{position:relative;width:100%}.elementor-section.elementor-section-items-top>.elementor-container{align-items:flex-start}.elementor-section.elementor-section-items-middle>.elementor-container{align-items:center}.elementor-section.elementor-section-items-bottom>.elementor-container{align-items:flex-end}@media (min-width:768px){.elementor-section.elementor-section-height-full{height:100vh}.elementor-section.elementor-section-height-full>.elementor-container{height:100%}}.elementor-bc-flex-widget .elementor-section-content-top>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:flex-start}.elementor-bc-flex-widget .elementor-section-content-middle>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:center}.elementor-bc-flex-widget .elementor-section-content-bottom>.elementor-container>.elementor-column>.elementor-widget-wrap{align-items:flex-end}.elementor-widget-wrap{position:relative;width:100%;flex-wrap:wrap;align-content:flex-start}.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap{display:flex}.elementor-widget-wrap>.elementor-element{width:100%}.elementor-widget-wrap.e-swiper-container{width:calc(100% - (var(--e-column-margin-left, 0px) + var(--e-column-margin-right, 0px)))}.elementor-widget{position:relative}.elementor-widget:not(:last-child){margin-bottom:20px}.elementor-widget:not(:last-child).elementor-absolute,.elementor-widget:not(:last-child).elementor-widget__width-auto,.elementor-widget:not(:last-child).elementor-widget__width-initial{margin-bottom:0}.elementor-column{position:relative;min-height:1px;display:flex}.elementor-column-gap-narrow>.elementor-column>.elementor-element-populated{padding:5px}.elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:10px}.elementor-column-gap-extended>.elementor-column>.elementor-element-populated{padding:15px}.elementor-column-gap-wide>.elementor-column>.elementor-element-populated{padding:20px}.elementor-column-gap-wider>.elementor-column>.elementor-element-populated{padding:30px}.elementor-inner-section .elementor-column-gap-no .elementor-element-populated{padding:0}@media (min-width:768px){.elementor-column.elementor-col-10,.elementor-column[data-col="10"]{width:10%}.elementor-column.elementor-col-11,.elementor-column[data-col="11"]{width:11.111%}.elementor-column.elementor-col-12,.elementor-column[data-col="12"]{width:12.5%}.elementor-column.elementor-col-14,.elementor-column[data-col="14"]{width:14.285%}.elementor-column.elementor-col-16,.elementor-column[data-col="16"]{width:16.666%}.elementor-column.elementor-col-20,.elementor-column[data-col="20"]{width:20%}.elementor-column.elementor-col-25,.elementor-column[data-col="25"]{width:25%}.elementor-column.elementor-col-30,.elementor-column[data-col="30"]{width:30%}.elementor-column.elementor-col-33,.elementor-column[data-col="33"]{width:33.333%}.elementor-column.elementor-col-40,.elementor-column[data-col="40"]{width:40%}.elementor-column.elementor-col-50,.elementor-column[data-col="50"]{width:50%}.elementor-column.elementor-col-60,.elementor-column[data-col="60"]{width:60%}.elementor-column.elementor-col-66,.elementor-column[data-col="66"]{width:66.666%}.elementor-column.elementor-col-70,.elementor-column[data-col="70"]{width:70%}.elementor-column.elementor-col-75,.elementor-column[data-col="75"]{width:75%}.elementor-column.elementor-col-80,.elementor-column[data-col="80"]{width:80%}.elementor-column.elementor-col-83,.elementor-column[data-col="83"]{width:83.333%}.elementor-column.elementor-col-90,.elementor-column[data-col="90"]{width:90%}.elementor-column.elementor-col-100,.elementor-column[data-col="100"]{width:100%}}@media (max-width:479px){.elementor-column.elementor-xs-10{width:10%}.elementor-column.elementor-xs-11{width:11.111%}.elementor-column.elementor-xs-12{width:12.5%}.elementor-column.elementor-xs-14{width:14.285%}.elementor-column.elementor-xs-16{width:16.666%}.elementor-column.elementor-xs-20{width:20%}.elementor-column.elementor-xs-25{width:25%}.elementor-column.elementor-xs-30{width:30%}.elementor-column.elementor-xs-33{width:33.333%}.elementor-column.elementor-xs-40{width:40%}.elementor-column.elementor-xs-50{width:50%}.elementor-column.elementor-xs-60{width:60%}.elementor-column.elementor-xs-66{width:66.666%}.elementor-column.elementor-xs-70{width:70%}.elementor-column.elementor-xs-75{width:75%}.elementor-column.elementor-xs-80{width:80%}.elementor-column.elementor-xs-83{width:83.333%}.elementor-column.elementor-xs-90{width:90%}.elementor-column.elementor-xs-100{width:100%}}@media (max-width:767px){.elementor-column.elementor-sm-10{width:10%}.elementor-column.elementor-sm-11{width:11.111%}.elementor-column.elementor-sm-12{width:12.5%}.elementor-column.elementor-sm-14{width:14.285%}.elementor-column.elementor-sm-16{width:16.666%}.elementor-column.elementor-sm-20{width:20%}.elementor-column.elementor-sm-25{width:25%}.elementor-column.elementor-sm-30{width:30%}.elementor-column.elementor-sm-33{width:33.333%}.elementor-column.elementor-sm-40{width:40%}.elementor-column.elementor-sm-50{width:50%}.elementor-column.elementor-sm-60{width:60%}.elementor-column.elementor-sm-66{width:66.666%}.elementor-column.elementor-sm-70{width:70%}.elementor-column.elementor-sm-75{width:75%}.elementor-column.elementor-sm-80{width:80%}.elementor-column.elementor-sm-83{width:83.333%}.elementor-column.elementor-sm-90{width:90%}.elementor-column.elementor-sm-100{width:100%}}@media (min-width:768px) and (max-width:1024px){.elementor-column.elementor-md-10{width:10%}.elementor-column.elementor-md-11{width:11.111%}.elementor-column.elementor-md-12{width:12.5%}.elementor-column.elementor-md-14{width:14.285%}.elementor-column.elementor-md-16{width:16.666%}.elementor-column.elementor-md-20{width:20%}.elementor-column.elementor-md-25{width:25%}.elementor-column.elementor-md-30{width:30%}.elementor-column.elementor-md-33{width:33.333%}.elementor-column.elementor-md-40{width:40%}.elementor-column.elementor-md-50{width:50%}.elementor-column.elementor-md-60{width:60%}.elementor-column.elementor-md-66{width:66.666%}.elementor-column.elementor-md-70{width:70%}.elementor-column.elementor-md-75{width:75%}.elementor-column.elementor-md-80{width:80%}.elementor-column.elementor-md-83{width:83.333%}.elementor-column.elementor-md-90{width:90%}.elementor-column.elementor-md-100{width:100%}}@media (min-width:-1){.elementor-reverse-widescreen>.elementor-container>:first-child{order:10}.elementor-reverse-widescreen>.elementor-container>:nth-child(2){order:9}.elementor-reverse-widescreen>.elementor-container>:nth-child(3){order:8}.elementor-reverse-widescreen>.elementor-container>:nth-child(4){order:7}.elementor-reverse-widescreen>.elementor-container>:nth-child(5){order:6}.elementor-reverse-widescreen>.elementor-container>:nth-child(6){order:5}.elementor-reverse-widescreen>.elementor-container>:nth-child(7){order:4}.elementor-reverse-widescreen>.elementor-container>:nth-child(8){order:3}.elementor-reverse-widescreen>.elementor-container>:nth-child(9){order:2}.elementor-reverse-widescreen>.elementor-container>:nth-child(10){order:1}}@media (min-width:1025px) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child{order:10}.elementor-reverse-laptop>.elementor-container>:nth-child(2){order:9}.elementor-reverse-laptop>.elementor-container>:nth-child(3){order:8}.elementor-reverse-laptop>.elementor-container>:nth-child(4){order:7}.elementor-reverse-laptop>.elementor-container>:nth-child(5){order:6}.elementor-reverse-laptop>.elementor-container>:nth-child(6){order:5}.elementor-reverse-laptop>.elementor-container>:nth-child(7){order:4}.elementor-reverse-laptop>.elementor-container>:nth-child(8){order:3}.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:2}.elementor-reverse-laptop>.elementor-container>:nth-child(10){order:1}}@media (min-width:-1) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child{order:10}.elementor-reverse-laptop>.elementor-container>:nth-child(2){order:9}.elementor-reverse-laptop>.elementor-container>:nth-child(3){order:8}.elementor-reverse-laptop>.elementor-container>:nth-child(4){order:7}.elementor-reverse-laptop>.elementor-container>:nth-child(5){order:6}.elementor-reverse-laptop>.elementor-container>:nth-child(6){order:5}.elementor-reverse-laptop>.elementor-container>:nth-child(7){order:4}.elementor-reverse-laptop>.elementor-container>:nth-child(8){order:3}.elementor-reverse-laptop>.elementor-container>:nth-child(9){order:2}.elementor-reverse-laptop>.elementor-container>:nth-child(10){order:1}}@media (min-width:1025px) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>:first-child,.elementor-reverse-laptop>.elementor-container>:nth-child(2),.elementor-reverse-laptop>.elementor-container>:nth-child(3),.elementor-reverse-laptop>.elementor-container>:nth-child(4),.elementor-reverse-laptop>.elementor-container>:nth-child(5),.elementor-reverse-laptop>.elementor-container>:nth-child(6),.elementor-reverse-laptop>.elementor-container>:nth-child(7),.elementor-reverse-laptop>.elementor-container>:nth-child(8),.elementor-reverse-laptop>.elementor-container>:nth-child(9),.elementor-reverse-laptop>.elementor-container>:nth-child(10){order:0}.elementor-reverse-tablet_extra>.elementor-container>:first-child{order:10}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet_extra>.elementor-container>:nth-child(10){order:1}}@media (min-width:768px) and (max-width:1024px){.elementor-reverse-tablet>.elementor-container>:first-child{order:10}.elementor-reverse-tablet>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet>.elementor-container>:nth-child(10){order:1}}@media (min-width:-1) and (max-width:1024px){.elementor-reverse-tablet>.elementor-container>:first-child{order:10}.elementor-reverse-tablet>.elementor-container>:nth-child(2){order:9}.elementor-reverse-tablet>.elementor-container>:nth-child(3){order:8}.elementor-reverse-tablet>.elementor-container>:nth-child(4){order:7}.elementor-reverse-tablet>.elementor-container>:nth-child(5){order:6}.elementor-reverse-tablet>.elementor-container>:nth-child(6){order:5}.elementor-reverse-tablet>.elementor-container>:nth-child(7){order:4}.elementor-reverse-tablet>.elementor-container>:nth-child(8){order:3}.elementor-reverse-tablet>.elementor-container>:nth-child(9){order:2}.elementor-reverse-tablet>.elementor-container>:nth-child(10){order:1}}@media (min-width:768px) and (max-width:-1){.elementor-reverse-tablet>.elementor-container>:first-child,.elementor-reverse-tablet>.elementor-container>:nth-child(2),.elementor-reverse-tablet>.elementor-container>:nth-child(3),.elementor-reverse-tablet>.elementor-container>:nth-child(4),.elementor-reverse-tablet>.elementor-container>:nth-child(5),.elementor-reverse-tablet>.elementor-container>:nth-child(6),.elementor-reverse-tablet>.elementor-container>:nth-child(7),.elementor-reverse-tablet>.elementor-container>:nth-child(8),.elementor-reverse-tablet>.elementor-container>:nth-child(9),.elementor-reverse-tablet>.elementor-container>:nth-child(10){order:0}.elementor-reverse-mobile_extra>.elementor-container>:first-child{order:10}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(2){order:9}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(3){order:8}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(4){order:7}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(5){order:6}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(6){order:5}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(7){order:4}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(8){order:3}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(9){order:2}.elementor-reverse-mobile_extra>.elementor-container>:nth-child(10){order:1}}@media (max-width:767px){.elementor-reverse-mobile>.elementor-container>:first-child{order:10}.elementor-reverse-mobile>.elementor-container>:nth-child(2){order:9}.elementor-reverse-mobile>.elementor-container>:nth-child(3){order:8}.elementor-reverse-mobile>.elementor-container>:nth-child(4){order:7}.elementor-reverse-mobile>.elementor-container>:nth-child(5){order:6}.elementor-reverse-mobile>.elementor-container>:nth-child(6){order:5}.elementor-reverse-mobile>.elementor-container>:nth-child(7){order:4}.elementor-reverse-mobile>.elementor-container>:nth-child(8){order:3}.elementor-reverse-mobile>.elementor-container>:nth-child(9){order:2}.elementor-reverse-mobile>.elementor-container>:nth-child(10){order:1}.elementor-column{width:100%}}ul.elementor-icon-list-items.elementor-inline-items{display:flex;flex-wrap:wrap}ul.elementor-icon-list-items.elementor-inline-items .elementor-inline-item{word-break:break-word}.elementor-grid{display:grid;grid-column-gap:var(--grid-column-gap);grid-row-gap:var(--grid-row-gap)}.elementor-grid .elementor-grid-item{min-width:0}.elementor-grid-0 .elementor-grid{display:inline-block;width:100%;word-spacing:var(--grid-column-gap);margin-bottom:calc(-1 * var(--grid-row-gap))}.elementor-grid-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}@media (min-width:-1){.elementor-grid-widescreen-0 .elementor-grid{display:inline-block;width:100%;word-spacing:var(--grid-column-gap);margin-bottom:calc(-1 * var(--grid-row-gap))}.elementor-grid-widescreen-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-widescreen-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-widescreen-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-widescreen-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-widescreen-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-widescreen-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-widescreen-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-widescreen-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-widescreen-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-widescreen-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-widescreen-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-widescreen-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-widescreen-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:-1){.elementor-grid-laptop-0 .elementor-grid{display:inline-block;width:100%;word-spacing:var(--grid-column-gap);margin-bottom:calc(-1 * var(--grid-row-gap))}.elementor-grid-laptop-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-laptop-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-laptop-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-laptop-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-laptop-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-laptop-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-laptop-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-laptop-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-laptop-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-laptop-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-laptop-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-laptop-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-laptop-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:-1){.elementor-grid-tablet_extra-0 .elementor-grid{display:inline-block;width:100%;word-spacing:var(--grid-column-gap);margin-bottom:calc(-1 * var(--grid-row-gap))}.elementor-grid-tablet_extra-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-tablet_extra-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-tablet_extra-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-tablet_extra-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-tablet_extra-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-tablet_extra-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-tablet_extra-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-tablet_extra-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-tablet_extra-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-tablet_extra-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-tablet_extra-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-tablet_extra-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-tablet_extra-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:1024px){.elementor-grid-tablet-0 .elementor-grid{display:inline-block;width:100%;word-spacing:var(--grid-column-gap);margin-bottom:calc(-1 * var(--grid-row-gap))}.elementor-grid-tablet-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-tablet-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-tablet-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-tablet-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-tablet-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-tablet-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-tablet-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-tablet-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-tablet-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-tablet-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-tablet-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-tablet-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-tablet-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:-1){.elementor-grid-mobile_extra-0 .elementor-grid{display:inline-block;width:100%;word-spacing:var(--grid-column-gap);margin-bottom:calc(-1 * var(--grid-row-gap))}.elementor-grid-mobile_extra-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-mobile_extra-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-mobile_extra-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-mobile_extra-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-mobile_extra-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-mobile_extra-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-mobile_extra-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-mobile_extra-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-mobile_extra-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-mobile_extra-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-mobile_extra-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-mobile_extra-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-mobile_extra-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:767px){.elementor-grid-mobile-0 .elementor-grid{display:inline-block;width:100%;word-spacing:var(--grid-column-gap);margin-bottom:calc(-1 * var(--grid-row-gap))}.elementor-grid-mobile-0 .elementor-grid .elementor-grid-item{display:inline-block;margin-bottom:var(--grid-row-gap);word-break:break-word}.elementor-grid-mobile-1 .elementor-grid{grid-template-columns:repeat(1,1fr)}.elementor-grid-mobile-2 .elementor-grid{grid-template-columns:repeat(2,1fr)}.elementor-grid-mobile-3 .elementor-grid{grid-template-columns:repeat(3,1fr)}.elementor-grid-mobile-4 .elementor-grid{grid-template-columns:repeat(4,1fr)}.elementor-grid-mobile-5 .elementor-grid{grid-template-columns:repeat(5,1fr)}.elementor-grid-mobile-6 .elementor-grid{grid-template-columns:repeat(6,1fr)}.elementor-grid-mobile-7 .elementor-grid{grid-template-columns:repeat(7,1fr)}.elementor-grid-mobile-8 .elementor-grid{grid-template-columns:repeat(8,1fr)}.elementor-grid-mobile-9 .elementor-grid{grid-template-columns:repeat(9,1fr)}.elementor-grid-mobile-10 .elementor-grid{grid-template-columns:repeat(10,1fr)}.elementor-grid-mobile-11 .elementor-grid{grid-template-columns:repeat(11,1fr)}.elementor-grid-mobile-12 .elementor-grid{grid-template-columns:repeat(12,1fr)}}@media (min-width:1025px){#elementor-device-mode:after{content:"desktop"}}@media (min-width:-1){#elementor-device-mode:after{content:"widescreen"}}@media (max-width:-1){#elementor-device-mode:after{content:"laptop";content:"tablet_extra"}}@media (max-width:1024px){#elementor-device-mode:after{content:"tablet"}}@media (max-width:-1){#elementor-device-mode:after{content:"mobile_extra"}}@media (max-width:767px){#elementor-device-mode:after{content:"mobile"}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.e-con{--border-radius:0;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-style:initial;--border-color:initial;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--content-width:min(100%,var(--container-max-width,1140px));--width:100%;--min-height:initial;--height:auto;--text-align:initial;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--padding-top:var(--container-default-padding-top,10px);--padding-right:var(--container-default-padding-right,10px);--padding-bottom:var(--container-default-padding-bottom,10px);--padding-left:var(--container-default-padding-left,10px);--position:relative;--z-index:revert;--overflow:visible;--gap:var(--widgets-spacing,20px);--overlay-mix-blend-mode:initial;--overlay-opacity:1;--overlay-transition:0.3s;--e-con-grid-template-columns:repeat(3,1fr);--e-con-grid-template-rows:repeat(2,1fr);position:var(--position);width:var(--width);min-width:0;min-height:var(--min-height);height:var(--height);border-radius:var(--border-radius);z-index:var(--z-index);overflow:var(--overflow);transition:background var(--background-transition,.3s),border var(--border-transition,.3s),box-shadow var(--border-transition,.3s),transform var(--e-con-transform-transition-duration,.4s);--flex-wrap-mobile:wrap;margin-block-start:var(--margin-block-start);margin-inline-end:var(--margin-inline-end);margin-block-end:var(--margin-block-end);margin-inline-start:var(--margin-inline-start);padding-inline-start:var(--padding-inline-start);padding-inline-end:var(--padding-inline-end);--margin-block-start:var(--margin-top);--margin-block-end:var(--margin-bottom);--margin-inline-start:var(--margin-left);--margin-inline-end:var(--margin-right);--padding-inline-start:var(--padding-left);--padding-inline-end:var(--padding-right);--padding-block-start:var(--padding-top);--padding-block-end:var(--padding-bottom);--border-block-start-width:var(--border-top-width);--border-block-end-width:var(--border-bottom-width);--border-inline-start-width:var(--border-left-width);--border-inline-end-width:var(--border-right-width)}body.rtl .e-con{--padding-inline-start:var(--padding-right);--padding-inline-end:var(--padding-left);--margin-inline-start:var(--margin-right);--margin-inline-end:var(--margin-left);--border-inline-start-width:var(--border-right-width);--border-inline-end-width:var(--border-left-width)}.e-con.e-flex{--flex-direction:column;--flex-basis:auto;--flex-grow:0;--flex-shrink:1;flex:var(--flex-grow) var(--flex-shrink) var(--flex-basis)}.e-con-full,.e-con>.e-con-inner{text-align:var(--text-align);padding-block-start:var(--padding-block-start);padding-block-end:var(--padding-block-end)}.e-con-full.e-flex,.e-con.e-flex>.e-con-inner{flex-direction:var(--flex-direction)}.e-con,.e-con>.e-con-inner{display:var(--display)}.e-con.e-grid{--grid-justify-content:start;--grid-align-content:start;--grid-auto-flow:row}.e-con.e-grid,.e-con.e-grid>.e-con-inner{grid-template-columns:var(--e-con-grid-template-columns);grid-template-rows:var(--e-con-grid-template-rows);justify-content:var(--grid-justify-content);align-content:var(--grid-align-content);grid-auto-flow:var(--grid-auto-flow);justify-items:var(--justify-items);align-items:var(--align-items)}.e-con-boxed.e-flex{flex-direction:column;flex-wrap:nowrap;justify-content:normal;align-items:normal;align-content:normal}.e-con-boxed.e-grid{justify-items:legacy;grid-template-columns:1fr;grid-template-rows:1fr}.e-con-boxed{text-align:initial;gap:initial}.e-con.e-flex>.e-con-inner{flex-wrap:var(--flex-wrap);justify-content:var(--justify-content);align-items:var(--align-items);align-content:var(--align-content);flex-basis:auto;flex-grow:1;flex-shrink:1;align-self:auto}.e-con.e-grid>.e-con-inner{justify-items:var(--justify-items);align-items:var(--align-items)}.e-con>.e-con-inner{gap:var(--gap);width:100%;max-width:var(--content-width);margin:0 auto;padding-inline-start:0;padding-inline-end:0;height:100%}:is(.elementor-section-wrap,[data-elementor-id])>.e-con{--margin-left:auto;--margin-right:auto;max-width:min(100%,var(--width))}.e-con .elementor-widget.elementor-widget{margin-block-end:0}.e-con:before,.e-con>.elementor-background-slideshow:before,.e-con>.elementor-motion-effects-container>.elementor-motion-effects-layer:before,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{content:var(--background-overlay);display:block;position:absolute;mix-blend-mode:var(--overlay-mix-blend-mode);opacity:var(--overlay-opacity);transition:var(--overlay-transition,.3s);border-radius:var(--border-radius);border-style:var(--border-style);border-color:var(--border-color);border-block-start-width:var(--border-block-start-width);border-inline-end-width:var(--border-inline-end-width);border-block-end-width:var(--border-block-end-width);border-inline-start-width:var(--border-inline-start-width);top:calc(0px - var(--border-top-width));left:calc(0px - var(--border-left-width));width:max(100% + var(--border-left-width) + var(--border-right-width),100%);height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%)}.e-con:before{transition:background var(--overlay-transition,.3s),border-radius var(--border-transition,.3s),opacity var(--overlay-transition,.3s)}.e-con>.elementor-background-slideshow,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container{border-radius:var(--border-radius);border-style:var(--border-style);border-color:var(--border-color);border-block-start-width:var(--border-block-start-width);border-inline-end-width:var(--border-inline-end-width);border-block-end-width:var(--border-block-end-width);border-inline-start-width:var(--border-inline-start-width);top:calc(0px - var(--border-top-width));left:calc(0px - var(--border-left-width));width:max(100% + var(--border-left-width) + var(--border-right-width),100%);height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%)}@media (max-width:767px){:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container.elementor-hidden-mobile{display:none}}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{z-index:1}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-slideshow:before{z-index:2}.e-con .elementor-widget{min-width:0}.e-con .elementor-widget-empty,.e-con .elementor-widget-google_maps,.e-con .elementor-widget-video,.e-con .elementor-widget.e-widget-swiper{width:100%}.e-con>.e-con-inner>.elementor-widget>.elementor-widget-container,.e-con>.elementor-widget>.elementor-widget-container{height:100%}.e-con.e-con>.e-con-inner>.elementor-widget,.elementor.elementor .e-con>.elementor-widget{max-width:100%}@media (max-width:767px){.e-con.e-flex{--width:100%;--flex-wrap:var(--flex-wrap-mobile)}.e-con.e-flex .elementor-widget-archive-posts{width:100%}}.elementor-form-fields-wrapper{display:flex;flex-wrap:wrap}.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group .elementor-field-subgroup,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>.elementor-select-wrapper,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>input,.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>textarea{flex-basis:100%;max-width:100%}.elementor-form-fields-wrapper.elementor-labels-inline>.elementor-field-group .elementor-select-wrapper,.elementor-form-fields-wrapper.elementor-labels-inline>.elementor-field-group>input{flex-grow:1}.elementor-field-group{flex-wrap:wrap;align-items:center}.elementor-field-group.elementor-field-type-submit{align-items:flex-end}.elementor-field-group .elementor-field-textual{width:100%;max-width:100%;border:1px solid #69727d;background-color:transparent;color:#1f2124;vertical-align:middle;flex-grow:1}.elementor-field-group .elementor-field-textual:focus{box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);outline:0}.elementor-field-group .elementor-field-textual::-moz-placeholder{color:inherit;font-family:inherit;opacity:.6}.elementor-field-group .elementor-field-textual::placeholder{color:inherit;font-family:inherit;opacity:.6}.elementor-field-group .elementor-select-wrapper{display:flex;position:relative;width:100%}.elementor-field-group .elementor-select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;font-size:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;text-transform:inherit;letter-spacing:inherit;line-height:inherit;flex-basis:100%;padding-inline-end:20px}.elementor-field-group .elementor-select-wrapper:before{content:"\e92a";font-family:eicons;font-size:15px;position:absolute;top:50%;transform:translateY(-50%);right:10px;pointer-events:none;text-shadow:0 0 3px rgba(0,0,0,.3)}.elementor-field-group.elementor-field-type-select-multiple .elementor-select-wrapper:before{content:""}.elementor-field-subgroup{display:flex;flex-wrap:wrap}.elementor-field-subgroup .elementor-field-option label{display:inline-block}.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option{padding-inline-end:10px}.elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option{flex-basis:100%}.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option label,.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option label,.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option input,.elementor-field-type-radio .elementor-field-subgroup .elementor-field-option label{display:inline}.elementor-field-label{cursor:pointer}.elementor-mark-required .elementor-field-label:after{content:"*";color:red;padding-inline-start:.2em}.elementor-field-textual{line-height:1.4;font-size:15px;min-height:40px;padding:5px 14px;border-radius:3px}.elementor-field-textual.elementor-size-xs{font-size:13px;min-height:33px;padding:4px 12px;border-radius:2px}.elementor-field-textual.elementor-size-md{font-size:16px;min-height:47px;padding:6px 16px;border-radius:4px}.elementor-field-textual.elementor-size-lg{font-size:18px;min-height:59px;padding:7px 20px;border-radius:5px}.elementor-field-textual.elementor-size-xl{font-size:20px;min-height:72px;padding:8px 24px;border-radius:6px}.elementor-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-button-align-center .e-form__buttons,.elementor-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-button-align-start .e-form__buttons,.elementor-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-button-align-end .e-form__buttons,.elementor-button-align-end .elementor-field-type-submit{justify-content:flex-end}.elementor-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-button-align-center .e-form__buttons__wrapper,.elementor-button-align-end .e-form__buttons__wrapper,.elementor-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-button-align-center .e-form__buttons__wrapper,.elementor-button-align-center .e-form__buttons__wrapper__button,.elementor-button-align-end .e-form__buttons__wrapper,.elementor-button-align-end .e-form__buttons__wrapper__button,.elementor-button-align-start .e-form__buttons__wrapper,.elementor-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}@media screen and (max-width:1024px){.elementor-tablet-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-tablet-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-tablet-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-tablet-button-align-center .e-form__buttons,.elementor-tablet-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-tablet-button-align-start .e-form__buttons,.elementor-tablet-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-tablet-button-align-end .e-form__buttons,.elementor-tablet-button-align-end .elementor-field-type-submit{justify-content:flex-end}.elementor-tablet-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-tablet-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-tablet-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-tablet-button-align-center .e-form__buttons__wrapper,.elementor-tablet-button-align-end .e-form__buttons__wrapper,.elementor-tablet-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-tablet-button-align-center .e-form__buttons__wrapper,.elementor-tablet-button-align-center .e-form__buttons__wrapper__button,.elementor-tablet-button-align-end .e-form__buttons__wrapper,.elementor-tablet-button-align-end .e-form__buttons__wrapper__button,.elementor-tablet-button-align-start .e-form__buttons__wrapper,.elementor-tablet-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}}@media screen and (max-width:767px){.elementor-mobile-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:100%}.elementor-mobile-button-align-stretch .e-form__buttons__wrapper{flex-basis:50%;flex-grow:1}.elementor-mobile-button-align-stretch .e-form__buttons__wrapper__button{flex-basis:100%}.elementor-mobile-button-align-center .e-form__buttons,.elementor-mobile-button-align-center .elementor-field-type-submit{justify-content:center}.elementor-mobile-button-align-start .e-form__buttons,.elementor-mobile-button-align-start .elementor-field-type-submit{justify-content:flex-start}.elementor-mobile-button-align-end .e-form__buttons,.elementor-mobile-button-align-end .elementor-field-type-submit{justify-content:flex-end}.elementor-mobile-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-mobile-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button,.elementor-mobile-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button{flex-basis:auto}.elementor-mobile-button-align-center .e-form__buttons__wrapper,.elementor-mobile-button-align-end .e-form__buttons__wrapper,.elementor-mobile-button-align-start .e-form__buttons__wrapper{flex-grow:0}.elementor-mobile-button-align-center .e-form__buttons__wrapper,.elementor-mobile-button-align-center .e-form__buttons__wrapper__button,.elementor-mobile-button-align-end .e-form__buttons__wrapper,.elementor-mobile-button-align-end .e-form__buttons__wrapper__button,.elementor-mobile-button-align-start .e-form__buttons__wrapper,.elementor-mobile-button-align-start .e-form__buttons__wrapper__button{flex-basis:auto}}.elementor-error .elementor-field{border-color:#d9534f}.elementor-error .help-inline{color:#d9534f;font-size:.9em}.elementor-message{margin:10px 0;font-size:1em;line-height:1}.elementor-message:before{content:"\e90e";display:inline-block;font-family:eicons;font-weight:400;font-style:normal;vertical-align:middle;margin-inline-end:5px}.elementor-message.elementor-message-danger{color:#d9534f}.elementor-message.elementor-message-danger:before{content:"\e87f"}.elementor-message.form-message-success{color:#5cb85c}.elementor-form .elementor-button{padding-block-start:0;padding-block-end:0;border:none}.elementor-form .elementor-button-content-wrapper,.elementor-form .elementor-button>span{display:flex;justify-content:center;flex-direction:row;gap:5px}.elementor-form .elementor-button.elementor-size-xs{min-height:33px}.elementor-form .elementor-button.elementor-size-sm{min-height:40px}.elementor-form .elementor-button.elementor-size-md{min-height:47px}.elementor-form .elementor-button.elementor-size-lg{min-height:59px}.elementor-form .elementor-button.elementor-size-xl{min-height:72px}.elementor-element .elementor-widget-container{transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s)}.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-button{display:inline-block;line-height:1;background-color:#69727d;font-size:15px;padding:12px 24px;border-radius:3px;color:#fff;fill:#fff;text-align:center;transition:all .3s}.elementor-button:focus,.elementor-button:hover,.elementor-button:visited{color:#fff}.elementor-button-content-wrapper{display:flex;justify-content:center;flex-direction:row;gap:5px}.elementor-button-icon svg{width:1em;height:auto}.elementor-button-icon .e-font-icon-svg{height:1em}.elementor-button-text{display:inline-block}.elementor-button.elementor-size-xs{font-size:13px;padding:10px 20px;border-radius:2px}.elementor-button.elementor-size-md{font-size:16px;padding:15px 30px;border-radius:4px}.elementor-button.elementor-size-lg{font-size:18px;padding:20px 40px;border-radius:5px}.elementor-button.elementor-size-xl{font-size:20px;padding:25px 50px;border-radius:6px}.elementor-button span{text-decoration:inherit}.elementor-element.elementor-button-info .elementor-button{background-color:#5bc0de}.elementor-element.elementor-button-success .elementor-button{background-color:#5cb85c}.elementor-element.elementor-button-warning .elementor-button{background-color:#f0ad4e}.elementor-element.elementor-button-danger .elementor-button{background-color:#d9534f}.elementor-widget-button .elementor-button .elementor-button-info{background-color:#5bc0de}.elementor-widget-button .elementor-button .elementor-button-success{background-color:#5cb85c}.elementor-widget-button .elementor-button .elementor-button-warning{background-color:#f0ad4e}.elementor-widget-button .elementor-button .elementor-button-danger{background-color:#d9534f}.elementor-tab-title a{color:inherit}.elementor-view-stacked .elementor-icon{padding:.5em;background-color:#69727d;color:#fff;fill:#fff}.elementor-view-framed .elementor-icon{padding:.5em;color:#69727d;border:3px solid #69727d;background-color:transparent}.elementor-icon{display:inline-block;line-height:1;transition:all .3s;color:#69727d;font-size:50px;text-align:center}.elementor-icon:hover{color:#69727d}.elementor-icon i,.elementor-icon svg{width:1em;height:1em;position:relative;display:block}.elementor-icon i:before,.elementor-icon svg:before{position:absolute;left:50%;transform:translateX(-50%)}.elementor-icon i.fad{width:auto}.elementor-shape-square .elementor-icon{border-radius:0}.elementor-shape-rounded .elementor-icon{border-radius:10%}.elementor-shape-circle .elementor-icon{border-radius:50%}.e-transform .elementor-widget-container{transform:perspective(var(--e-transform-perspective,0)) rotate(var(--e-transform-rotateZ,0)) rotateX(var(--e-transform-rotateX,0)) rotateY(var(--e-transform-rotateY,0)) translate(var(--e-transform-translate,0)) translateX(var(--e-transform-translateX,0)) translateY(var(--e-transform-translateY,0)) scaleX(calc(var(--e-transform-flipX, 1) * var(--e-transform-scaleX, var(--e-transform-scale, 1)))) scaleY(calc(var(--e-transform-flipY, 1) * var(--e-transform-scaleY, var(--e-transform-scale, 1)))) skewX(var(--e-transform-skewX,0)) skewY(var(--e-transform-skewY,0));transform-origin:var(--e-transform-origin-y) var(--e-transform-origin-x)}.e-con.e-transform{transform:perspective(var(--e-con-transform-perspective,0)) rotate(var(--e-con-transform-rotateZ,0)) rotateX(var(--e-con-transform-rotateX,0)) rotateY(var(--e-con-transform-rotateY,0)) translate(var(--e-con-transform-translate,0)) translateX(var(--e-con-transform-translateX,0)) translateY(var(--e-con-transform-translateY,0)) scaleX(calc(var(--e-con-transform-flipX, 1) * var(--e-con-transform-scaleX, var(--e-con-transform-scale, 1)))) scaleY(calc(var(--e-con-transform-flipY, 1) * var(--e-con-transform-scaleY, var(--e-con-transform-scale, 1)))) skewX(var(--e-con-transform-skewX,0)) skewY(var(--e-con-transform-skewY,0));transform-origin:var(--e-con-transform-origin-y) var(--e-con-transform-origin-x)}.animated{animation-duration:1.25s}.animated.animated-slow{animation-duration:2s}.animated.animated-fast{animation-duration:.75s}.animated.infinite{animation-iteration-count:infinite}.animated.reverse{animation-direction:reverse;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.animated{animation:none}}.elementor-post__thumbnail__link{transition:none}#left-area ul.elementor-icon-list-items,.elementor-edit-area .elementor-element ul.elementor-icon-list-items,.elementor .elementor-element ul.elementor-icon-list-items{padding:0}.e--ua-appleWebkit.rtl{--flex-right:flex-start}.e--ua-appleWebkit .elementor-share-buttons--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-right{--justify-content:var(--flex-right,flex-end)}.e--ua-appleWebkit .elementor-share-buttons--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-center{--justify-content:center}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-grid{width:auto;display:flex;flex-wrap:wrap;justify-content:var(--justify-content,space-between);margin-left:calc(-.5 * var(--grid-column-gap));margin-right:calc(-.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-grid-item{margin-left:calc(.5 * var(--grid-column-gap));margin-right:calc(.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid{display:inline-block}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid-item{margin-left:0;margin-right:0}@media (max-width:1024px){.e--ua-appleWebkit .elementor-share-buttons-tablet--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-tablet-right{--justify-content:var(--flex-right,flex-end)}.e--ua-appleWebkit .elementor-share-buttons-tablet--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-tablet-center{--justify-content:center}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-right .elementor-grid{width:auto;display:flex;flex-wrap:wrap;justify-content:var(--justify-content,space-between);margin-left:calc(-.5 * var(--grid-column-gap));margin-right:calc(-.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-right .elementor-grid-item{margin-left:calc(.5 * var(--grid-column-gap));margin-right:calc(.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid{display:inline-block}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid-item{margin-left:0;margin-right:0}}@media (max-width:767px){.e--ua-appleWebkit .elementor-share-buttons-mobile--align-right,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-mobile-right{--justify-content:var(--flex-right,flex-end)}.e--ua-appleWebkit .elementor-share-buttons-mobile--align-center,.e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-mobile-center{--justify-content:center}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-justify .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-right .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-center .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-right .elementor-grid{width:auto;display:flex;flex-wrap:wrap;justify-content:var(--justify-content,space-between);margin-left:calc(-.5 * var(--grid-column-gap));margin-right:calc(-.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-justify .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-right .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-center .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-right .elementor-grid-item{margin-left:calc(.5 * var(--grid-column-gap));margin-right:calc(.5 * var(--grid-column-gap))}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid{display:inline-block}.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid-item,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid,.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid-item{margin-left:0;margin-right:0}}@media (max-width:767px){.elementor .elementor-hidden-mobile{display:none}}@media (min-width:-1) and (max-width:-1){.elementor .elementor-hidden-mobile_extra{display:none}}@media (min-width:768px) and (max-width:1024px){.elementor .elementor-hidden-tablet{display:none}}@media (min-width:-1) and (max-width:-1){.elementor .elementor-hidden-laptop,.elementor .elementor-hidden-tablet_extra{display:none}}@media (min-width:1025px) and (max-width:99999px){.elementor .elementor-hidden-desktop{display:none}}@media (min-width:-1){.elementor .elementor-hidden-widescreen{display:none}}/** * Swiper 8.4.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 21, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.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:translate3d(0px,0,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(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-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}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.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-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom: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:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-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-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-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%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.elementor-element,.elementor-lightbox{--swiper-theme-color:#000;--swiper-navigation-size:44px;--swiper-pagination-bullet-size:6px;--swiper-pagination-bullet-horizontal-gap:6px}.elementor-element .swiper-container .swiper-slide figure,.elementor-element .swiper .swiper-slide figure,.elementor-lightbox .swiper-container .swiper-slide figure,.elementor-lightbox .swiper .swiper-slide figure{line-height:0}.elementor-element .swiper-container .elementor-lightbox-content-source,.elementor-element .swiper .elementor-lightbox-content-source,.elementor-lightbox .swiper-container .elementor-lightbox-content-source,.elementor-lightbox .swiper .elementor-lightbox-content-source{display:none}.elementor-element .swiper-container .elementor-swiper-button,.elementor-element .swiper-container~.elementor-swiper-button,.elementor-element .swiper .elementor-swiper-button,.elementor-element .swiper~.elementor-swiper-button,.elementor-lightbox .swiper-container .elementor-swiper-button,.elementor-lightbox .swiper-container~.elementor-swiper-button,.elementor-lightbox .swiper .elementor-swiper-button,.elementor-lightbox .swiper~.elementor-swiper-button{position:absolute;display:inline-flex;z-index:1;cursor:pointer;font-size:25px;color:hsla(0,0%,93.3%,.9);top:50%;transform:translateY(-50%)}.elementor-element .swiper-container .elementor-swiper-button svg,.elementor-element .swiper-container~.elementor-swiper-button svg,.elementor-element .swiper .elementor-swiper-button svg,.elementor-element .swiper~.elementor-swiper-button svg,.elementor-lightbox .swiper-container .elementor-swiper-button svg,.elementor-lightbox .swiper-container~.elementor-swiper-button svg,.elementor-lightbox .swiper .elementor-swiper-button svg,.elementor-lightbox .swiper~.elementor-swiper-button svg{fill:hsla(0,0%,93.3%,.9);height:1em;width:1em}.elementor-element .swiper-container .elementor-swiper-button-prev,.elementor-element .swiper-container~.elementor-swiper-button-prev,.elementor-element .swiper .elementor-swiper-button-prev,.elementor-element .swiper~.elementor-swiper-button-prev,.elementor-lightbox .swiper-container .elementor-swiper-button-prev,.elementor-lightbox .swiper-container~.elementor-swiper-button-prev,.elementor-lightbox .swiper .elementor-swiper-button-prev,.elementor-lightbox .swiper~.elementor-swiper-button-prev{left:10px}.elementor-element .swiper-container .elementor-swiper-button-next,.elementor-element .swiper-container~.elementor-swiper-button-next,.elementor-element .swiper .elementor-swiper-button-next,.elementor-element .swiper~.elementor-swiper-button-next,.elementor-lightbox .swiper-container .elementor-swiper-button-next,.elementor-lightbox .swiper-container~.elementor-swiper-button-next,.elementor-lightbox .swiper .elementor-swiper-button-next,.elementor-lightbox .swiper~.elementor-swiper-button-next{right:10px}.elementor-element .swiper-container .elementor-swiper-button.swiper-button-disabled,.elementor-element .swiper-container~.elementor-swiper-button.swiper-button-disabled,.elementor-element .swiper .elementor-swiper-button.swiper-button-disabled,.elementor-element .swiper~.elementor-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper-container .elementor-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper-container~.elementor-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper .elementor-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper~.elementor-swiper-button.swiper-button-disabled{opacity:.3}.elementor-element .swiper-container .swiper-image-stretch .swiper-slide .swiper-slide-image,.elementor-element .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image,.elementor-lightbox .swiper-container .swiper-image-stretch .swiper-slide .swiper-slide-image,.elementor-lightbox .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image{width:100%}.elementor-element .swiper-container .swiper-horizontal>.swiper-pagination-bullets,.elementor-element .swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper-container .swiper-pagination-custom,.elementor-element .swiper-container .swiper-pagination-fraction,.elementor-element .swiper-container~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper-container~.swiper-pagination-custom,.elementor-element .swiper-container~.swiper-pagination-fraction,.elementor-element .swiper .swiper-horizontal>.swiper-pagination-bullets,.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper .swiper-pagination-custom,.elementor-element .swiper .swiper-pagination-fraction,.elementor-element .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper~.swiper-pagination-custom,.elementor-element .swiper~.swiper-pagination-fraction,.elementor-lightbox .swiper-container .swiper-horizontal>.swiper-pagination-bullets,.elementor-lightbox .swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper-container .swiper-pagination-custom,.elementor-lightbox .swiper-container .swiper-pagination-fraction,.elementor-lightbox .swiper-container~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper-container~.swiper-pagination-custom,.elementor-lightbox .swiper-container~.swiper-pagination-fraction,.elementor-lightbox .swiper .swiper-horizontal>.swiper-pagination-bullets,.elementor-lightbox .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper .swiper-pagination-custom,.elementor-lightbox .swiper .swiper-pagination-fraction,.elementor-lightbox .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper~.swiper-pagination-custom,.elementor-lightbox .swiper~.swiper-pagination-fraction{bottom:5px}.elementor-element .swiper-container.swiper-cube .elementor-swiper-button,.elementor-element .swiper-container.swiper-cube~.elementor-swiper-button,.elementor-element .swiper.swiper-cube .elementor-swiper-button,.elementor-element .swiper.swiper-cube~.elementor-swiper-button,.elementor-lightbox .swiper-container.swiper-cube .elementor-swiper-button,.elementor-lightbox .swiper-container.swiper-cube~.elementor-swiper-button,.elementor-lightbox .swiper.swiper-cube .elementor-swiper-button,.elementor-lightbox .swiper.swiper-cube~.elementor-swiper-button{transform:translate3d(0,-50%,1px)}.elementor-element :where(.swiper-container-horizontal)~.swiper-pagination-bullets,.elementor-lightbox :where(.swiper-container-horizontal)~.swiper-pagination-bullets{bottom:5px;left:0;width:100%}.elementor-element :where(.swiper-container-horizontal)~.swiper-pagination-bullets .swiper-pagination-bullet,.elementor-lightbox :where(.swiper-container-horizontal)~.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.elementor-element :where(.swiper-container-horizontal)~.swiper-pagination-progressbar,.elementor-lightbox :where(.swiper-container-horizontal)~.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.elementor-element.elementor-pagination-position-outside .swiper,.elementor-element.elementor-pagination-position-outside .swiper-container,.elementor-lightbox.elementor-pagination-position-outside .swiper,.elementor-lightbox.elementor-pagination-position-outside .swiper-container{padding-bottom:30px}.elementor-element.elementor-pagination-position-outside .swiper-container .elementor-swiper-button,.elementor-element.elementor-pagination-position-outside .swiper-container~.elementor-swiper-button,.elementor-element.elementor-pagination-position-outside .swiper .elementor-swiper-button,.elementor-element.elementor-pagination-position-outside .swiper~.elementor-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper-container .elementor-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper-container~.elementor-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper .elementor-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper~.elementor-swiper-button{top:calc(50% - 30px / 2)}.elementor-element .elementor-swiper,.elementor-lightbox .elementor-swiper{position:relative}.elementor-element .elementor-main-swiper,.elementor-lightbox .elementor-main-swiper{position:static}.elementor-element.elementor-arrows-position-outside .swiper,.elementor-element.elementor-arrows-position-outside .swiper-container,.elementor-lightbox.elementor-arrows-position-outside .swiper,.elementor-lightbox.elementor-arrows-position-outside .swiper-container{width:calc(100% - 60px)}.elementor-element.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-prev,.elementor-element.elementor-arrows-position-outside .swiper-container~.elementor-swiper-button-prev,.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,.elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper-container~.elementor-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev{left:0}.elementor-element.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-next,.elementor-element.elementor-arrows-position-outside .swiper-container~.elementor-swiper-button-next,.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,.elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper-container~.elementor-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next{right:0}.elementor-kit-15{--e-global-color-primary:#F3F0EC;--e-global-color-secondary:#E5E1DC;--e-global-color-text:#968B82;--e-global-color-accent:#E3B931;--e-global-color-727f374:#F3F0EC;--e-global-color-93e7a81:#73604D;--e-global-color-27d16d8:#161616;--e-global-color-75d4518:#E3B931;--e-global-color-ca10573:#E5E1DC;--e-global-color-1fbba5a:#968B82;--e-global-color-c69d7e3:#3F3F3F;--e-global-color-d86f300:#666666;--e-global-color-2a60bf0:#B3B3B3;--e-global-typography-primary-font-family:"Fahkwang";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"DM Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DM Serif Display";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-secondary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:#F3F0EC;--lightbox-ui-color:#F3F0EC;--lightbox-ui-color-hover:var( --e-global-color-c69d7e3 );--lightbox-text-color:var( --e-global-color-d86f300 );}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}.elementor-section.section-header .elementor-container { margin-bottom: 0 !important } .elementor-section.section-fullscreen-menu .elementor-container { z-index: 9999 } .elementor-section.wrapper-smaller .elementor-container { width: 100%; margin-right: auto; margin-left: auto; margin-bottom: 100px; } .elementor-section.wrapper-wide .elementor-container { width: 100%; margin-right: auto; margin-left: auto; height: auto; } .elementor-section.elementor-inner-section.wrapper-smaller .elementor-container, .elementor-section.elementor-inner-section.wrapper-wide .elementor-container { margin-bottom: 0 } .wrapper-fuller { width: 100%; } .elementor-section.wrapper-wide .elementor-container:after, .elementor-section.wrapper-smaller .elementor-container:after, .wrapper-full:after, section:after { display: table; clear: both; content: ''; } @media only screen and (max-width: 576px) { .elementor-section.wrapper-wide .elementor-container { max-width: 100%; margin-bottom: 25px; } .elementor-section.wrapper-smaller .elementor-container { max-width: 90%; margin-bottom: 25px; } .elementor-section.wrapper-small .elementor-container, .elementor-section.wrapper-wide .elementor-container { width: 100%; } .site-header .wrapper-fuller { margin-bottom: 0 } .wrapper-fuller { margin-bottom: 100px; } .c-col-1, .c-col-2, .c-col-3, .c-col-4, .c-col-5, .c-col-6, .c-col-7, .c-col-8, .c-col-9, .c-col-10, .c-col-11, .c-col-12 { width: 100%; margin-bottom: 35px; } .fit-col { margin: 0; } } @media only screen and (max-width: 576px) { .wrapper { max-width: 90%; margin-bottom: 25px; } .wrapper-small { max-width: 90%; margin-bottom: 25px; } .wrapper-full { margin-bottom: 100px; } .sm-6 { width: 50%; } .sm-4 { width: 33.333333% } .sm-8 { width: 66.666666% } .sm-3 { width: 25%; } .sm-2 { width: 16.6666666% } .sm-5 { width: 41.666666% } .sm-10 { width: 83.333333% } .sm-9 { width: 75% } .sm-12 { width: 100%; } .fit-col { margin: 0; } } @media (min-width: 576px) and (max-width: 900px) { .md-6 { width: 50%; } .md-4 { width: 33.333333% } .md-8 { width: 66.666666% } .md-3 { width: 25%; } .md-2 { width: 16.6666666% } .md-5 { width: 41.666666% } .md-10 { width: 83.333333% } .md-9 { width: 75% } .md-12 { width: 100%; } } @media only screen and (min-width: 576px) { .elementor-section.wrapper-wide .elementor-container { max-width: 90% !important; } .elementor-section.wrapper-smaller .elementor-container { max-width: 90% !important; } } @media only screen and (min-width: 768px) { .elementor-section.wrapper-wide .elementor-container { max-width: 90% !important; } .elementor-section.wrapper-smaller .elementor-container { max-width: 88% !important; } } @media only screen and (min-width: 992px) { .elementor-section.wrapper-wide .elementor-container { max-width: 950px !important; } .elementor-section.wrapper-smaller .elementor-container { max-width: 790px !important; } } @media only screen and (min-width: 1200px) { .elementor-section.wrapper-wide .elementor-container { max-width: 1174px !important; } .elementor-section.wrapper-smaller .elementor-container { max-width: 850px !important; } } @media only screen and (min-width: 1450px) { .elementor-section.wrapper-wide .elementor-container { max-width: 1274px !important; } .elementor-section.wrapper-smaller .elementor-container { max-width: 950px !important; } } @media only screen and (min-width: 1600px) { .elementor-section.wrapper-wide .elementor-container { max-width: 1500px !important; } .elementor-section.wrapper-smaller .elementor-container { max-width: 1200px !important; } } .elementor-widget-empty { background: none !important } .elementor-element.elementor-widget-empty .elementor-widget-empty-icon { display: none !important } .elementor-element-edit-mode#site-navigation.fullscreen_menu { visibility: visible; pointer-events: all; z-index: 1; position: relative; overflow: visible; } .elementor-editor-active #site-navigation.fullscreen_menu { overflow: visible; } .elementor-element-edit-mode#site-navigation.fullscreen_menu ul.menu.main-menu { visibility: visible } .elementor-element-edit-mode#site-navigation.fullscreen_menu ul.menu.main-menu ul.sub-menu { display: none; } .elementor-element-edit-mode#site-navigation.fullscreen_menu .menu-overlay { height: 100vh } .section-header { z-index: 2 } .section-project-header.elementor-element-edit-mode .project-image.featured { position: absolute; top: 0; left: 0; width: 100%; z-index: -1; height: 100%; } .section-project-header.elementor-element-edit-mode .project-image.featured > img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .section-project-header.elementor-element-edit-mode.preview-light .prev-light, .section-project-header.elementor-element-edit-mode.preview-dark .prev-dark { display: none } .section-project-header.elementor-element-edit-mode.preview-light { --mainColor: #ebebeb !important; color: var(--mainColor) } .section-project-header.elementor-element-edit-mode .project-title .md-title { margin: 0 } .site-header .elementor-container.elementor-column-gap-default { margin-bottom: 0; } .elementor-widget-container ul.main-menu { float: unset; } /*! elementor - v3.18.0 - 20-12-2023 */ .dialog-widget-content { background-color: var(--e-a-bg-default); position: absolute; border-radius: 3px; box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, .2); overflow: hidden } .dialog-message { line-height: 1.5; box-sizing: border-box } .dialog-close-button { cursor: pointer; position: absolute; margin-top: 15px; right: 15px; color: var(--e-a-color-txt); font-size: 15px; line-height: 1; transition: var(--e-a-transition-hover) } .dialog-close-button:hover { color: var(--e-a-color-txt-hover) } .dialog-prevent-scroll { overflow: hidden; max-height: 100vh } .dialog-type-lightbox { position: fixed; height: 100%; width: 100%; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .8); z-index: 9999; -webkit-user-select: none; -moz-user-select: none; user-select: none } .elementor-editor-active .elementor-popup-modal { background-color: initial } .dialog-type-alert .dialog-widget-content, .dialog-type-confirm .dialog-widget-content { margin: auto; width: 400px; padding: 20px } .dialog-type-alert .dialog-header, .dialog-type-confirm .dialog-header { font-size: 15px; font-weight: 500 } .dialog-type-alert .dialog-header:after, .dialog-type-confirm .dialog-header:after { content: ""; display: block; border-block-end: var(--e-a-border); padding-block-end: 10px; margin-block-end: 10px; margin-inline-start: -20px; margin-inline-end: -20px } .dialog-type-alert .dialog-message, .dialog-type-confirm .dialog-message { min-height: 50px } .dialog-type-alert .dialog-buttons-wrapper, .dialog-type-confirm .dialog-buttons-wrapper { padding-block-start: 10px; display: flex; justify-content: flex-end; gap: 15px } .dialog-type-alert .dialog-buttons-wrapper .dialog-button, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button { font-size: 12px; font-weight: 500; line-height: 1.2; padding: 8px 16px; outline: none; border: none; border-radius: var(--e-a-border-radius); background-color: var(--e-a-btn-bg); color: var(--e-a-btn-color-invert); transition: var(--e-a-transition-hover) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover { border: none } .dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover { background-color: var(--e-a-btn-bg-hover); color: var(--e-a-btn-color-invert) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button:active, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:active { background-color: var(--e-a-btn-bg-active) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button:not([disabled]), .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not([disabled]) { cursor: pointer } .dialog-type-alert .dialog-buttons-wrapper .dialog-button:disabled, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:disabled { background-color: var(--e-a-btn-bg-disabled); color: var(--e-a-btn-color-disabled) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon { display: none } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt { background: transparent; color: var(--e-a-color-txt) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover { background: var(--e-a-bg-hover); color: var(--e-a-color-txt-hover) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled { background: transparent; color: var(--e-a-color-txt-disabled) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success { background-color: var(--e-a-btn-bg-success) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover { background-color: var(--e-a-btn-bg-success-hover) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary { background-color: var(--e-a-btn-bg-primary); color: var(--e-a-btn-color) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary:hover { background-color: var(--e-a-btn-bg-primary-hover); color: var(--e-a-btn-color) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt { background: transparent; color: var(--e-a-color-primary-bold) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover { background: var(--e-a-bg-primary) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro { background-color: var(--e-a-btn-bg-accent) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:hover { background-color: var(--e-a-btn-bg-accent-hover) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:active, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:active, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:active, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:active { background-color: var(--e-a-btn-bg-accent-active) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning { background-color: var(--e-a-btn-bg-warning) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover { background-color: var(--e-a-btn-bg-warning-hover) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger { background-color: var(--e-a-btn-bg-danger) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover { background-color: var(--e-a-btn-bg-danger-hover) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button i, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button i { margin-inline-end: 5px } .dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button:visited, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:visited { color: initial } .flatpickr-calendar { width: 280px } .flatpickr-calendar .flatpickr-current-month span.cur-month { font-weight: 300 } .flatpickr-calendar .dayContainer { width: 280px; min-width: 280px; max-width: 280px } .flatpickr-calendar .flatpickr-days { width: 280px } .flatpickr-calendar .flatpickr-day { max-width: 37px; height: 37px; line-height: 37px } .elementor-hidden { display: none } .elementor-screen-only, .screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible { position: absolute; top: -10000em; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .elementor-clearfix:after { content: ""; display: block; clear: both; width: 0; height: 0 } .e-logo-wrapper { background: var(--e-a-bg-logo); display: inline-block; padding: .75em; border-radius: 50%; line-height: 1 } .e-logo-wrapper i { color: var(--e-a-color-logo); font-size: 1em } .elementor *, .elementor :after, .elementor :before { box-sizing: border-box } .elementor a { box-shadow: none; text-decoration: none } .elementor hr { margin: 0; background-color: transparent } .elementor img { height: auto; max-width: 100%; border: none; border-radius: 0; box-shadow: none } .elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure { margin: 0 } .elementor embed, .elementor iframe, .elementor object, .elementor video { max-width: 100%; width: 100%; margin: 0; line-height: 1; border: none } .elementor .elementor-background, .elementor .elementor-background-holder, .elementor .elementor-background-video-container { height: 100%; width: 100%; top: 0; left: 0; position: absolute; overflow: hidden; z-index: 0; direction: ltr } .elementor .elementor-background-video-container { transition: opacity 1s; pointer-events: none } .elementor .elementor-background-video-container.elementor-loading { opacity: 0 } .elementor .elementor-background-video-embed { max-width: none } .elementor .elementor-background-video, .elementor .elementor-background-video-embed, .elementor .elementor-background-video-hosted { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .elementor .elementor-background-video { max-width: none } .elementor .elementor-html5-video { -o-object-fit: cover; object-fit: cover } .elementor .elementor-background-overlay, .elementor .elementor-background-slideshow { height: 100%; width: 100%; top: 0; left: 0; position: absolute } .elementor .elementor-background-slideshow { z-index: 0 } .elementor .elementor-background-slideshow__slide__image { width: 100%; height: 100%; background-position: 50%; background-size: cover } .e-con-inner > .elementor-element.elementor-absolute, .e-con > .elementor-element.elementor-absolute, .elementor-widget-wrap > .elementor-element.elementor-absolute { position: absolute } .e-con-inner > .elementor-element.elementor-fixed, .e-con > .elementor-element.elementor-fixed, .elementor-widget-wrap > .elementor-element.elementor-fixed { position: fixed } .elementor-widget-wrap .elementor-element.elementor-widget__width-auto, .elementor-widget-wrap .elementor-element.elementor-widget__width-initial { max-width: 100% } @media (max-width: 1024px) { .elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-auto, .elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-initial { max-width: 100% } } @media (max-width: 767px) { .elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-auto, .elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-initial { max-width: 100% } } .elementor-element { --flex-direction: initial; --flex-wrap: initial; --justify-content: initial; --align-items: initial; --align-content: initial; --gap: initial; --flex-basis: initial; --flex-grow: initial; --flex-shrink: initial; --order: initial; --align-self: initial; flex-basis: var(--flex-basis); flex-grow: var(--flex-grow); flex-shrink: var(--flex-shrink); order: var(--order); align-self: var(--align-self) } .elementor-element.elementor-absolute, .elementor-element.elementor-fixed { z-index: 1 } .elementor-element:where(.e-con-full, .elementor-widget) { flex-direction: var(--flex-direction); flex-wrap: var(--flex-wrap); justify-content: var(--justify-content); align-items: var(--align-items); align-content: var(--align-content); gap: var(--gap) } .elementor-invisible { visibility: hidden } .elementor-align-center { text-align: center } .elementor-align-center .elementor-button { width: auto } .elementor-align-right { text-align: right } .elementor-align-right .elementor-button { width: auto } .elementor-align-left { text-align: left } .elementor-align-left .elementor-button { width: auto } .elementor-align-justify .elementor-button { width: 100% } .elementor-custom-embed-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .elementor-custom-embed-play i { font-size: 100px; color: #fff; text-shadow: 1px 0 6px rgba(0, 0, 0, .3) } .elementor-custom-embed-play svg { height: 100px; width: 100px; fill: #fff; filter: drop-shadow(1px 0 6px rgba(0, 0, 0, .3)) } .elementor-custom-embed-play i, .elementor-custom-embed-play svg { opacity: .8; transition: all .5s } .elementor-custom-embed-play.elementor-playing i { font-family: eicons } .elementor-custom-embed-play.elementor-playing i:before { content: "\e8fb" } .elementor-custom-embed-play.elementor-playing i, .elementor-custom-embed-play.elementor-playing svg { animation: eicon-spin 2s linear infinite } .elementor-tag { display: inline-flex } .elementor-ken-burns { transition-property: transform; transition-duration: 10s; transition-timing-function: linear } .elementor-ken-burns--out { transform: scale(1.3) } .elementor-ken-burns--active { transition-duration: 20s } .elementor-ken-burns--active.elementor-ken-burns--out { transform: scale(1) } .elementor-ken-burns--active.elementor-ken-burns--in { transform: scale(1.3) } @media (min-width: -1) { .elementor-widescreen-align-center { text-align: center } .elementor-widescreen-align-center .elementor-button { width: auto } .elementor-widescreen-align-right { text-align: right } .elementor-widescreen-align-right .elementor-button { width: auto } .elementor-widescreen-align-left { text-align: left } .elementor-widescreen-align-left .elementor-button { width: auto } .elementor-widescreen-align-justify .elementor-button { width: 100% } } @media (max-width: -1) { .elementor-laptop-align-center { text-align: center } .elementor-laptop-align-center .elementor-button { width: auto } .elementor-laptop-align-right { text-align: right } .elementor-laptop-align-right .elementor-button { width: auto } .elementor-laptop-align-left { text-align: left } .elementor-laptop-align-left .elementor-button { width: auto } .elementor-laptop-align-justify .elementor-button { width: 100% } } @media (max-width: -1) { .elementor-tablet_extra-align-center { text-align: center } .elementor-tablet_extra-align-center .elementor-button { width: auto } .elementor-tablet_extra-align-right { text-align: right } .elementor-tablet_extra-align-right .elementor-button { width: auto } .elementor-tablet_extra-align-left { text-align: left } .elementor-tablet_extra-align-left .elementor-button { width: auto } .elementor-tablet_extra-align-justify .elementor-button { width: 100% } } @media (max-width: 1024px) { .elementor-tablet-align-center { text-align: center } .elementor-tablet-align-center .elementor-button { width: auto } .elementor-tablet-align-right { text-align: right } .elementor-tablet-align-right .elementor-button { width: auto } .elementor-tablet-align-left { text-align: left } .elementor-tablet-align-left .elementor-button { width: auto } .elementor-tablet-align-justify .elementor-button { width: 100% } } @media (max-width: -1) { .elementor-mobile_extra-align-center { text-align: center } .elementor-mobile_extra-align-center .elementor-button { width: auto } .elementor-mobile_extra-align-right { text-align: right } .elementor-mobile_extra-align-right .elementor-button { width: auto } .elementor-mobile_extra-align-left { text-align: left } .elementor-mobile_extra-align-left .elementor-button { width: auto } .elementor-mobile_extra-align-justify .elementor-button { width: 100% } } @media (max-width: 767px) { .elementor-mobile-align-center { text-align: center } .elementor-mobile-align-center .elementor-button { width: auto } .elementor-mobile-align-right { text-align: right } .elementor-mobile-align-right .elementor-button { width: auto } .elementor-mobile-align-left { text-align: left } .elementor-mobile-align-left .elementor-button { width: auto } .elementor-mobile-align-justify .elementor-button { width: 100% } } :root { --page-title-display: block } .elementor-page-title, h1.entry-title { display: var(--page-title-display) } @keyframes eicon-spin { 0% { transform: rotate(0deg) } to { transform: rotate(359deg) } } .eicon-animation-spin { animation: eicon-spin 2s linear infinite } .elementor-section { position: relative } .elementor-section .elementor-container { display: flex; margin-right: auto; margin-left: auto; position: relative } @media (max-width: 1024px) { .elementor-section .elementor-container { flex-wrap: wrap } } .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1140px } .elementor-section.elementor-section-stretched { position: relative; width: 100% } .elementor-section.elementor-section-items-top > .elementor-container { align-items: flex-start } .elementor-section.elementor-section-items-middle > .elementor-container { align-items: center } .elementor-section.elementor-section-items-bottom > .elementor-container { align-items: flex-end } @media (min-width: 768px) { .elementor-section.elementor-section-height-full { height: 100vh } .elementor-section.elementor-section-height-full > .elementor-container { height: 100% } } .elementor-bc-flex-widget .elementor-section-content-top > .elementor-container > .elementor-column > .elementor-widget-wrap { align-items: flex-start } .elementor-bc-flex-widget .elementor-section-content-middle > .elementor-container > .elementor-column > .elementor-widget-wrap { align-items: center } .elementor-bc-flex-widget .elementor-section-content-bottom > .elementor-container > .elementor-column > .elementor-widget-wrap { align-items: flex-end } .elementor-row { width: 100%; display: flex } @media (max-width: 1024px) { .elementor-row { flex-wrap: wrap } } .elementor-widget-wrap { position: relative; width: 100%; flex-wrap: wrap; align-content: flex-start } .elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap { display: flex } .elementor-widget-wrap > .elementor-element { width: 100% } .elementor-widget-wrap.e-swiper-container { width: calc(100% - (var(--e-column-margin-left, 0px) + var(--e-column-margin-right, 0px))) } .elementor-widget { position: relative } .elementor-widget:not(:last-child) { margin-bottom: 20px } .elementor-widget:not(:last-child).elementor-absolute, .elementor-widget:not(:last-child).elementor-widget__width-auto, .elementor-widget:not(:last-child).elementor-widget__width-initial { margin-bottom: 0 } .elementor-column { position: relative; min-height: 1px; display: flex } .elementor-column-wrap { width: 100%; position: relative; display: flex } .elementor-column-gap-narrow > .elementor-column > .elementor-element-populated { padding: 5px } .elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding: 10px } .elementor-column-gap-extended > .elementor-column > .elementor-element-populated { padding: 15px } .elementor-column-gap-wide > .elementor-column > .elementor-element-populated { padding: 20px } .elementor-column-gap-wider > .elementor-column > .elementor-element-populated { padding: 30px } .elementor-inner-section .elementor-column-gap-no .elementor-element-populated { padding: 0 } @media (min-width: 768px) { .elementor-column.elementor-col-10, .elementor-column[data-col="10"] { width: 10% } .elementor-column.elementor-col-11, .elementor-column[data-col="11"] { width: 11.111% } .elementor-column.elementor-col-12, .elementor-column[data-col="12"] { width: 12.5% } .elementor-column.elementor-col-14, .elementor-column[data-col="14"] { width: 14.285% } .elementor-column.elementor-col-16, .elementor-column[data-col="16"] { width: 16.666% } .elementor-column.elementor-col-20, .elementor-column[data-col="20"] { width: 20% } .elementor-column.elementor-col-25, .elementor-column[data-col="25"] { width: 25% } .elementor-column.elementor-col-30, .elementor-column[data-col="30"] { width: 30% } .elementor-column.elementor-col-33, .elementor-column[data-col="33"] { width: 33.333% } .elementor-column.elementor-col-40, .elementor-column[data-col="40"] { width: 40% } .elementor-column.elementor-col-50, .elementor-column[data-col="50"] { width: 50% } .elementor-column.elementor-col-60, .elementor-column[data-col="60"] { width: 60% } .elementor-column.elementor-col-66, .elementor-column[data-col="66"] { width: 66.666% } .elementor-column.elementor-col-70, .elementor-column[data-col="70"] { width: 70% } .elementor-column.elementor-col-75, .elementor-column[data-col="75"] { width: 75% } .elementor-column.elementor-col-80, .elementor-column[data-col="80"] { width: 80% } .elementor-column.elementor-col-83, .elementor-column[data-col="83"] { width: 83.333% } .elementor-column.elementor-col-90, .elementor-column[data-col="90"] { width: 90% } .elementor-column.elementor-col-100, .elementor-column[data-col="100"] { width: 100% } } @media (max-width: 479px) { .elementor-column.elementor-xs-10 { width: 10% } .elementor-column.elementor-xs-11 { width: 11.111% } .elementor-column.elementor-xs-12 { width: 12.5% } .elementor-column.elementor-xs-14 { width: 14.285% } .elementor-column.elementor-xs-16 { width: 16.666% } .elementor-column.elementor-xs-20 { width: 20% } .elementor-column.elementor-xs-25 { width: 25% } .elementor-column.elementor-xs-30 { width: 30% } .elementor-column.elementor-xs-33 { width: 33.333% } .elementor-column.elementor-xs-40 { width: 40% } .elementor-column.elementor-xs-50 { width: 50% } .elementor-column.elementor-xs-60 { width: 60% } .elementor-column.elementor-xs-66 { width: 66.666% } .elementor-column.elementor-xs-70 { width: 70% } .elementor-column.elementor-xs-75 { width: 75% } .elementor-column.elementor-xs-80 { width: 80% } .elementor-column.elementor-xs-83 { width: 83.333% } .elementor-column.elementor-xs-90 { width: 90% } .elementor-column.elementor-xs-100 { width: 100% } } @media (max-width: 767px) { .elementor-column.elementor-sm-10 { width: 10% } .elementor-column.elementor-sm-11 { width: 11.111% } .elementor-column.elementor-sm-12 { width: 12.5% } .elementor-column.elementor-sm-14 { width: 14.285% } .elementor-column.elementor-sm-16 { width: 16.666% } .elementor-column.elementor-sm-20 { width: 20% } .elementor-column.elementor-sm-25 { width: 25% } .elementor-column.elementor-sm-30 { width: 30% } .elementor-column.elementor-sm-33 { width: 33.333% } .elementor-column.elementor-sm-40 { width: 40% } .elementor-column.elementor-sm-50 { width: 50% } .elementor-column.elementor-sm-60 { width: 60% } .elementor-column.elementor-sm-66 { width: 66.666% } .elementor-column.elementor-sm-70 { width: 70% } .elementor-column.elementor-sm-75 { width: 75% } .elementor-column.elementor-sm-80 { width: 80% } .elementor-column.elementor-sm-83 { width: 83.333% } .elementor-column.elementor-sm-90 { width: 90% } .elementor-column.elementor-sm-100 { width: 100% } } @media (min-width: 768px) and (max-width:1024px) { .elementor-column.elementor-md-10 { width: 10% } .elementor-column.elementor-md-11 { width: 11.111% } .elementor-column.elementor-md-12 { width: 12.5% } .elementor-column.elementor-md-14 { width: 14.285% } .elementor-column.elementor-md-16 { width: 16.666% } .elementor-column.elementor-md-20 { width: 20% } .elementor-column.elementor-md-25 { width: 25% } .elementor-column.elementor-md-30 { width: 30% } .elementor-column.elementor-md-33 { width: 33.333% } .elementor-column.elementor-md-40 { width: 40% } .elementor-column.elementor-md-50 { width: 50% } .elementor-column.elementor-md-60 { width: 60% } .elementor-column.elementor-md-66 { width: 66.666% } .elementor-column.elementor-md-70 { width: 70% } .elementor-column.elementor-md-75 { width: 75% } .elementor-column.elementor-md-80 { width: 80% } .elementor-column.elementor-md-83 { width: 83.333% } .elementor-column.elementor-md-90 { width: 90% } .elementor-column.elementor-md-100 { width: 100% } } @media (min-width: -1) { .elementor-reverse-widescreen > .elementor-container > :first-child { order: 10 } .elementor-reverse-widescreen > .elementor-container > :nth-child(2) { order: 9 } .elementor-reverse-widescreen > .elementor-container > :nth-child(3) { order: 8 } .elementor-reverse-widescreen > .elementor-container > :nth-child(4) { order: 7 } .elementor-reverse-widescreen > .elementor-container > :nth-child(5) { order: 6 } .elementor-reverse-widescreen > .elementor-container > :nth-child(6) { order: 5 } .elementor-reverse-widescreen > .elementor-container > :nth-child(7) { order: 4 } .elementor-reverse-widescreen > .elementor-container > :nth-child(8) { order: 3 } .elementor-reverse-widescreen > .elementor-container > :nth-child(9) { order: 2 } .elementor-reverse-widescreen > .elementor-container > :nth-child(10) { order: 1 } } @media (min-width: 1025px) and (max-width:-1) { .elementor-reverse-laptop > .elementor-container > :first-child { order: 10 } .elementor-reverse-laptop > .elementor-container > :nth-child(2) { order: 9 } .elementor-reverse-laptop > .elementor-container > :nth-child(3) { order: 8 } .elementor-reverse-laptop > .elementor-container > :nth-child(4) { order: 7 } .elementor-reverse-laptop > .elementor-container > :nth-child(5) { order: 6 } .elementor-reverse-laptop > .elementor-container > :nth-child(6) { order: 5 } .elementor-reverse-laptop > .elementor-container > :nth-child(7) { order: 4 } .elementor-reverse-laptop > .elementor-container > :nth-child(8) { order: 3 } .elementor-reverse-laptop > .elementor-container > :nth-child(9) { order: 2 } .elementor-reverse-laptop > .elementor-container > :nth-child(10) { order: 1 } } @media (min-width: -1) and (max-width:-1) { .elementor-reverse-laptop > .elementor-container > :first-child { order: 10 } .elementor-reverse-laptop > .elementor-container > :nth-child(2) { order: 9 } .elementor-reverse-laptop > .elementor-container > :nth-child(3) { order: 8 } .elementor-reverse-laptop > .elementor-container > :nth-child(4) { order: 7 } .elementor-reverse-laptop > .elementor-container > :nth-child(5) { order: 6 } .elementor-reverse-laptop > .elementor-container > :nth-child(6) { order: 5 } .elementor-reverse-laptop > .elementor-container > :nth-child(7) { order: 4 } .elementor-reverse-laptop > .elementor-container > :nth-child(8) { order: 3 } .elementor-reverse-laptop > .elementor-container > :nth-child(9) { order: 2 } .elementor-reverse-laptop > .elementor-container > :nth-child(10) { order: 1 } } @media (min-width: 1025px) and (max-width:-1) { .elementor-reverse-laptop > .elementor-container > :first-child, .elementor-reverse-laptop > .elementor-container > :nth-child(2), .elementor-reverse-laptop > .elementor-container > :nth-child(3), .elementor-reverse-laptop > .elementor-container > :nth-child(4), .elementor-reverse-laptop > .elementor-container > :nth-child(5), .elementor-reverse-laptop > .elementor-container > :nth-child(6), .elementor-reverse-laptop > .elementor-container > :nth-child(7), .elementor-reverse-laptop > .elementor-container > :nth-child(8), .elementor-reverse-laptop > .elementor-container > :nth-child(9), .elementor-reverse-laptop > .elementor-container > :nth-child(10) { order: 0 } .elementor-reverse-tablet_extra > .elementor-container > :first-child { order: 10 } .elementor-reverse-tablet_extra > .elementor-container > :nth-child(2) { order: 9 } .elementor-reverse-tablet_extra > .elementor-container > :nth-child(3) { order: 8 } .elementor-reverse-tablet_extra > .elementor-container > :nth-child(4) { order: 7 } .elementor-reverse-tablet_extra > .elementor-container > :nth-child(5) { order: 6 } .elementor-reverse-tablet_extra > .elementor-container > :nth-child(6) { order: 5 } .elementor-reverse-tablet_extra > .elementor-container > :nth-child(7) { order: 4 } .elementor-reverse-tablet_extra > .elementor-container > :nth-child(8) { order: 3 } .elementor-reverse-tablet_extra > .elementor-container > :nth-child(9) { order: 2 } .elementor-reverse-tablet_extra > .elementor-container > :nth-child(10) { order: 1 } } @media (min-width: 768px) and (max-width:1024px) { .elementor-reverse-tablet > .elementor-container > :first-child { order: 10 } .elementor-reverse-tablet > .elementor-container > :nth-child(2) { order: 9 } .elementor-reverse-tablet > .elementor-container > :nth-child(3) { order: 8 } .elementor-reverse-tablet > .elementor-container > :nth-child(4) { order: 7 } .elementor-reverse-tablet > .elementor-container > :nth-child(5) { order: 6 } .elementor-reverse-tablet > .elementor-container > :nth-child(6) { order: 5 } .elementor-reverse-tablet > .elementor-container > :nth-child(7) { order: 4 } .elementor-reverse-tablet > .elementor-container > :nth-child(8) { order: 3 } .elementor-reverse-tablet > .elementor-container > :nth-child(9) { order: 2 } .elementor-reverse-tablet > .elementor-container > :nth-child(10) { order: 1 } } @media (min-width: -1) and (max-width:1024px) { .elementor-reverse-tablet > .elementor-container > :first-child { order: 10 } .elementor-reverse-tablet > .elementor-container > :nth-child(2) { order: 9 } .elementor-reverse-tablet > .elementor-container > :nth-child(3) { order: 8 } .elementor-reverse-tablet > .elementor-container > :nth-child(4) { order: 7 } .elementor-reverse-tablet > .elementor-container > :nth-child(5) { order: 6 } .elementor-reverse-tablet > .elementor-container > :nth-child(6) { order: 5 } .elementor-reverse-tablet > .elementor-container > :nth-child(7) { order: 4 } .elementor-reverse-tablet > .elementor-container > :nth-child(8) { order: 3 } .elementor-reverse-tablet > .elementor-container > :nth-child(9) { order: 2 } .elementor-reverse-tablet > .elementor-container > :nth-child(10) { order: 1 } } @media (min-width: 768px) and (max-width:-1) { .elementor-reverse-tablet > .elementor-container > :first-child, .elementor-reverse-tablet > .elementor-container > :nth-child(2), .elementor-reverse-tablet > .elementor-container > :nth-child(3), .elementor-reverse-tablet > .elementor-container > :nth-child(4), .elementor-reverse-tablet > .elementor-container > :nth-child(5), .elementor-reverse-tablet > .elementor-container > :nth-child(6), .elementor-reverse-tablet > .elementor-container > :nth-child(7), .elementor-reverse-tablet > .elementor-container > :nth-child(8), .elementor-reverse-tablet > .elementor-container > :nth-child(9), .elementor-reverse-tablet > .elementor-container > :nth-child(10) { order: 0 } .elementor-reverse-mobile_extra > .elementor-container > :first-child { order: 10 } .elementor-reverse-mobile_extra > .elementor-container > :nth-child(2) { order: 9 } .elementor-reverse-mobile_extra > .elementor-container > :nth-child(3) { order: 8 } .elementor-reverse-mobile_extra > .elementor-container > :nth-child(4) { order: 7 } .elementor-reverse-mobile_extra > .elementor-container > :nth-child(5) { order: 6 } .elementor-reverse-mobile_extra > .elementor-container > :nth-child(6) { order: 5 } .elementor-reverse-mobile_extra > .elementor-container > :nth-child(7) { order: 4 } .elementor-reverse-mobile_extra > .elementor-container > :nth-child(8) { order: 3 } .elementor-reverse-mobile_extra > .elementor-container > :nth-child(9) { order: 2 } .elementor-reverse-mobile_extra > .elementor-container > :nth-child(10) { order: 1 } } @media (max-width: 767px) { .elementor-reverse-mobile > .elementor-container > :first-child { order: 10 } .elementor-reverse-mobile > .elementor-container > :nth-child(2) { order: 9 } .elementor-reverse-mobile > .elementor-container > :nth-child(3) { order: 8 } .elementor-reverse-mobile > .elementor-container > :nth-child(4) { order: 7 } .elementor-reverse-mobile > .elementor-container > :nth-child(5) { order: 6 } .elementor-reverse-mobile > .elementor-container > :nth-child(6) { order: 5 } .elementor-reverse-mobile > .elementor-container > :nth-child(7) { order: 4 } .elementor-reverse-mobile > .elementor-container > :nth-child(8) { order: 3 } .elementor-reverse-mobile > .elementor-container > :nth-child(9) { order: 2 } .elementor-reverse-mobile > .elementor-container > :nth-child(10) { order: 1 } .elementor-column { width: 100% } } ul.elementor-icon-list-items.elementor-inline-items { display: flex; flex-wrap: wrap } ul.elementor-icon-list-items.elementor-inline-items .elementor-inline-item { word-break: break-word } .elementor-grid { display: grid; grid-column-gap: var(--grid-column-gap); grid-row-gap: var(--grid-row-gap) } .elementor-grid .elementor-grid-item { min-width: 0 } .elementor-grid-0 .elementor-grid { display: inline-block; width: 100%; word-spacing: var(--grid-column-gap); margin-bottom: calc(-1 * var(--grid-row-gap)) } .elementor-grid-0 .elementor-grid .elementor-grid-item { display: inline-block; margin-bottom: var(--grid-row-gap); word-break: break-word } .elementor-grid-1 .elementor-grid { grid-template-columns: repeat(1, 1fr) } .elementor-grid-2 .elementor-grid { grid-template-columns: repeat(2, 1fr) } .elementor-grid-3 .elementor-grid { grid-template-columns: repeat(3, 1fr) } .elementor-grid-4 .elementor-grid { grid-template-columns: repeat(4, 1fr) } .elementor-grid-5 .elementor-grid { grid-template-columns: repeat(5, 1fr) } .elementor-grid-6 .elementor-grid { grid-template-columns: repeat(6, 1fr) } .elementor-grid-7 .elementor-grid { grid-template-columns: repeat(7, 1fr) } .elementor-grid-8 .elementor-grid { grid-template-columns: repeat(8, 1fr) } .elementor-grid-9 .elementor-grid { grid-template-columns: repeat(9, 1fr) } .elementor-grid-10 .elementor-grid { grid-template-columns: repeat(10, 1fr) } .elementor-grid-11 .elementor-grid { grid-template-columns: repeat(11, 1fr) } .elementor-grid-12 .elementor-grid { grid-template-columns: repeat(12, 1fr) } @media (min-width: -1) { .elementor-grid-widescreen-0 .elementor-grid { display: inline-block; width: 100%; word-spacing: var(--grid-column-gap); margin-bottom: calc(-1 * var(--grid-row-gap)) } .elementor-grid-widescreen-0 .elementor-grid .elementor-grid-item { display: inline-block; margin-bottom: var(--grid-row-gap); word-break: break-word } .elementor-grid-widescreen-1 .elementor-grid { grid-template-columns: repeat(1, 1fr) } .elementor-grid-widescreen-2 .elementor-grid { grid-template-columns: repeat(2, 1fr) } .elementor-grid-widescreen-3 .elementor-grid { grid-template-columns: repeat(3, 1fr) } .elementor-grid-widescreen-4 .elementor-grid { grid-template-columns: repeat(4, 1fr) } .elementor-grid-widescreen-5 .elementor-grid { grid-template-columns: repeat(5, 1fr) } .elementor-grid-widescreen-6 .elementor-grid { grid-template-columns: repeat(6, 1fr) } .elementor-grid-widescreen-7 .elementor-grid { grid-template-columns: repeat(7, 1fr) } .elementor-grid-widescreen-8 .elementor-grid { grid-template-columns: repeat(8, 1fr) } .elementor-grid-widescreen-9 .elementor-grid { grid-template-columns: repeat(9, 1fr) } .elementor-grid-widescreen-10 .elementor-grid { grid-template-columns: repeat(10, 1fr) } .elementor-grid-widescreen-11 .elementor-grid { grid-template-columns: repeat(11, 1fr) } .elementor-grid-widescreen-12 .elementor-grid { grid-template-columns: repeat(12, 1fr) } } @media (max-width: -1) { .elementor-grid-laptop-0 .elementor-grid { display: inline-block; width: 100%; word-spacing: var(--grid-column-gap); margin-bottom: calc(-1 * var(--grid-row-gap)) } .elementor-grid-laptop-0 .elementor-grid .elementor-grid-item { display: inline-block; margin-bottom: var(--grid-row-gap); word-break: break-word } .elementor-grid-laptop-1 .elementor-grid { grid-template-columns: repeat(1, 1fr) } .elementor-grid-laptop-2 .elementor-grid { grid-template-columns: repeat(2, 1fr) } .elementor-grid-laptop-3 .elementor-grid { grid-template-columns: repeat(3, 1fr) } .elementor-grid-laptop-4 .elementor-grid { grid-template-columns: repeat(4, 1fr) } .elementor-grid-laptop-5 .elementor-grid { grid-template-columns: repeat(5, 1fr) } .elementor-grid-laptop-6 .elementor-grid { grid-template-columns: repeat(6, 1fr) } .elementor-grid-laptop-7 .elementor-grid { grid-template-columns: repeat(7, 1fr) } .elementor-grid-laptop-8 .elementor-grid { grid-template-columns: repeat(8, 1fr) } .elementor-grid-laptop-9 .elementor-grid { grid-template-columns: repeat(9, 1fr) } .elementor-grid-laptop-10 .elementor-grid { grid-template-columns: repeat(10, 1fr) } .elementor-grid-laptop-11 .elementor-grid { grid-template-columns: repeat(11, 1fr) } .elementor-grid-laptop-12 .elementor-grid { grid-template-columns: repeat(12, 1fr) } } @media (max-width: -1) { .elementor-grid-tablet_extra-0 .elementor-grid { display: inline-block; width: 100%; word-spacing: var(--grid-column-gap); margin-bottom: calc(-1 * var(--grid-row-gap)) } .elementor-grid-tablet_extra-0 .elementor-grid .elementor-grid-item { display: inline-block; margin-bottom: var(--grid-row-gap); word-break: break-word } .elementor-grid-tablet_extra-1 .elementor-grid { grid-template-columns: repeat(1, 1fr) } .elementor-grid-tablet_extra-2 .elementor-grid { grid-template-columns: repeat(2, 1fr) } .elementor-grid-tablet_extra-3 .elementor-grid { grid-template-columns: repeat(3, 1fr) } .elementor-grid-tablet_extra-4 .elementor-grid { grid-template-columns: repeat(4, 1fr) } .elementor-grid-tablet_extra-5 .elementor-grid { grid-template-columns: repeat(5, 1fr) } .elementor-grid-tablet_extra-6 .elementor-grid { grid-template-columns: repeat(6, 1fr) } .elementor-grid-tablet_extra-7 .elementor-grid { grid-template-columns: repeat(7, 1fr) } .elementor-grid-tablet_extra-8 .elementor-grid { grid-template-columns: repeat(8, 1fr) } .elementor-grid-tablet_extra-9 .elementor-grid { grid-template-columns: repeat(9, 1fr) } .elementor-grid-tablet_extra-10 .elementor-grid { grid-template-columns: repeat(10, 1fr) } .elementor-grid-tablet_extra-11 .elementor-grid { grid-template-columns: repeat(11, 1fr) } .elementor-grid-tablet_extra-12 .elementor-grid { grid-template-columns: repeat(12, 1fr) } } @media (max-width: 1024px) { .elementor-grid-tablet-0 .elementor-grid { display: inline-block; width: 100%; word-spacing: var(--grid-column-gap); margin-bottom: calc(-1 * var(--grid-row-gap)) } .elementor-grid-tablet-0 .elementor-grid .elementor-grid-item { display: inline-block; margin-bottom: var(--grid-row-gap); word-break: break-word } .elementor-grid-tablet-1 .elementor-grid { grid-template-columns: repeat(1, 1fr) } .elementor-grid-tablet-2 .elementor-grid { grid-template-columns: repeat(2, 1fr) } .elementor-grid-tablet-3 .elementor-grid { grid-template-columns: repeat(3, 1fr) } .elementor-grid-tablet-4 .elementor-grid { grid-template-columns: repeat(4, 1fr) } .elementor-grid-tablet-5 .elementor-grid { grid-template-columns: repeat(5, 1fr) } .elementor-grid-tablet-6 .elementor-grid { grid-template-columns: repeat(6, 1fr) } .elementor-grid-tablet-7 .elementor-grid { grid-template-columns: repeat(7, 1fr) } .elementor-grid-tablet-8 .elementor-grid { grid-template-columns: repeat(8, 1fr) } .elementor-grid-tablet-9 .elementor-grid { grid-template-columns: repeat(9, 1fr) } .elementor-grid-tablet-10 .elementor-grid { grid-template-columns: repeat(10, 1fr) } .elementor-grid-tablet-11 .elementor-grid { grid-template-columns: repeat(11, 1fr) } .elementor-grid-tablet-12 .elementor-grid { grid-template-columns: repeat(12, 1fr) } } @media (max-width: -1) { .elementor-grid-mobile_extra-0 .elementor-grid { display: inline-block; width: 100%; word-spacing: var(--grid-column-gap); margin-bottom: calc(-1 * var(--grid-row-gap)) } .elementor-grid-mobile_extra-0 .elementor-grid .elementor-grid-item { display: inline-block; margin-bottom: var(--grid-row-gap); word-break: break-word } .elementor-grid-mobile_extra-1 .elementor-grid { grid-template-columns: repeat(1, 1fr) } .elementor-grid-mobile_extra-2 .elementor-grid { grid-template-columns: repeat(2, 1fr) } .elementor-grid-mobile_extra-3 .elementor-grid { grid-template-columns: repeat(3, 1fr) } .elementor-grid-mobile_extra-4 .elementor-grid { grid-template-columns: repeat(4, 1fr) } .elementor-grid-mobile_extra-5 .elementor-grid { grid-template-columns: repeat(5, 1fr) } .elementor-grid-mobile_extra-6 .elementor-grid { grid-template-columns: repeat(6, 1fr) } .elementor-grid-mobile_extra-7 .elementor-grid { grid-template-columns: repeat(7, 1fr) } .elementor-grid-mobile_extra-8 .elementor-grid { grid-template-columns: repeat(8, 1fr) } .elementor-grid-mobile_extra-9 .elementor-grid { grid-template-columns: repeat(9, 1fr) } .elementor-grid-mobile_extra-10 .elementor-grid { grid-template-columns: repeat(10, 1fr) } .elementor-grid-mobile_extra-11 .elementor-grid { grid-template-columns: repeat(11, 1fr) } .elementor-grid-mobile_extra-12 .elementor-grid { grid-template-columns: repeat(12, 1fr) } } @media (max-width: 767px) { .elementor-grid-mobile-0 .elementor-grid { display: inline-block; width: 100%; word-spacing: var(--grid-column-gap); margin-bottom: calc(-1 * var(--grid-row-gap)) } .elementor-grid-mobile-0 .elementor-grid .elementor-grid-item { display: inline-block; margin-bottom: var(--grid-row-gap); word-break: break-word } .elementor-grid-mobile-1 .elementor-grid { grid-template-columns: repeat(1, 1fr) } .elementor-grid-mobile-2 .elementor-grid { grid-template-columns: repeat(2, 1fr) } .elementor-grid-mobile-3 .elementor-grid { grid-template-columns: repeat(3, 1fr) } .elementor-grid-mobile-4 .elementor-grid { grid-template-columns: repeat(4, 1fr) } .elementor-grid-mobile-5 .elementor-grid { grid-template-columns: repeat(5, 1fr) } .elementor-grid-mobile-6 .elementor-grid { grid-template-columns: repeat(6, 1fr) } .elementor-grid-mobile-7 .elementor-grid { grid-template-columns: repeat(7, 1fr) } .elementor-grid-mobile-8 .elementor-grid { grid-template-columns: repeat(8, 1fr) } .elementor-grid-mobile-9 .elementor-grid { grid-template-columns: repeat(9, 1fr) } .elementor-grid-mobile-10 .elementor-grid { grid-template-columns: repeat(10, 1fr) } .elementor-grid-mobile-11 .elementor-grid { grid-template-columns: repeat(11, 1fr) } .elementor-grid-mobile-12 .elementor-grid { grid-template-columns: repeat(12, 1fr) } } @media (min-width: 1025px) { #elementor-device-mode:after { content: "desktop" } } @media (min-width: -1) { #elementor-device-mode:after { content: "widescreen" } } @media (max-width: -1) { #elementor-device-mode:after { content: "laptop"; content: "tablet_extra" } } @media (max-width: 1024px) { #elementor-device-mode:after { content: "tablet" } } @media (max-width: -1) { #elementor-device-mode:after { content: "mobile_extra" } } @media (max-width: 767px) { #elementor-device-mode:after { content: "mobile" } } .e-con { --border-radius: 0; --border-block-start-width: 0px; --border-inline-end-width: 0px; --border-block-end-width: 0px; --border-inline-start-width: 0px; --border-style: initial; --border-color: initial; --container-widget-width: 100%; --container-widget-height: initial; --container-widget-flex-grow: 0; --container-widget-align-self: initial; --content-width: min(100%, var(--container-max-width, 1140px)); --width: 100%; --min-height: initial; --height: auto; --text-align: initial; --margin-block-start: 0px; --margin-inline-end: 0px; --margin-block-end: 0px; --margin-inline-start: 0px; --padding-block-start: var(--container-default-padding-block-start, 10px); --padding-inline-end: var(--container-default-padding-inline-end, 10px); --padding-block-end: var(--container-default-padding-block-end, 10px); --padding-inline-start: var(--container-default-padding-inline-start, 10px); --position: relative; --z-index: revert; --overflow: visible; --gap: var(--widgets-spacing, 20px); --overlay-mix-blend-mode: initial; --overlay-opacity: 1; --overlay-transition: 0.3s; --e-con-grid-template-columns: repeat(3, 1fr); --e-con-grid-template-rows: repeat(2, 1fr); position: var(--position); width: var(--width); min-width: 0; min-height: var(--min-height); height: var(--height); border-radius: var(--border-radius); margin-block-start: var(--bc-margin-block-start, var(--margin-block-start)); margin-inline-end: var(--bc-margin-inline-end, var(--margin-inline-end)); margin-block-end: var(--bc-margin-block-end, var(--margin-block-end)); margin-inline-start: var(--bc-margin-inline-start, var(--margin-inline-start)); padding-inline-start: var(--bc-padding-inline-start, var(--padding-inline-start)); padding-inline-end: var(--bc-padding-inline-end, var(--padding-inline-end)); z-index: var(--z-index); overflow: var(--overflow); transition: background var(--background-transition, .3s), border var(--border-transition, .3s), box-shadow var(--border-transition, .3s), transform var(--e-con-transform-transition-duration, .4s) } .e-con.e-flex { --flex-direction: column; --flex-basis: auto; --flex-grow: 0; --flex-shrink: 1; flex: var(--flex-grow) var(--flex-shrink) var(--flex-basis) } .e-con-full, .e-con > .e-con-inner { text-align: var(--text-align); padding-block-start: var(--bc-padding-block-start, var(--padding-block-start)); padding-block-end: var(--bc-padding-block-end, var(--padding-block-end)) } .e-con-full.e-flex, .e-con.e-flex > .e-con-inner { flex-direction: var(--flex-direction) } .e-con, .e-con > .e-con-inner { display: var(--display) } .e-con.e-grid { --grid-justify-content: start; --grid-align-content: start; --grid-auto-flow: row } .e-con.e-grid, .e-con.e-grid > .e-con-inner { grid-template-columns: var(--e-con-grid-template-columns); grid-template-rows: var(--e-con-grid-template-rows); justify-content: var(--grid-justify-content); align-content: var(--grid-align-content); grid-auto-flow: var(--grid-auto-flow) } .e-con-boxed.e-flex { flex-direction: column; flex-wrap: nowrap; justify-content: normal; align-items: normal; align-content: normal } .e-con-boxed.e-grid { justify-items: legacy; grid-template-columns: 1fr; grid-template-rows: 1fr } .e-con-boxed { text-align: initial; gap: initial } .e-con.e-flex > .e-con-inner { flex-wrap: var(--flex-wrap); justify-content: var(--justify-content); align-items: var(--align-items); align-content: var(--align-content); flex-basis: auto; flex-grow: 1; flex-shrink: 1; align-self: auto } .e-con.e-grid > .e-con-inner { justify-items: var(--justify-items); align-items: var(--align-items) } .e-con > .e-con-inner { gap: var(--gap); width: 100%; max-width: var(--content-width); margin: 0 auto; padding-inline-start: 0; padding-inline-end: 0; height: 100% } :is(.elementor-section-wrap, [data-elementor-id]) > .e-con { --margin-inline-end: auto; --margin-inline-start: auto; max-width: min(100%, var(--width)) } .e-con .elementor-widget.elementor-widget { margin-block-end: 0 } .e-con:before, .e-con > .elementor-background-slideshow:before, .e-con > .elementor-motion-effects-container > .elementor-motion-effects-layer:before, :is(.e-con, .e-con>.e-con-inner) > .elementor-background-video-container:before { content: var(--background-overlay); display: block; position: absolute; mix-blend-mode: var(--overlay-mix-blend-mode); opacity: var(--overlay-opacity); transition: var(--overlay-transition, .3s); border-radius: var(--border-radius); border-style: var(--border-style); border-color: var(--border-color); border-block-start-width: var(--border-block-start-width); border-inline-end-width: var(--border-inline-end-width); border-block-end-width: var(--border-block-end-width); border-inline-start-width: var(--border-inline-start-width); top: calc(0px - var(--border-block-start-width)); left: calc(0px - var(--border-inline-start-width)); width: max(100% + var(--border-inline-end-width) + var(--border-inline-start-width), 100%); height: max(100% + var(--border-block-start-width) + var(--border-block-end-width), 100%) } .e-con:before { transition: background var(--overlay-transition, .3s), border-radius var(--border-transition, .3s), opacity var(--overlay-transition, .3s) } .e-con > .elementor-background-slideshow, :is(.e-con, .e-con>.e-con-inner) > .elementor-background-video-container { border-radius: var(--border-radius); border-style: var(--border-style); border-color: var(--border-color); border-block-start-width: var(--border-block-start-width); border-inline-end-width: var(--border-inline-end-width); border-block-end-width: var(--border-block-end-width); border-inline-start-width: var(--border-inline-start-width); top: calc(0px - var(--border-block-start-width)); left: calc(0px - var(--border-inline-start-width)); width: max(100% + var(--border-inline-end-width) + var(--border-inline-start-width), 100%); height: max(100% + var(--border-block-start-width) + var(--border-block-end-width), 100%) } @media (max-width: 767px) { :is(.e-con, .e-con>.e-con-inner) > .elementor-background-video-container.elementor-hidden-phone { display: none } } :is(.e-con, .e-con>.e-con-inner) > .elementor-background-video-container:before { z-index: 1 } :is(.e-con, .e-con>.e-con-inner) > .elementor-background-slideshow:before { z-index: 2 } .e-con .elementor-widget { min-width: 0 } .e-con .elementor-widget-empty, .e-con .elementor-widget-google_maps, .e-con .elementor-widget-video, .e-con .elementor-widget.e-widget-swiper { width: 100% } .e-con > .e-con-inner > .elementor-widget > .elementor-widget-container, .e-con > .elementor-widget > .elementor-widget-container { height: 100% } .e-con.e-con > .e-con-inner > .elementor-widget, .elementor.elementor .e-con > .elementor-widget { max-width: 100% } @media (max-width: 767px) { .e-con.e-flex { --width: 100%; --flex-wrap: wrap } } .e-con { --bc-margin-block-start: var(--margin-top); --bc-margin-block-end: var(--margin-bottom); --bc-margin-inline-start: var(--margin-left); --bc-margin-inline-end: var(--margin-right); --bc-padding-block-start: var(--padding-top); --bc-padding-block-end: var(--padding-bottom); --bc-padding-inline-start: var(--padding-left); --bc-padding-inline-end: var(--padding-right) } [dir=rtl] .e-con { --bc-margin-inline-start: var(--margin-right); --bc-margin-inline-end: var(--margin-left); --bc-padding-inline-start: var(--padding-right); --bc-padding-inline-end: var(--padding-left) } .elementor-form-fields-wrapper { display: flex; flex-wrap: wrap } .elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group .elementor-field-subgroup, .elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group > .elementor-select-wrapper, .elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group > input, .elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group > textarea { flex-basis: 100%; max-width: 100% } .elementor-form-fields-wrapper.elementor-labels-inline > .elementor-field-group .elementor-select-wrapper, .elementor-form-fields-wrapper.elementor-labels-inline > .elementor-field-group > input { flex-grow: 1 } .elementor-field-group { flex-wrap: wrap; align-items: center } .elementor-field-group.elementor-field-type-submit { align-items: flex-end } .elementor-field-group .elementor-field-textual { width: 100%; max-width: 100%; border: 1px solid #69727d; background-color: transparent; color: #1f2124; vertical-align: middle; flex-grow: 1 } .elementor-field-group .elementor-field-textual:focus { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1); outline: 0 } .elementor-field-group .elementor-field-textual::-moz-placeholder { color: inherit; font-family: inherit; opacity: .6 } .elementor-field-group .elementor-field-textual::placeholder { color: inherit; font-family: inherit; opacity: .6 } .elementor-field-group .elementor-select-wrapper { display: flex; position: relative; width: 100% } .elementor-field-group .elementor-select-wrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none; color: inherit; font-size: inherit; font-family: inherit; font-weight: inherit; font-style: inherit; text-transform: inherit; letter-spacing: inherit; line-height: inherit; flex-basis: 100%; padding-right: 20px } .elementor-field-group .elementor-select-wrapper:before { content: "\e92a"; font-family: eicons; font-size: 15px; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; pointer-events: none; text-shadow: 0 0 3px rgba(0, 0, 0, .3) } .elementor-field-group.elementor-field-type-select-multiple .elementor-select-wrapper:before { content: "" } .elementor-field-subgroup { display: flex; flex-wrap: wrap } .elementor-field-subgroup .elementor-field-option label { display: inline-block } .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option { padding-right: 10px } .elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option { flex-basis: 100% } .elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input, .elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option label, .elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option input, .elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option label, .elementor-field-type-radio .elementor-field-subgroup .elementor-field-option input, .elementor-field-type-radio .elementor-field-subgroup .elementor-field-option label { display: inline } .elementor-field-label { cursor: pointer } .elementor-mark-required .elementor-field-label:after { content: "*"; color: red; padding-left: .2em } .elementor-field-textual { line-height: 1.4; font-size: 15px; min-height: 40px; padding: 5px 14px; border-radius: 3px } .elementor-field-textual.elementor-size-xs { font-size: 13px; min-height: 33px; padding: 4px 12px; border-radius: 2px } .elementor-field-textual.elementor-size-md { font-size: 16px; min-height: 47px; padding: 6px 16px; border-radius: 4px } .elementor-field-textual.elementor-size-lg { font-size: 18px; min-height: 59px; padding: 7px 20px; border-radius: 5px } .elementor-field-textual.elementor-size-xl { font-size: 20px; min-height: 72px; padding: 8px 24px; border-radius: 6px } .elementor-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button { flex-basis: 100% } .elementor-button-align-stretch .e-form__buttons__wrapper { flex-basis: 50%; flex-grow: 1 } .elementor-button-align-stretch .e-form__buttons__wrapper__button { flex-basis: 100% } .elementor-button-align-center .e-form__buttons, .elementor-button-align-center .elementor-field-type-submit { justify-content: center } .elementor-button-align-start .e-form__buttons, .elementor-button-align-start .elementor-field-type-submit { justify-content: flex-start } .elementor-button-align-end .e-form__buttons, .elementor-button-align-end .elementor-field-type-submit { justify-content: flex-end } .elementor-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button { flex-basis: auto } .elementor-button-align-center .e-form__buttons__wrapper, .elementor-button-align-end .e-form__buttons__wrapper, .elementor-button-align-start .e-form__buttons__wrapper { flex-grow: 0 } .elementor-button-align-center .e-form__buttons__wrapper, .elementor-button-align-center .e-form__buttons__wrapper__button, .elementor-button-align-end .e-form__buttons__wrapper, .elementor-button-align-end .e-form__buttons__wrapper__button, .elementor-button-align-start .e-form__buttons__wrapper, .elementor-button-align-start .e-form__buttons__wrapper__button { flex-basis: auto } @media screen and (max-width: 1024px) { .elementor-tablet-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button { flex-basis: 100% } .elementor-tablet-button-align-stretch .e-form__buttons__wrapper { flex-basis: 50%; flex-grow: 1 } .elementor-tablet-button-align-stretch .e-form__buttons__wrapper__button { flex-basis: 100% } .elementor-tablet-button-align-center .e-form__buttons, .elementor-tablet-button-align-center .elementor-field-type-submit { justify-content: center } .elementor-tablet-button-align-start .e-form__buttons, .elementor-tablet-button-align-start .elementor-field-type-submit { justify-content: flex-start } .elementor-tablet-button-align-end .e-form__buttons, .elementor-tablet-button-align-end .elementor-field-type-submit { justify-content: flex-end } .elementor-tablet-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-tablet-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-tablet-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button { flex-basis: auto } .elementor-tablet-button-align-center .e-form__buttons__wrapper, .elementor-tablet-button-align-end .e-form__buttons__wrapper, .elementor-tablet-button-align-start .e-form__buttons__wrapper { flex-grow: 0 } .elementor-tablet-button-align-center .e-form__buttons__wrapper, .elementor-tablet-button-align-center .e-form__buttons__wrapper__button, .elementor-tablet-button-align-end .e-form__buttons__wrapper, .elementor-tablet-button-align-end .e-form__buttons__wrapper__button, .elementor-tablet-button-align-start .e-form__buttons__wrapper, .elementor-tablet-button-align-start .e-form__buttons__wrapper__button { flex-basis: auto } } @media screen and (max-width: 767px) { .elementor-mobile-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button { flex-basis: 100% } .elementor-mobile-button-align-stretch .e-form__buttons__wrapper { flex-basis: 50%; flex-grow: 1 } .elementor-mobile-button-align-stretch .e-form__buttons__wrapper__button { flex-basis: 100% } .elementor-mobile-button-align-center .e-form__buttons, .elementor-mobile-button-align-center .elementor-field-type-submit { justify-content: center } .elementor-mobile-button-align-start .e-form__buttons, .elementor-mobile-button-align-start .elementor-field-type-submit { justify-content: flex-start } .elementor-mobile-button-align-end .e-form__buttons, .elementor-mobile-button-align-end .elementor-field-type-submit { justify-content: flex-end } .elementor-mobile-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-mobile-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-mobile-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button { flex-basis: auto } .elementor-mobile-button-align-center .e-form__buttons__wrapper, .elementor-mobile-button-align-end .e-form__buttons__wrapper, .elementor-mobile-button-align-start .e-form__buttons__wrapper { flex-grow: 0 } .elementor-mobile-button-align-center .e-form__buttons__wrapper, .elementor-mobile-button-align-center .e-form__buttons__wrapper__button, .elementor-mobile-button-align-end .e-form__buttons__wrapper, .elementor-mobile-button-align-end .e-form__buttons__wrapper__button, .elementor-mobile-button-align-start .e-form__buttons__wrapper, .elementor-mobile-button-align-start .e-form__buttons__wrapper__button { flex-basis: auto } } .elementor-error .elementor-field { border-color: #d9534f } .elementor-error .help-inline { color: #d9534f; font-size: .9em } .elementor-message { margin: 10px 0; font-size: 1em; line-height: 1 } .elementor-message:before { content: "\e90e"; display: inline-block; font-family: eicons; font-weight: 400; font-style: normal; vertical-align: middle; margin-right: 5px } .elementor-message.elementor-message-danger { color: #d9534f } .elementor-message.elementor-message-danger:before { content: "\e87f" } .elementor-message.form-message-success { color: #5cb85c } .elementor-form .elementor-button { padding-top: 0; padding-bottom: 0; border: none } .elementor-form .elementor-button > span { display: flex; justify-content: center } .elementor-form .elementor-button.elementor-size-xs { min-height: 33px } .elementor-form .elementor-button.elementor-size-sm { min-height: 40px } .elementor-form .elementor-button.elementor-size-md { min-height: 47px } .elementor-form .elementor-button.elementor-size-lg { min-height: 59px } .elementor-form .elementor-button.elementor-size-xl { min-height: 72px } .elementor-element .elementor-widget-container { transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s) } .elementor-button { display: inline-block; line-height: 1; background-color: #69727d; font-size: 15px; padding: 12px 24px; border-radius: 3px; color: #fff; fill: #fff; text-align: center; transition: all .3s } .elementor-button:focus, .elementor-button:hover, .elementor-button:visited { color: #fff } .elementor-button-content-wrapper { display: flex; justify-content: center } .elementor-button-icon { flex-grow: 0; order: 5 } .elementor-button-icon svg { width: 1em; height: auto } .elementor-button-icon .e-font-icon-svg { height: 1em } .elementor-button-text { flex-grow: 1; order: 10; display: inline-block } .elementor-button.elementor-size-xs { font-size: 13px; padding: 10px 20px; border-radius: 2px } .elementor-button.elementor-size-md { font-size: 16px; padding: 15px 30px; border-radius: 4px } .elementor-button.elementor-size-lg { font-size: 18px; padding: 20px 40px; border-radius: 5px } .elementor-button.elementor-size-xl { font-size: 20px; padding: 25px 50px; border-radius: 6px } .elementor-button .elementor-align-icon-right { margin-left: 5px; order: 15 } .elementor-button .elementor-align-icon-left { margin-right: 5px; order: 5 } .elementor-button span { text-decoration: inherit } .elementor-element.elementor-button-info .elementor-button { background-color: #5bc0de } .elementor-element.elementor-button-success .elementor-button { background-color: #5cb85c } .elementor-element.elementor-button-warning .elementor-button { background-color: #f0ad4e } .elementor-element.elementor-button-danger .elementor-button { background-color: #d9534f } .elementor-widget-button .elementor-button .elementor-button-info { background-color: #5bc0de } .elementor-widget-button .elementor-button .elementor-button-success { background-color: #5cb85c } .elementor-widget-button .elementor-button .elementor-button-warning { background-color: #f0ad4e } .elementor-widget-button .elementor-button .elementor-button-danger { background-color: #d9534f } .elementor-tab-title a { color: inherit } .elementor-view-stacked .elementor-icon { padding: .5em; background-color: #69727d; color: #fff; fill: #fff } .elementor-view-framed .elementor-icon { padding: .5em; color: #69727d; border: 3px solid #69727d; background-color: transparent } .elementor-icon { display: inline-block; line-height: 1; transition: all .3s; color: #69727d; font-size: 50px; text-align: center } .elementor-icon:hover { color: #69727d } .elementor-icon i, .elementor-icon svg { width: 1em; height: 1em; position: relative; display: block } .elementor-icon i:before, .elementor-icon svg:before { position: absolute; left: 50%; transform: translateX(-50%) } .elementor-icon i.fad { width: auto } .elementor-shape-circle .elementor-icon { border-radius: 50% } .e-transform .elementor-widget-container { transform: perspective(var(--e-transform-perspective, 0)) rotate(var(--e-transform-rotateZ, 0)) rotateX(var(--e-transform-rotateX, 0)) rotateY(var(--e-transform-rotateY, 0)) translate(var(--e-transform-translate, 0)) translateX(var(--e-transform-translateX, 0)) translateY(var(--e-transform-translateY, 0)) scaleX(calc(var(--e-transform-flipX, 1) * var(--e-transform-scaleX, var(--e-transform-scale, 1)))) scaleY(calc(var(--e-transform-flipY, 1) * var(--e-transform-scaleY, var(--e-transform-scale, 1)))) skewX(var(--e-transform-skewX, 0)) skewY(var(--e-transform-skewY, 0)); transform-origin: var(--e-transform-origin-y) var(--e-transform-origin-x) } .e-con.e-transform { transform: perspective(var(--e-con-transform-perspective, 0)) rotate(var(--e-con-transform-rotateZ, 0)) rotateX(var(--e-con-transform-rotateX, 0)) rotateY(var(--e-con-transform-rotateY, 0)) translate(var(--e-con-transform-translate, 0)) translateX(var(--e-con-transform-translateX, 0)) translateY(var(--e-con-transform-translateY, 0)) scaleX(calc(var(--e-con-transform-flipX, 1) * var(--e-con-transform-scaleX, var(--e-con-transform-scale, 1)))) scaleY(calc(var(--e-con-transform-flipY, 1) * var(--e-con-transform-scaleY, var(--e-con-transform-scale, 1)))) skewX(var(--e-con-transform-skewX, 0)) skewY(var(--e-con-transform-skewY, 0)); transform-origin: var(--e-con-transform-origin-y) var(--e-con-transform-origin-x) } .elementor-element, .elementor-lightbox { --swiper-theme-color: #000; --swiper-navigation-size: 44px; --swiper-pagination-bullet-size: 6px; --swiper-pagination-bullet-horizontal-gap: 6px } .elementor-element .swiper-container .swiper-slide figure, .elementor-element .swiper .swiper-slide figure, .elementor-lightbox .swiper-container .swiper-slide figure, .elementor-lightbox .swiper .swiper-slide figure { line-height: 0 } .elementor-element .swiper-container .elementor-lightbox-content-source, .elementor-element .swiper .elementor-lightbox-content-source, .elementor-lightbox .swiper-container .elementor-lightbox-content-source, .elementor-lightbox .swiper .elementor-lightbox-content-source { display: none } .elementor-element .swiper-container .elementor-swiper-button, .elementor-element .swiper-container ~ .elementor-swiper-button, .elementor-element .swiper .elementor-swiper-button, .elementor-element .swiper ~ .elementor-swiper-button, .elementor-lightbox .swiper-container .elementor-swiper-button, .elementor-lightbox .swiper-container ~ .elementor-swiper-button, .elementor-lightbox .swiper .elementor-swiper-button, .elementor-lightbox .swiper ~ .elementor-swiper-button { position: absolute; display: inline-flex; z-index: 1; cursor: pointer; font-size: 25px; color: hsla(0, 0%, 93.3%, .9); top: 50%; transform: translateY(-50%) } .elementor-element .swiper-container .elementor-swiper-button svg, .elementor-element .swiper-container ~ .elementor-swiper-button svg, .elementor-element .swiper .elementor-swiper-button svg, .elementor-element .swiper ~ .elementor-swiper-button svg, .elementor-lightbox .swiper-container .elementor-swiper-button svg, .elementor-lightbox .swiper-container ~ .elementor-swiper-button svg, .elementor-lightbox .swiper .elementor-swiper-button svg, .elementor-lightbox .swiper ~ .elementor-swiper-button svg { fill: hsla(0, 0%, 93.3%, .9); height: 1em; width: 1em } .elementor-element .swiper-container .elementor-swiper-button-prev, .elementor-element .swiper-container ~ .elementor-swiper-button-prev, .elementor-element .swiper .elementor-swiper-button-prev, .elementor-element .swiper ~ .elementor-swiper-button-prev, .elementor-lightbox .swiper-container .elementor-swiper-button-prev, .elementor-lightbox .swiper-container ~ .elementor-swiper-button-prev, .elementor-lightbox .swiper .elementor-swiper-button-prev, .elementor-lightbox .swiper ~ .elementor-swiper-button-prev { left: 10px } .elementor-element .swiper-container .elementor-swiper-button-next, .elementor-element .swiper-container ~ .elementor-swiper-button-next, .elementor-element .swiper .elementor-swiper-button-next, .elementor-element .swiper ~ .elementor-swiper-button-next, .elementor-lightbox .swiper-container .elementor-swiper-button-next, .elementor-lightbox .swiper-container ~ .elementor-swiper-button-next, .elementor-lightbox .swiper .elementor-swiper-button-next, .elementor-lightbox .swiper ~ .elementor-swiper-button-next { right: 10px } .elementor-element .swiper-container .elementor-swiper-button.swiper-button-disabled, .elementor-element .swiper-container ~ .elementor-swiper-button.swiper-button-disabled, .elementor-element .swiper .elementor-swiper-button.swiper-button-disabled, .elementor-element .swiper ~ .elementor-swiper-button.swiper-button-disabled, .elementor-lightbox .swiper-container .elementor-swiper-button.swiper-button-disabled, .elementor-lightbox .swiper-container ~ .elementor-swiper-button.swiper-button-disabled, .elementor-lightbox .swiper .elementor-swiper-button.swiper-button-disabled, .elementor-lightbox .swiper ~ .elementor-swiper-button.swiper-button-disabled { opacity: .3 } .elementor-element .swiper-container .swiper-image-stretch .swiper-slide .swiper-slide-image, .elementor-element .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image, .elementor-lightbox .swiper-container .swiper-image-stretch .swiper-slide .swiper-slide-image, .elementor-lightbox .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image { width: 100% } .elementor-element .swiper-container .swiper-horizontal > .swiper-pagination-bullets, .elementor-element .swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper-container .swiper-pagination-custom, .elementor-element .swiper-container .swiper-pagination-fraction, .elementor-element .swiper-container ~ .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper-container ~ .swiper-pagination-custom, .elementor-element .swiper-container ~ .swiper-pagination-fraction, .elementor-element .swiper .swiper-horizontal > .swiper-pagination-bullets, .elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper .swiper-pagination-custom, .elementor-element .swiper .swiper-pagination-fraction, .elementor-element .swiper ~ .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper ~ .swiper-pagination-custom, .elementor-element .swiper ~ .swiper-pagination-fraction, .elementor-lightbox .swiper-container .swiper-horizontal > .swiper-pagination-bullets, .elementor-lightbox .swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper-container .swiper-pagination-custom, .elementor-lightbox .swiper-container .swiper-pagination-fraction, .elementor-lightbox .swiper-container ~ .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper-container ~ .swiper-pagination-custom, .elementor-lightbox .swiper-container ~ .swiper-pagination-fraction, .elementor-lightbox .swiper .swiper-horizontal > .swiper-pagination-bullets, .elementor-lightbox .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper .swiper-pagination-custom, .elementor-lightbox .swiper .swiper-pagination-fraction, .elementor-lightbox .swiper ~ .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper ~ .swiper-pagination-custom, .elementor-lightbox .swiper ~ .swiper-pagination-fraction { bottom: 5px } .elementor-element .swiper-container.swiper-cube .elementor-swiper-button, .elementor-element .swiper-container.swiper-cube ~ .elementor-swiper-button, .elementor-element .swiper.swiper-cube .elementor-swiper-button, .elementor-element .swiper.swiper-cube ~ .elementor-swiper-button, .elementor-lightbox .swiper-container.swiper-cube .elementor-swiper-button, .elementor-lightbox .swiper-container.swiper-cube ~ .elementor-swiper-button, .elementor-lightbox .swiper.swiper-cube .elementor-swiper-button, .elementor-lightbox .swiper.swiper-cube ~ .elementor-swiper-button { transform: translate3d(0, -50%, 1px) } .elementor-element :where(.swiper-container-horizontal) ~ .swiper-pagination-bullets, .elementor-lightbox :where(.swiper-container-horizontal) ~ .swiper-pagination-bullets { bottom: 5px; left: 0; width: 100% } .elementor-element :where(.swiper-container-horizontal) ~ .swiper-pagination-bullets .swiper-pagination-bullet, .elementor-lightbox :where(.swiper-container-horizontal) ~ .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) } .elementor-element :where(.swiper-container-horizontal) ~ .swiper-pagination-progressbar, .elementor-lightbox :where(.swiper-container-horizontal) ~ .swiper-pagination-progressbar { width: 100%; height: 4px; left: 0; top: 0 } .elementor-element.elementor-pagination-position-outside .swiper, .elementor-element.elementor-pagination-position-outside .swiper-container, .elementor-lightbox.elementor-pagination-position-outside .swiper, .elementor-lightbox.elementor-pagination-position-outside .swiper-container { padding-bottom: 30px } .elementor-element.elementor-pagination-position-outside .swiper-container .elementor-swiper-button, .elementor-element.elementor-pagination-position-outside .swiper-container ~ .elementor-swiper-button, .elementor-element.elementor-pagination-position-outside .swiper .elementor-swiper-button, .elementor-element.elementor-pagination-position-outside .swiper ~ .elementor-swiper-button, .elementor-lightbox.elementor-pagination-position-outside .swiper-container .elementor-swiper-button, .elementor-lightbox.elementor-pagination-position-outside .swiper-container ~ .elementor-swiper-button, .elementor-lightbox.elementor-pagination-position-outside .swiper .elementor-swiper-button, .elementor-lightbox.elementor-pagination-position-outside .swiper ~ .elementor-swiper-button { top: calc(50% - 30px / 2) } .elementor-element .elementor-swiper, .elementor-lightbox .elementor-swiper { position: relative } .elementor-element .elementor-main-swiper, .elementor-lightbox .elementor-main-swiper { position: static } .elementor-element.elementor-arrows-position-outside .swiper, .elementor-element.elementor-arrows-position-outside .swiper-container, .elementor-lightbox.elementor-arrows-position-outside .swiper, .elementor-lightbox.elementor-arrows-position-outside .swiper-container { width: calc(100% - 60px) } .elementor-element.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-prev, .elementor-element.elementor-arrows-position-outside .swiper-container ~ .elementor-swiper-button-prev, .elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev, .elementor-element.elementor-arrows-position-outside .swiper ~ .elementor-swiper-button-prev, .elementor-lightbox.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-prev, .elementor-lightbox.elementor-arrows-position-outside .swiper-container ~ .elementor-swiper-button-prev, .elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev, .elementor-lightbox.elementor-arrows-position-outside .swiper ~ .elementor-swiper-button-prev { left: 0 } .elementor-element.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-next, .elementor-element.elementor-arrows-position-outside .swiper-container ~ .elementor-swiper-button-next, .elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-next, .elementor-element.elementor-arrows-position-outside .swiper ~ .elementor-swiper-button-next, .elementor-lightbox.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-next, .elementor-lightbox.elementor-arrows-position-outside .swiper-container ~ .elementor-swiper-button-next, .elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-next, .elementor-lightbox.elementor-arrows-position-outside .swiper ~ .elementor-swiper-button-next { right: 0 } .elementor-lightbox { --lightbox-ui-color: hsla(0, 0%, 93.3%, 0.9); --lightbox-ui-color-hover: #fff; --lightbox-text-color: var(--lightbox-ui-color); --lightbox-header-icons-size: 20px; --lightbox-navigation-icons-size: 25px } .elementor-lightbox:not(.elementor-popup-modal) .dialog-header, .elementor-lightbox:not(.elementor-popup-modal) .dialog-message { text-align: center } .elementor-lightbox .dialog-header { display: none } .elementor-lightbox .dialog-widget-content { background: none; box-shadow: none; width: 100%; height: 100%; top: 0 !important; left: 0 !important; } .elementor-lightbox .dialog-message { animation-duration: .3s; height: 100% } .elementor-lightbox .dialog-message.dialog-lightbox-message { padding: 0 } .elementor-lightbox .dialog-lightbox-close-button { cursor: pointer; position: absolute; font-size: var(--lightbox-header-icons-size); right: .75em; margin-top: 13px; padding: .25em; z-index: 2; line-height: 1; display: flex } .elementor-lightbox .dialog-lightbox-close-button svg { height: 1em; width: 1em } .elementor-lightbox .dialog-lightbox-close-button, .elementor-lightbox .elementor-swiper-button { color: var(--lightbox-ui-color); transition: all .3s; opacity: 1 } .elementor-lightbox .dialog-lightbox-close-button svg, .elementor-lightbox .elementor-swiper-button svg { fill: var(--lightbox-ui-color) } .elementor-lightbox .dialog-lightbox-close-button:hover, .elementor-lightbox .elementor-swiper-button:hover { color: var(--lightbox-ui-color-hover) } .elementor-lightbox .dialog-lightbox-close-button:hover svg, .elementor-lightbox .elementor-swiper-button:hover svg { fill: var(--lightbox-ui-color-hover) } .elementor-lightbox .swiper, .elementor-lightbox .swiper-container { height: 100% } .elementor-lightbox .elementor-lightbox-item { display: flex; align-items: center; justify-content: center; position: relative; padding: 70px; box-sizing: border-box; height: 100%; margin: auto } @media (max-width: 767px) { .elementor-lightbox .elementor-lightbox-item { padding: 70px 0 } } .elementor-lightbox .elementor-lightbox-image { max-height: 100%; -webkit-user-select: none; -moz-user-select: none; user-select: none } .elementor-lightbox .elementor-lightbox-image, .elementor-lightbox .elementor-lightbox-image:hover { opacity: 1; filter: none; border: none } .elementor-lightbox .elementor-lightbox-image { box-shadow: 0 0 30px rgba(0, 0, 0, .3), 0 0 8px -5px rgba(0, 0, 0, .3); border-radius: 2px } .elementor-lightbox .elementor-video-container { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .elementor-lightbox .elementor-video-container .elementor-video-landscape, .elementor-lightbox .elementor-video-container .elementor-video-portrait, .elementor-lightbox .elementor-video-container .elementor-video-square { width: 100%; height: 100%; margin: auto } .elementor-lightbox .elementor-video-container .elementor-video-landscape iframe, .elementor-lightbox .elementor-video-container .elementor-video-portrait iframe, .elementor-lightbox .elementor-video-container .elementor-video-square iframe { border: 0; background-color: #000 } .elementor-lightbox .elementor-video-container .elementor-video-landscape iframe, .elementor-lightbox .elementor-video-container .elementor-video-landscape video, .elementor-lightbox .elementor-video-container .elementor-video-portrait iframe, .elementor-lightbox .elementor-video-container .elementor-video-portrait video, .elementor-lightbox .elementor-video-container .elementor-video-square iframe, .elementor-lightbox .elementor-video-container .elementor-video-square video { aspect-ratio: var(--video-aspect-ratio, 1.77777) } @supports not (aspect-ratio: 1/1) { .elementor-lightbox .elementor-video-container .elementor-video-landscape, .elementor-lightbox .elementor-video-container .elementor-video-portrait, .elementor-lightbox .elementor-video-container .elementor-video-square { position: relative; overflow: hidden; height: 0; padding-bottom: calc(100% / var(--video-aspect-ratio, 1.77777)) } .elementor-lightbox .elementor-video-container .elementor-video-landscape iframe, .elementor-lightbox .elementor-video-container .elementor-video-landscape video, .elementor-lightbox .elementor-video-container .elementor-video-portrait iframe, .elementor-lightbox .elementor-video-container .elementor-video-portrait video, .elementor-lightbox .elementor-video-container .elementor-video-square iframe, .elementor-lightbox .elementor-video-container .elementor-video-square video { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } } .elementor-lightbox .elementor-video-container .elementor-video-square iframe, .elementor-lightbox .elementor-video-container .elementor-video-square video { width: min(90vh, 90vw); height: min(90vh, 90vw) } .elementor-lightbox .elementor-video-container .elementor-video-landscape iframe, .elementor-lightbox .elementor-video-container .elementor-video-landscape video { width: 100%; max-height: 90vh } .elementor-lightbox .elementor-video-container .elementor-video-portrait iframe, .elementor-lightbox .elementor-video-container .elementor-video-portrait video { height: 100%; max-width: 90vw } @media (min-width: 1025px) { .elementor-lightbox .elementor-video-container .elementor-video-landscape { width: 85vw; max-height: 85vh } .elementor-lightbox .elementor-video-container .elementor-video-portrait { height: 85vh; max-width: 85vw } } @media (max-width: 1024px) { .elementor-lightbox .elementor-video-container .elementor-video-landscape { width: 95vw; max-height: 95vh } .elementor-lightbox .elementor-video-container .elementor-video-portrait { height: 95vh; max-width: 95vw } } .elementor-lightbox .swiper-container .elementor-swiper-button-prev, .elementor-lightbox .swiper .elementor-swiper-button-prev { left: 0 } .elementor-lightbox .swiper-container .elementor-swiper-button-next, .elementor-lightbox .swiper .elementor-swiper-button-next { right: 0 } .elementor-lightbox .swiper-container .swiper-pagination-fraction, .elementor-lightbox .swiper .swiper-pagination-fraction { width: -moz-max-content; width: max-content; color: #fff } .elementor-lightbox .elementor-swiper-button:focus { outline-width: 1px } .elementor-lightbox .elementor-swiper-button-next, .elementor-lightbox .elementor-swiper-button-prev { height: 100%; display: flex; align-items: center; width: 15%; justify-content: center; font-size: var(--lightbox-navigation-icons-size) } @media (max-width: 767px) { .elementor-lightbox .elementor-swiper-button:focus { outline: none } .elementor-lightbox .elementor-swiper-button-next, .elementor-lightbox .elementor-swiper-button-prev { width: 20% } .elementor-lightbox .elementor-swiper-button-next i, .elementor-lightbox .elementor-swiper-button-prev i { padding: 10px; background-color: rgba(0, 0, 0, .5) } .elementor-lightbox .elementor-swiper-button-prev { left: 0; justify-content: flex-start } .elementor-lightbox .elementor-swiper-button-next { right: 0; justify-content: flex-end } } .elementor-slideshow__counter { color: currentColor; font-size: .75em; width: -moz-max-content; width: max-content } .elementor-slideshow__footer, .elementor-slideshow__header { position: absolute; left: 0; width: 100%; padding: 15px 20px; transition: .3s } .elementor-slideshow__footer { color: var(--lightbox-text-color) } .elementor-slideshow__header { color: var(--lightbox-ui-color); display: flex; flex-direction: row-reverse; font-size: var(--lightbox-header-icons-size); padding-left: 1em; padding-right: 2.6em; top: 0; align-items: center; z-index: 10 } .elementor-slideshow__header > i, .elementor-slideshow__header > svg { cursor: pointer; padding: .25em; margin: 0 .35em } .elementor-slideshow__header > i { font-size: inherit } .elementor-slideshow__header > i:hover { color: var(--lightbox-ui-color-hover) } .elementor-slideshow__header > svg { box-sizing: content-box; fill: var(--lightbox-ui-color); height: 1em; width: 1em } .elementor-slideshow__header > svg:hover { fill: var(--lightbox-ui-color-hover) } .elementor-slideshow__header .elementor-slideshow__counter { margin-right: auto } .elementor-slideshow__header .elementor-icon-share { z-index: 5 } .elementor-slideshow__share-menu { background-color: transparent; width: 0; height: 0; position: absolute; overflow: hidden; transition: background-color .4s } .elementor-slideshow__share-menu .elementor-slideshow__share-links a { color: #0c0d0e } .elementor-slideshow__share-links { display: block; position: absolute; min-width: 200px; right: 2.8em; top: 3em; background-color: #fff; border-radius: 3px; padding: 14px 20px; transform: scale(0); opacity: 0; transform-origin: 90% 10%; transition: all .25s .1s; box-shadow: 0 4px 15px rgba(0, 0, 0, .3) } .elementor-slideshow__share-links a { text-align: left; color: #3f444b; font-size: 12px; line-height: 2.5; display: block; opacity: 0; transition: opacity .5s .1s } .elementor-slideshow__share-links a:hover { color: #000 } .elementor-slideshow__share-links a i, .elementor-slideshow__share-links a svg { margin-right: .75em } .elementor-slideshow__share-links a i { font-size: 1.25em } .elementor-slideshow__share-links a svg { height: 1.25em; width: 1.25em } .elementor-slideshow__share-links:before { content: ""; display: block; position: absolute; top: 1px; right: .5em; border: .45em solid transparent; border-bottom-color: #fff; transform: translateY(-100%) scaleX(.7) } .elementor-slideshow__footer { bottom: 0; z-index: 5; position: fixed } .elementor-slideshow__description, .elementor-slideshow__title { margin: 0 } .elementor-slideshow__title { font-size: 16px; font-weight: 700 } .elementor-slideshow__description { font-size: 14px } .elementor-slideshow--ui-hidden .elementor-slideshow__footer, .elementor-slideshow--ui-hidden .elementor-slideshow__header { opacity: 0; pointer-events: none } .elementor-slideshow--ui-hidden .elementor-swiper-button-next, .elementor-slideshow--ui-hidden .elementor-swiper-button-prev { opacity: 0 } .elementor-slideshow--fullscreen-mode .elementor-video-container { width: 100% } .elementor-slideshow--zoom-mode .elementor-slideshow__footer, .elementor-slideshow--zoom-mode .elementor-slideshow__header { background-color: rgba(0, 0, 0, .5) } .elementor-slideshow--zoom-mode .elementor-swiper-button-next, .elementor-slideshow--zoom-mode .elementor-swiper-button-prev { opacity: 0; pointer-events: none } .elementor-slideshow--share-mode .elementor-slideshow__share-menu { top: 0; left: 0; width: 100vw; height: 100vh; opacity: 1; cursor: default; background-color: rgba(0, 0, 0, .5) } .elementor-slideshow--share-mode .elementor-slideshow__share-links { transform: scale(1) } .elementor-slideshow--share-mode .elementor-slideshow__share-links, .elementor-slideshow--share-mode .elementor-slideshow__share-links a { opacity: 1 } .elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-twitter { color: #1da1f2 } .elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-facebook { color: #3b5998 } .elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-pinterest { color: #bd081c } .elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-download-bold { color: #9da5ae } .elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-twitter { fill: #1da1f2 } .elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-facebook { fill: #3b5998 } .elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-pinterest { fill: #bd081c } .elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-download-bold { fill: #9da5ae } .elementor-slideshow--share-mode .eicon-share-arrow { z-index: 2 } .animated { animation-duration: 1.25s } .animated.animated-slow { animation-duration: 2s } .animated.animated-fast { animation-duration: .75s } .animated.infinite { animation-iteration-count: infinite } .animated.reverse { animation-direction: reverse; animation-fill-mode: forwards } @media (prefers-reduced-motion:reduce) { .animated { animation: none } } .elementor-shape { overflow: hidden; position: absolute; left: 0; width: 100%; line-height: 0; direction: ltr } .elementor-shape-top { top: -1px } .elementor-shape-top:not([data-negative=false]) svg { z-index: -1 } .elementor-shape-bottom { bottom: -1px } .elementor-shape-bottom:not([data-negative=true]) svg { z-index: -1 } .elementor-shape[data-negative=false].elementor-shape-bottom, .elementor-shape[data-negative=true].elementor-shape-top { transform: rotate(180deg) } .elementor-shape svg { display: block; width: calc(100% + 1.3px); position: relative; left: 50%; transform: translateX(-50%) } .elementor-shape .elementor-shape-fill { fill: #fff; transform-origin: center; transform: rotateY(0deg) } #wp-admin-bar-elementor_edit_page > .ab-item:before { content: "\e813"; font-family: eicons; top: 3px; font-size: 18px } #wp-admin-bar-elementor_edit_page .ab-submenu .ab-item { display: flex; width: 200px } #wp-admin-bar-elementor_edit_page .elementor-edit-link-title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100% } #wp-admin-bar-elementor_edit_page .elementor-edit-link-type { background: #3f444b; font-size: 11px; line-height: 9px; margin-top: 6px; padding: 4px 8px; border-radius: 3px } #wp-admin-bar-elementor_inspector > .ab-item:before { content: "\f348"; top: 2px } #wpadminbar * { font-style: normal } .page-template-elementor_canvas.elementor-page:before { display: none } .elementor-post__thumbnail__link { transition: none } #left-area ul.elementor-icon-list-items, .elementor-edit-area .elementor-element ul.elementor-icon-list-items, .elementor .elementor-element ul.elementor-icon-list-items { padding: 0 } .e--ua-appleWebkit.rtl { --flex-right: flex-start } .e--ua-appleWebkit .elementor-share-buttons--align-right, .e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-right { --justify-content: var(--flex-right, flex-end) } .e--ua-appleWebkit .elementor-share-buttons--align-center, .e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-center { --justify-content: center } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-center .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-grid { width: auto; display: flex; flex-wrap: wrap; justify-content: var(--justify-content, space-between); margin-left: calc(-.5 * var(--grid-column-gap)); margin-right: calc(-.5 * var(--grid-column-gap)) } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-center .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-grid-item { margin-left: calc(.5 * var(--grid-column-gap)); margin-right: calc(.5 * var(--grid-column-gap)) } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid { display: inline-block } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid-item { margin-left: 0; margin-right: 0 } @media (max-width: 1024px) { .e--ua-appleWebkit .elementor-share-buttons-tablet--align-right, .e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-tablet-right { --justify-content: var(--flex-right, flex-end) } .e--ua-appleWebkit .elementor-share-buttons-tablet--align-center, .e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-tablet-center { --justify-content: center } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-center .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-justify .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-right .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-center .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-right .elementor-grid { width: auto; display: flex; flex-wrap: wrap; justify-content: var(--justify-content, space-between); margin-left: calc(-.5 * var(--grid-column-gap)); margin-right: calc(-.5 * var(--grid-column-gap)) } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-center .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-justify .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-right .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-center .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-right .elementor-grid-item { margin-left: calc(.5 * var(--grid-column-gap)); margin-right: calc(.5 * var(--grid-column-gap)) } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid { display: inline-block } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid-item { margin-left: 0; margin-right: 0 } } @media (max-width: 767px) { .e--ua-appleWebkit .elementor-share-buttons-mobile--align-right, .e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-mobile-right { --justify-content: var(--flex-right, flex-end) } .e--ua-appleWebkit .elementor-share-buttons-mobile--align-center, .e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-mobile-center { --justify-content: center } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-center .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-justify .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-right .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-center .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-right .elementor-grid { width: auto; display: flex; flex-wrap: wrap; justify-content: var(--justify-content, space-between); margin-left: calc(-.5 * var(--grid-column-gap)); margin-right: calc(-.5 * var(--grid-column-gap)) } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-center .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-justify .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-right .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-center .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-right .elementor-grid-item { margin-left: calc(.5 * var(--grid-column-gap)); margin-right: calc(.5 * var(--grid-column-gap)) } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid { display: inline-block } .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid-item { margin-left: 0; margin-right: 0 } } @media (max-width: 767px) { .elementor .elementor-hidden-mobile, .elementor .elementor-hidden-phone { display: none } } @media (min-width: -1) and (max-width:-1) { .elementor .elementor-hidden-mobile_extra { display: none } } @media (min-width: 768px) and (max-width:1024px) { .elementor .elementor-hidden-tablet { display: none } } @media (min-width: -1) and (max-width:-1) { .elementor .elementor-hidden-laptop, .elementor .elementor-hidden-tablet_extra { display: none } } @media (min-width: 1025px) and (max-width:99999px) { .elementor .elementor-hidden-desktop { display: none } } @media (min-width: -1) { .elementor .elementor-hidden-widescreen { display: none } } .elementor-widget-text-path { font-size: 20px; text-align: var(--alignment, left) } .elementor-widget-text-path svg { width: var(--width); max-width: 100%; height: auto; overflow: visible; word-spacing: var(--word-spacing); transform: rotate(var(--rotate, 0)) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1)) } .elementor-widget-text-path svg path { vector-effect: non-scaling-stroke; fill: var(--path-fill, transparent); stroke: var(--stroke-color, transparent); stroke-width: var(--stroke-width, 1px); transition: var(--stroke-transition) stroke, var(--stroke-transition) fill } .elementor-widget-text-path svg:hover path { --path-fill: var(--path-fill-hover); --stroke-color: var(--stroke-color-hover); --stroke-width: var(--stroke-width-hover) } .elementor-widget-text-path svg text { --fill: var(--text-color); fill: var(--fill); direction: var(--direction, ltr); transition: var(--transition) stroke, var(--transition) stroke-width, var(--transition) fill } .elementor-widget-text-path svg text:hover { --color: var(--text-color-hover, var(--text-color)); --fill: var(--color); color: var(--color) } .elementor-widget-n-tabs { --n-tabs-color-accent-fallback: #61ce70; --n-tabs-color-secondary-fallback: #54595f; --n-tabs-default-padding-block: 15px; --n-tabs-default-padding-inline: 35px; --n-tabs-background-color: transparent; --n-tabs-display: flex; --n-tabs-direction: column; --n-tabs-gap: 10px; --n-tabs-heading-display: flex; --n-tabs-heading-direction: row; --n-tabs-heading-grow: initial; --n-tabs-heading-justify-content: center; --n-tabs-heading-width: initial; --n-tabs-heading-overflow-x: initial; --n-tabs-heading-wrap: nowrap; --n-tabs-border-width: 1px; --n-tabs-border-color: #d5d8dc; --n-tabs-content-display: flex; --n-tabs-title-color: var(--e-global-color-secondary, var(--n-tabs-color-secondary-fallback)); --n-tabs-title-color-hover: #fff; --n-tabs-title-color-active: #fff; --n-tabs-title-background-color: #f1f2f3; --n-tabs-title-background-color-hover: var(--e-global-color-accent, var(--n-tabs-color-accent-fallback)); --n-tabs-title-background-color-active: var(--e-global-color-accent, var(--n-tabs-color-accent-fallback)); --n-tabs-title-width: initial; --n-tabs-title-height: initial; --n-tabs-title-font-size: 1rem; --n-tabs-title-white-space: initial; --n-tabs-title-justify-content-toggle: initial; --n-tabs-title-align-items-toggle: center; --n-tabs-title-justify-content: center; --n-tabs-title-align-items: center; --n-tabs-title-text-align: center; --n-tabs-title-direction: row; --n-tabs-title-gap: 10px; --n-tabs-title-flex-grow: 0; --n-tabs-title-flex-basis: content; --n-tabs-title-flex-shrink: initial; --n-tabs-title-order: initial; --n-tabs-title-padding-block-start: var(--n-tabs-default-padding-block); --n-tabs-title-padding-inline-end: var(--n-tabs-default-padding-inline); --n-tabs-title-padding-block-end: var(--n-tabs-default-padding-block); --n-tabs-title-padding-inline-start: var(--n-tabs-default-padding-inline); --n-tabs-title-border-radius: initial; --n-tabs-title-transition: 0.3s; --n-tabs-icon-color: var(--e-global-color-secondary, var(--n-tabs-color-secondary-fallback)); --n-tabs-icon-color-hover: var(--n-tabs-title-color-hover); --n-tabs-icon-color-active: #fff; --n-tabs-icon-gap: 5px; width: 100%; max-width: 100% } .elementor-widget-n-tabs .e-n-tabs { display: var(--n-tabs-display); flex-direction: var(--n-tabs-direction); gap: var(--n-tabs-gap); text-align: start; min-width: 0 } .elementor-widget-n-tabs .e-n-tabs-heading { display: var(--n-tabs-heading-display); flex-basis: var(--n-tabs-heading-width); flex-direction: var(--n-tabs-heading-direction); flex-shrink: 0; justify-content: var(--n-tabs-heading-justify-content); gap: var(--n-tabs-title-gap); overflow-x: var(--n-tabs-heading-overflow-x); flex-wrap: var(--n-tabs-heading-wrap); -ms-overflow-style: none; scrollbar-width: none } .elementor-widget-n-tabs .e-n-tabs-heading::-webkit-scrollbar { display: none } .elementor-widget-n-tabs .e-n-tabs-heading.e-scroll { cursor: grabbing; cursor: -webkit-grabbing } .elementor-widget-n-tabs .e-n-tabs-heading.e-scroll-active { position: relative } .elementor-widget-n-tabs .e-n-tabs-heading.e-scroll-active:before { content: ""; position: absolute; inset-block: 0; inset-inline: -1000vw; z-index: 2 } .elementor-widget-n-tabs .e-n-tabs-content { display: var(--n-tabs-content-display); flex-grow: 1; min-width: 0 } .elementor-widget-n-tabs .e-n-tabs-content > .e-con:not(.e-active) { display: none } .elementor-widget-n-tabs .e-n-tabs:not(.e-activated) > .e-n-tabs-content > .e-con:first-child { display: flex } .elementor-widget-n-tabs .e-n-tab-title { all: unset; -webkit-user-select: none; -moz-user-select: none; user-select: none; display: flex; align-items: var(--n-tabs-title-align-items-toggle, var(--n-tabs-title-align-items)); flex-direction: var(--n-tabs-title-direction); justify-content: var(--n-tabs-title-justify-content-toggle, var(--n-tabs-title-justify-content)); gap: var(--n-tabs-icon-gap); border-width: var(--n-tabs-border-width); position: relative; cursor: pointer; outline: none; flex-grow: var(--n-tabs-title-flex-grow); flex-basis: var(--n-tabs-title-flex-basis); flex-shrink: var(--n-tabs-title-flex-shrink); padding-block-start: var(--n-tabs-title-padding-block-start); padding-inline-end: var(--n-tabs-title-padding-inline-end); padding-block-end: var(--n-tabs-title-padding-block-end); padding-inline-start: var(--n-tabs-title-padding-inline-start); border-radius: var(--n-tabs-title-border-radius); height: var(--n-tabs-title-height); width: var(--n-tabs-title-width); white-space: var(--n-tabs-title-white-space); transition: background var(--n-tabs-title-transition), color var(--n-tabs-title-transition), border var(--n-tabs-title-transition), box-shadow var(--n-tabs-title-transition), text-shadow var(--n-tabs-title-transition), stroke var(--n-tabs-title-transition), stroke-width var(--n-tabs-title-transition), -webkit-text-stroke-width var(--n-tabs-title-transition), -webkit-text-stroke-color var(--n-tabs-title-transition), transform var(--n-tabs-title-transition) } .elementor-widget-n-tabs .e-n-tab-title:focus-visible { outline: 5px auto -webkit-focus-ring-color } .elementor-widget-n-tabs .e-n-tab-title span i, .elementor-widget-n-tabs .e-n-tab-title span svg { transition: color var(--n-tabs-title-transition), fill var(--n-tabs-title-transition) } .elementor-widget-n-tabs .e-n-tab-title-text { display: flex; align-items: center; font-size: var(--n-tabs-title-font-size); text-align: var(--n-tabs-title-text-align) } .elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon { display: flex; align-items: center; flex-direction: column; flex-shrink: 0; order: var(--n-tabs-icon-order); overflow: hidden } .elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon i { font-size: var(--n-tabs-icon-size, var(--n-tabs-title-font-size)) } .elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon svg { width: var(--n-tabs-icon-size, var(--n-tabs-title-font-size)); height: var(--n-tabs-icon-size, var(--n-tabs-title-font-size)) } .elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon:empty { display: none } .elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] { background-color: var(--n-tabs-title-background-color) } .elementor-widget-n-tabs .e-n-tab-title[aria-selected=false], .elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] a { color: var(--n-tabs-title-color) } .elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] .e-n-tab-icon i { color: var(--n-tabs-icon-color) } .elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] .e-n-tab-icon svg { fill: var(--n-tabs-icon-color) } .elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] .e-n-tab-icon i:last-child, .elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] .e-n-tab-icon svg:last-child { transform: translateY(-100vh); height: 0; opacity: 0 } .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true], .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] a { color: var(--n-tabs-title-color-active) } .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] .e-n-tab-icon i { color: var(--n-tabs-icon-color-active) } .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] .e-n-tab-icon svg { fill: var(--n-tabs-icon-color-active) } .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] .e-n-tab-icon i:first-child, .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] .e-n-tab-icon svg:first-child { transform: translateY(-100vh); height: 0; opacity: 0 } .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true][class*=elementor-animation-]:active, .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true][class*=elementor-animation-]:focus, .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true][class*=elementor-animation-]:hover { transform: none; animation: initial } .elementor-widget-n-tabs [data-touch-mode=false] .e-n-tab-title[aria-selected=false]:hover, .elementor-widget-n-tabs [data-touch-mode=false] .e-n-tab-title[aria-selected=false]:hover a { color: var(--n-tabs-title-color-hover) } .elementor-widget-n-tabs [data-touch-mode=false] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon i { color: var(--n-tabs-icon-color-hover) } .elementor-widget-n-tabs [data-touch-mode=false] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon svg { fill: var(--n-tabs-icon-color-hover) } .elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover, .elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover a { color: var(--n-tabs-title-color-active) } .elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon i { color: var(--n-tabs-icon-color-active) } .elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon svg { fill: var(--n-tabs-icon-color-active) } .elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon i:first-child, .elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon svg:first-child { transform: translateY(-100vh); height: 0; opacity: 0 } .elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover[class*=elementor-animation-]:active, .elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover[class*=elementor-animation-]:focus, .elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover[class*=elementor-animation-]:hover { transform: none; animation: initial } .elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon i:last-child, .elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon svg:last-child { transform: none; height: auto; opacity: 1 } .elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode=false] > .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover { background-color: var(--n-tabs-title-background-color-hover); background-image: none } .elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading .e-n-tab-title[aria-selected=true], .elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode=true] > .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover { background-color: var(--n-tabs-title-background-color-active); background-image: none } @media (max-width: 767px) { .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile { --n-tabs-direction: column; --n-tabs-heading-display: contents; --n-tabs-content-display: contents } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tabs { gap: 0 } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tabs-content > .e-con { order: var(--n-tabs-title-order) } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title { order: var(--n-tabs-title-order); width: auto } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title:not(:first-child) { margin-block-start: var(--n-tabs-title-gap) } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title[aria-selected=true] { margin-block-end: var(--n-tabs-gap) } } @media (max-width: -1) { .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra { --n-tabs-direction: column; --n-tabs-heading-display: contents; --n-tabs-content-display: contents } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra .e-n-tabs { gap: 0 } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra .e-n-tabs-content > .e-con { order: var(--n-tabs-title-order) } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra .e-n-tab-title { order: var(--n-tabs-title-order); width: auto } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra .e-n-tab-title:not(:first-child) { margin-block-start: var(--n-tabs-title-gap) } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra .e-n-tab-title[aria-selected=true] { margin-block-end: var(--n-tabs-gap) } } @media (max-width: 1024px) { .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet { --n-tabs-direction: column; --n-tabs-heading-display: contents; --n-tabs-content-display: contents } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet .e-n-tabs { gap: 0 } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet .e-n-tabs-content > .e-con { order: var(--n-tabs-title-order) } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet .e-n-tab-title { order: var(--n-tabs-title-order); width: auto } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet .e-n-tab-title:not(:first-child) { margin-block-start: var(--n-tabs-title-gap) } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet .e-n-tab-title[aria-selected=true] { margin-block-end: var(--n-tabs-gap) } } @media (max-width: -1) { .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra { --n-tabs-direction: column; --n-tabs-heading-display: contents; --n-tabs-content-display: contents } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra .e-n-tabs { gap: 0 } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra .e-n-tabs-content > .e-con { order: var(--n-tabs-title-order) } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra .e-n-tab-title { order: var(--n-tabs-title-order); width: auto } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra .e-n-tab-title:not(:first-child) { margin-block-start: var(--n-tabs-title-gap) } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra .e-n-tab-title[aria-selected=true] { margin-block-end: var(--n-tabs-gap) } } @media (max-width: -1) { .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop { --n-tabs-direction: column; --n-tabs-heading-display: contents; --n-tabs-content-display: contents } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop .e-n-tabs { gap: 0 } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop .e-n-tabs-content > .e-con { order: var(--n-tabs-title-order) } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop .e-n-tab-title { order: var(--n-tabs-title-order); width: auto } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop .e-n-tab-title:not(:first-child) { margin-block-start: var(--n-tabs-title-gap) } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop .e-n-tab-title[aria-selected=true] { margin-block-end: var(--n-tabs-gap) } } .elementor-widget-n-accordion { --n-accordion-title-font-size: 20px; --n-accordion-title-flex-grow: initial; --n-accordion-title-justify-content: initial; --n-accordion-title-icon-order: -1; --n-accordion-border-width: 1px; --n-accordion-border-color: #d5d8dc; --n-accordion-border-style: solid; --n-accordion-item-title-flex-grow: initial; --n-accordion-item-title-space-between: 0px; --n-accordion-item-title-distance-from-content: 0px; --n-accordion-padding: 10px; --n-accordion-border-radius: 0px; --n-accordion-icon-size: 15px; --n-accordion-title-normal-color: #1f2124; --n-accordion-title-hover-color: #1f2124; --n-accordion-title-active-color: #1f2124; --n-accordion-icon-normal-color: var(--n-accordion-title-normal-color); --n-accordion-icon-hover-color: var(--n-accordion-title-hover-color); --n-accordion-icon-active-color: var(--n-accordion-title-active-color); --n-accordion-icon-gap: 0 10px; width: 100% } .elementor-widget-n-accordion .e-n-accordion details > summary::-webkit-details-marker { display: none } .elementor-widget-n-accordion .e-n-accordion-item { display: flex; flex-direction: column; position: relative } .elementor-widget-n-accordion .e-n-accordion-item:not(:last-child) { margin-block-end: var(--n-accordion-item-title-space-between) } .elementor-widget-n-accordion .e-n-accordion-item-title, : where(.elementor-widget-n-accordion .e-n-accordion-item>.e-con) { border: var(--n-accordion-border-width) var(--n-accordion-border-style) var(--n-accordion-border-color) } .elementor-widget-n-accordion .e-n-accordion-item-title { display: flex; flex-direction: row; list-style: none; padding: var(--n-accordion-padding); justify-content: var(--n-accordion-title-justify-content); border-radius: var(--n-accordion-border-radius); flex-grow: var(--n-menu-title-flex-grow); gap: var(--n-accordion-icon-gap); color: var(--n-accordion-title-normal-color); align-items: center; cursor: pointer } .elementor-widget-n-accordion .e-n-accordion-item-title-header { display: flex } .elementor-widget-n-accordion .e-n-accordion-item-title-header h1, .elementor-widget-n-accordion .e-n-accordion-item-title-header h2, .elementor-widget-n-accordion .e-n-accordion-item-title-header h3, .elementor-widget-n-accordion .e-n-accordion-item-title-header h4, .elementor-widget-n-accordion .e-n-accordion-item-title-header h5, .elementor-widget-n-accordion .e-n-accordion-item-title-header h6, .elementor-widget-n-accordion .e-n-accordion-item-title-header p { margin-block-start: 0; margin-block-end: 0 } .elementor-widget-n-accordion .e-n-accordion-item-title-text { font-size: var(--n-accordion-title-font-size); align-items: center } .elementor-widget-n-accordion .e-n-accordion-item-title-icon { display: flex; flex-direction: row; align-items: center; order: var(--n-accordion-title-icon-order); position: relative; width: -moz-fit-content; width: fit-content } .elementor-widget-n-accordion .e-n-accordion-item-title-icon span { height: var(--n-accordion-icon-size); width: var(--n-accordion-icon-size); font-size: var(--n-accordion-icon-size) } .elementor-widget-n-accordion .e-n-accordion-item-title-icon span > i { color: var(--n-accordion-icon-normal-color) } .elementor-widget-n-accordion .e-n-accordion-item-title-icon span > svg { fill: var(--n-accordion-icon-normal-color) } .elementor-widget-n-accordion .e-n-accordion-item-title > span { cursor: pointer } .elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title { margin-block-end: var(--n-accordion-item-title-distance-from-content); color: var(--n-accordion-title-active-color) } .elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened { display: flex } .elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-closed { display: none } .elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon span > i { color: var(--n-accordion-icon-active-color) } .elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon span > svg { fill: var(--n-accordion-icon-active-color) } .elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover .e-n-accordion-item-title { color: var(--n-accordion-title-hover-color) } .elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover .e-n-accordion-item-title-icon span > i { color: var(--n-accordion-icon-hover-color) } .elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover .e-n-accordion-item-title-icon span > svg { fill: var(--n-accordion-icon-hover-color) } .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-opened { display: none } .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-closed { display: flex } .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon span > svg { fill: var(--n-accordion-icon-normal-color) } .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon span > i { color: var(--n-accordion-icon-normal-color) } .elementor-widget-n-accordion .e-n-accordion-item > span { cursor: pointer } /*! E-Gallery v1.2.0 by Elementor */ .e-gallery-container { position: relative; display: flex; flex-wrap:wrap } .e-gallery-container:not(.e-gallery-grid) { transition:padding-bottom var(--animation-duration) } .e-gallery-item { position: relative; flex-grow: 0; flex-shrink: 0; transition-property: all; transition-duration:var(--animation-duration) } .e-gallery-item:not(:hover) .e-gallery-overlay { display:none } .e-gallery-item.e-gallery-item--hidden { transform: scale3d(0, 0, 0); opacity:0 } .e-gallery-image { background-position: center center; background-size: cover; width: 100%; transform-origin: center top; transition:var(--animation-duration) } .e-gallery-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-evenly; flex-wrap: wrap; flex-direction: column; color: #fff; background-color:rgba(0, 0, 0, 0.5) } .e-gallery-overlay__title { font-size:24px } .e-gallery-grid:not(.e-gallery--animated) { display: grid; grid-gap: var(--vgap) var(--hgap); grid-template-columns:repeat(var(--columns), 1fr) } .e-gallery-grid:not(.e-gallery--animated) .e-gallery-item--hidden { position:absolute } .e-gallery-grid.e-gallery--animated { padding-bottom:var(--container-aspect-ratio) } .e-gallery-grid.e-gallery--animated .e-gallery-item { --item-width: calc((100% -((var(--columns) - 1) * var(--hgap))) / var(--columns)); position: absolute; top: calc(((100% / var(--rows)) +(var(--vgap) / var(--rows))) * var(--row)); width:var(--item-width) } .e-gallery-grid .e-gallery-image { padding-bottom:var(--aspect-ratio) } .e-gallery-justified { padding-bottom:calc(var(--container-aspect-ratio) * 100%) } .e-gallery-justified .e-gallery-item { position: absolute; width: calc(var(--item-width) *(100% - var(--hgap) * var(--gap-count))); height: var(--item-height); top:calc(var(--item-top) +(var(--row) * var(--vgap))) } .e-gallery-justified .e-gallery-image { height:100% } .e-gallery-masonry { height: 0; margin-bottom:calc(var(--highest-column-gap-count) * var(--vgap)) } .e-gallery-masonry .e-gallery-item { position: absolute; width: calc(100% / var(--columns) - (var(--hgap) *(var(--columns) - 1) / var(--columns))); top: calc(var(--percent-height) + (var(--items-in-column) * var(--vgap))); } .e-gallery-masonry .e-gallery-image { padding-bottom:var(--item-height) } .e-gallery--ltr.e-gallery-grid.e-gallery--animated .e-gallery-item { left:calc(var(--item-width) * var(--column) +(var(--hgap) * var(--column))) } .e-gallery--ltr.e-gallery-justified .e-gallery-item { left:calc(var(--item-start) *(100% - var(--hgap) * var(--gap-count)) + var(--hgap) * var(--item-row-index)) } .e-gallery--ltr.e-gallery-masonry .e-gallery-item { left: calc((100% / var(--columns) - (var(--hgap) * (var(--columns) - 1) / var(--columns))) * var(--column) + (var(--hgap) * var(--column))); } .e-gallery--rtl.e-gallery-grid.e-gallery--animated .e-gallery-item { right:calc(var(--item-width) * var(--column) +(var(--hgap) * var(--column))) } .e-gallery--rtl.e-gallery-justified .e-gallery-item { right:calc(var(--item-start) *(100% - var(--hgap) * var(--gap-count)) + var(--hgap) * var(--item-row-index)) } .e-gallery--rtl.e-gallery-masonry .e-gallery-item { right:calc((100% / var(--columns) -(var(--hgap) *(var(--columns) - 1) / var(--columns))) * var(--column) +(var(--hgap) * var(--column))) } .e-gallery--lazyload .e-gallery-image:not(.e-gallery-image-loaded) { filter: opacity(0); transform: scale(0.5) } /*! elementor - v3.25.0 - 03-11-2024 */ .elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}/*! elementor - v3.25.0 - 03-11-2024 */ .elementor-image-gallery .gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%;max-width:100%;margin:0 auto}.elementor-image-gallery .gallery-item img{margin:0 auto}.elementor-image-gallery .gallery-item .gallery-caption{margin:0}.elementor-image-gallery figure img{display:block}.elementor-image-gallery figure figcaption{width:100%}.gallery-spacing-custom .elementor-image-gallery .gallery-icon{padding:0}@media (min-width:768px){.elementor-image-gallery .gallery-columns-2 .gallery-item{max-width:50%}.elementor-image-gallery .gallery-columns-3 .gallery-item{max-width:33.33%}.elementor-image-gallery .gallery-columns-4 .gallery-item{max-width:25%}.elementor-image-gallery .gallery-columns-5 .gallery-item{max-width:20%}.elementor-image-gallery .gallery-columns-6 .gallery-item{max-width:16.666%}.elementor-image-gallery .gallery-columns-7 .gallery-item{max-width:14.28%}.elementor-image-gallery .gallery-columns-8 .gallery-item{max-width:12.5%}.elementor-image-gallery .gallery-columns-9 .gallery-item{max-width:11.11%}.elementor-image-gallery .gallery-columns-10 .gallery-item{max-width:10%}}@media (min-width:480px) and (max-width:767px){.elementor-image-gallery .gallery.gallery-columns-2 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-3 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-4 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-5 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-6 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-7 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-8 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-9 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-10 .gallery-item{max-width:50%}}@media (max-width:479px){.elementor-image-gallery .gallery.gallery-columns-2 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-3 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-4 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-5 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-6 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-7 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-8 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-9 .gallery-item,.elementor-image-gallery .gallery.gallery-columns-10 .gallery-item{max-width:100%}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}.elementor-12503 .elementor-element.elementor-element-6ca84d4{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;border-style:none;--border-style:none;--margin-top:0%;--margin-bottom:0%;--margin-left:4%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12503 .elementor-element.elementor-element-6ca84d4, .elementor-12503 .elementor-element.elementor-element-6ca84d4::before{--border-transition:0.3s;}.elementor-12503 .elementor-element.elementor-element-9fa7fd3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--gap:20px 20px;--background-transition:0.3s;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8%;--padding-bottom:12%;--padding-left:2%;--padding-right:2%;}.elementor-12503 .elementor-element.elementor-element-9fa7fd3, .elementor-12503 .elementor-element.elementor-element-9fa7fd3::before{--border-transition:0.3s;}.elementor-12503 .elementor-element.elementor-element-3982dab > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-3982dab .single-image{width:77%;}.elementor-12503 .elementor-element.elementor-element-ecbe7b4 > .elementor-widget-container{padding:2% 0% 0% 0%;}.elementor-12503 .elementor-element.elementor-element-ecbe7b4 .single-image{width:30%;}.elementor-12503 .elementor-element.elementor-element-a08b328 .project-title h1{font-family:"DM Sans", Sans-serif;font-size:3vw;font-weight:600;}.elementor-12503 .elementor-element.elementor-element-a08b328 .project-title{color:var( --e-global-color-93e7a81 );}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12503 .elementor-element.elementor-element-01eef37{text-align:center;color:var( --e-global-color-d86f300 );font-family:"DM Sans", Sans-serif;font-weight:400;text-transform:uppercase;}.elementor-12503 .elementor-element.elementor-element-15845df .project-image{height:60vh;}.elementor-12503 .elementor-element.elementor-element-479a856{--display:flex;--gap:0px 0px;--background-transition:0.3s;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12503 .elementor-element.elementor-element-479a856, .elementor-12503 .elementor-element.elementor-element-479a856::before{--border-transition:0.3s;}.elementor-12503 .elementor-element.elementor-element-a12379d .project-image{height:100vh;}.elementor-12503 .elementor-element.elementor-element-231d7fb{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:0px 0px;--flex-wrap:nowrap;--background-transition:0.3s;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0%;--margin-bottom:0%;--margin-left:4%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:4%;}.elementor-12503 .elementor-element.elementor-element-231d7fb, .elementor-12503 .elementor-element.elementor-element-231d7fb::before{--border-transition:0.3s;}.elementor-12503 .elementor-element.elementor-element-0682ec0{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--background-transition:0.3s;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4%;--padding-bottom:8%;--padding-left:2%;--padding-right:2%;}.elementor-12503 .elementor-element.elementor-element-0682ec0, .elementor-12503 .elementor-element.elementor-element-0682ec0::before{--border-transition:0.3s;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12503 .elementor-element.elementor-element-4a4c00f{width:100%;max-width:100%;}.elementor-12503 .elementor-element.elementor-element-4a4c00f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:2% 15% 2% 15%;}.elementor-12503 .elementor-element.elementor-element-4a4c00f .gallery-item .gallery-caption{display:none;}.elementor-12503 .elementor-element.elementor-element-4a4c00f .gallery-item{padding:0 20px 20px 0;}.elementor-12503 .elementor-element.elementor-element-4a4c00f .gallery{margin:0 -20px -20px 0;}.elementor-12503 .elementor-element.elementor-element-4e554d11{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-2a60bf0 );--border-color:var( --e-global-color-2a60bf0 );--margin-top:0%;--margin-bottom:5%;--margin-left:4%;--margin-right:0%;--padding-top:4%;--padding-bottom:4%;--padding-left:0%;--padding-right:4%;}.elementor-12503 .elementor-element.elementor-element-4e554d11, .elementor-12503 .elementor-element.elementor-element-4e554d11::before{--border-transition:0.3s;}.elementor-12503 .elementor-element.elementor-element-65ee2bc8{--display:flex;--min-height:55vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--background-transition:0.3s;border-style:none;--border-style:none;--margin-top:0%;--margin-bottom:0%;--margin-left:2%;--margin-right:2%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-12503 .elementor-element.elementor-element-65ee2bc8, .elementor-12503 .elementor-element.elementor-element-65ee2bc8::before{--border-transition:0.3s;}.elementor-12503 .elementor-element.elementor-element-4d4f3a16{--display:flex;--min-height:412px;--gap:0px 0px;--background-transition:0.3s;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12503 .elementor-element.elementor-element-4d4f3a16, .elementor-12503 .elementor-element.elementor-element-4d4f3a16::before{--border-transition:0.3s;}.elementor-12503 .elementor-element.elementor-element-414aa994 .single-image{width:75%;}.elementor-12503 .elementor-element.elementor-element-18c5bc5d{--display:flex;--justify-content:space-around;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:00%;--padding-bottom:0%;--padding-left:2%;--padding-right:2%;}.elementor-12503 .elementor-element.elementor-element-18c5bc5d, .elementor-12503 .elementor-element.elementor-element-18c5bc5d::before{--border-transition:0.3s;}.elementor-12503 .elementor-element.elementor-element-df640eb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--flex-wrap:wrap;--align-content:space-between;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-2a60bf0 );--border-color:var( --e-global-color-2a60bf0 );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12503 .elementor-element.elementor-element-df640eb, .elementor-12503 .elementor-element.elementor-element-df640eb::before{--border-transition:0.3s;}.elementor-12503 .elementor-element.elementor-element-df640eb.e-con{--align-self:center;}.elementor-12503 .elementor-element.elementor-element-696eb09d{width:initial;max-width:initial;columns:1;text-align:justify;color:var( --e-global-color-d86f300 );font-family:"DM Sans", Sans-serif;font-weight:400;}.elementor-12503 .elementor-element.elementor-element-696eb09d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-49dece7b{width:initial;max-width:initial;columns:1;text-align:justify;color:var( --e-global-color-d86f300 );font-family:"DM Sans", Sans-serif;font-weight:400;line-height:16px;}.elementor-12503 .elementor-element.elementor-element-49dece7b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-27c2a988{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--flex-wrap:wrap;--align-content:space-between;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-2a60bf0 );--border-color:var( --e-global-color-2a60bf0 );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12503 .elementor-element.elementor-element-27c2a988, .elementor-12503 .elementor-element.elementor-element-27c2a988::before{--border-transition:0.3s;}.elementor-12503 .elementor-element.elementor-element-27c2a988.e-con{--align-self:center;}.elementor-12503 .elementor-element.elementor-element-129ca23f{width:initial;max-width:initial;columns:1;text-align:justify;color:var( --e-global-color-d86f300 );font-family:"DM Sans", Sans-serif;font-weight:400;}.elementor-12503 .elementor-element.elementor-element-129ca23f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-769dae24{width:initial;max-width:initial;columns:1;text-align:justify;color:var( --e-global-color-d86f300 );font-family:"DM Sans", Sans-serif;font-weight:400;line-height:16px;}.elementor-12503 .elementor-element.elementor-element-769dae24 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-48412832{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--flex-wrap:wrap;--align-content:space-between;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-2a60bf0 );--border-color:var( --e-global-color-2a60bf0 );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12503 .elementor-element.elementor-element-48412832, .elementor-12503 .elementor-element.elementor-element-48412832::before{--border-transition:0.3s;}.elementor-12503 .elementor-element.elementor-element-48412832.e-con{--align-self:center;}.elementor-12503 .elementor-element.elementor-element-7209079e{width:initial;max-width:initial;columns:1;text-align:justify;color:var( --e-global-color-d86f300 );font-family:"DM Sans", Sans-serif;font-weight:400;}.elementor-12503 .elementor-element.elementor-element-7209079e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-6be21d33{width:initial;max-width:initial;columns:1;text-align:justify;color:var( --e-global-color-d86f300 );font-family:"DM Sans", Sans-serif;font-weight:400;line-height:16px;}.elementor-12503 .elementor-element.elementor-element-6be21d33 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-67d51f5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-2a60bf0 );--border-color:var( --e-global-color-2a60bf0 );--margin-top:0%;--margin-bottom:5%;--margin-left:4%;--margin-right:0%;--padding-top:4%;--padding-bottom:4%;--padding-left:0%;--padding-right:4%;}.elementor-12503 .elementor-element.elementor-element-67d51f5, .elementor-12503 .elementor-element.elementor-element-67d51f5::before{--border-transition:0.3s;}.elementor-12503 .elementor-element.elementor-element-f0a3174{--display:flex;--min-height:55vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--background-transition:0.3s;border-style:none;--border-style:none;--margin-top:0%;--margin-bottom:0%;--margin-left:2%;--margin-right:2%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-12503 .elementor-element.elementor-element-f0a3174, .elementor-12503 .elementor-element.elementor-element-f0a3174::before{--border-transition:0.3s;}.elementor-12503 .elementor-element.elementor-element-d279f68{--display:flex;--justify-content:space-around;--background-transition:0.3s;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:0%;}.elementor-12503 .elementor-element.elementor-element-af84291{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--flex-wrap:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:2%;--padding-right:2%;}.elementor-12503 .elementor-element.elementor-element-b64e199.elementor-element{--order:-99999 /* order start hack */;}.elementor-12503 .elementor-element.elementor-element-b64e199{text-align:left;color:var( --e-global-color-d86f300 );font-family:"DM Sans", Sans-serif;font-weight:400;text-transform:uppercase;}.elementor-12503 .elementor-element.elementor-element-a6c84f7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--flex-wrap:wrap;--align-content:space-between;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-2a60bf0 );--border-color:var( --e-global-color-2a60bf0 );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12503 .elementor-element.elementor-element-a6c84f7, .elementor-12503 .elementor-element.elementor-element-a6c84f7::before{--border-transition:0.3s;}.elementor-12503 .elementor-element.elementor-element-a6c84f7.e-con{--align-self:center;}.elementor-12503 .elementor-element.elementor-element-2d927c7{width:initial;max-width:initial;columns:1;text-align:justify;color:var( --e-global-color-d86f300 );font-family:"DM Sans", Sans-serif;font-weight:400;}.elementor-12503 .elementor-element.elementor-element-2d927c7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-b2ee407{width:initial;max-width:initial;columns:1;text-align:justify;color:var( --e-global-color-d86f300 );font-family:"DM Sans", Sans-serif;font-weight:400;line-height:16px;}.elementor-12503 .elementor-element.elementor-element-b2ee407 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-3983c94{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--flex-wrap:wrap;--align-content:space-between;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-2a60bf0 );--border-color:var( --e-global-color-2a60bf0 );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12503 .elementor-element.elementor-element-3983c94, .elementor-12503 .elementor-element.elementor-element-3983c94::before{--border-transition:0.3s;}.elementor-12503 .elementor-element.elementor-element-3983c94.e-con{--align-self:center;}.elementor-12503 .elementor-element.elementor-element-9d1cd82{width:initial;max-width:initial;columns:1;text-align:justify;color:var( --e-global-color-d86f300 );font-family:"DM Sans", Sans-serif;font-weight:400;}.elementor-12503 .elementor-element.elementor-element-9d1cd82 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-a3b6340{width:initial;max-width:initial;columns:1;text-align:justify;color:var( --e-global-color-d86f300 );font-family:"DM Sans", Sans-serif;font-weight:400;line-height:16px;}.elementor-12503 .elementor-element.elementor-element-a3b6340 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-e3ec41b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--flex-wrap:wrap;--align-content:space-between;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-2a60bf0 );--border-color:var( --e-global-color-2a60bf0 );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12503 .elementor-element.elementor-element-e3ec41b, .elementor-12503 .elementor-element.elementor-element-e3ec41b::before{--border-transition:0.3s;}.elementor-12503 .elementor-element.elementor-element-e3ec41b.e-con{--align-self:center;}.elementor-12503 .elementor-element.elementor-element-5bbcb03{width:initial;max-width:initial;columns:1;text-align:justify;color:var( --e-global-color-d86f300 );font-family:"DM Sans", Sans-serif;font-weight:400;}.elementor-12503 .elementor-element.elementor-element-5bbcb03 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-a44e803{width:initial;max-width:initial;columns:1;text-align:justify;color:var( --e-global-color-d86f300 );font-family:"DM Sans", Sans-serif;font-weight:400;line-height:16px;}.elementor-12503 .elementor-element.elementor-element-a44e803 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-e5abe03{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--flex-wrap:wrap;--align-content:space-between;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-2a60bf0 );--border-color:var( --e-global-color-2a60bf0 );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12503 .elementor-element.elementor-element-e5abe03, .elementor-12503 .elementor-element.elementor-element-e5abe03::before{--border-transition:0.3s;}.elementor-12503 .elementor-element.elementor-element-e5abe03.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-12503 .elementor-element.elementor-element-f9e68f7{width:initial;max-width:initial;columns:1;text-align:justify;color:var( --e-global-color-d86f300 );font-family:"DM Sans", Sans-serif;font-weight:400;}.elementor-12503 .elementor-element.elementor-element-f9e68f7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-e4d007f{width:initial;max-width:initial;columns:1;text-align:justify;color:var( --e-global-color-d86f300 );font-family:"DM Sans", Sans-serif;font-weight:400;text-transform:uppercase;line-height:16px;}.elementor-12503 .elementor-element.elementor-element-e4d007f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-97cae71{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--flex-wrap:wrap;--align-content:space-between;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-2a60bf0 );--border-color:var( --e-global-color-2a60bf0 );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12503 .elementor-element.elementor-element-97cae71, .elementor-12503 .elementor-element.elementor-element-97cae71::before{--border-transition:0.3s;}.elementor-12503 .elementor-element.elementor-element-97cae71.e-con{--align-self:center;}.elementor-12503 .elementor-element.elementor-element-e213912{width:initial;max-width:initial;columns:1;text-align:justify;color:var( --e-global-color-d86f300 );font-family:"DM Sans", Sans-serif;font-weight:400;}.elementor-12503 .elementor-element.elementor-element-e213912 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-c37aef6{width:initial;max-width:initial;columns:1;text-align:justify;color:var( --e-global-color-d86f300 );font-family:"DM Sans", Sans-serif;font-weight:400;line-height:16px;}.elementor-12503 .elementor-element.elementor-element-c37aef6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-25c2aa0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--flex-wrap:wrap;--align-content:space-between;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-2a60bf0 );--border-color:var( --e-global-color-2a60bf0 );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12503 .elementor-element.elementor-element-25c2aa0, .elementor-12503 .elementor-element.elementor-element-25c2aa0::before{--border-transition:0.3s;}.elementor-12503 .elementor-element.elementor-element-25c2aa0.e-con{--align-self:center;}.elementor-12503 .elementor-element.elementor-element-958ec75{width:initial;max-width:initial;columns:1;text-align:justify;color:var( --e-global-color-d86f300 );font-family:"DM Sans", Sans-serif;font-weight:400;}.elementor-12503 .elementor-element.elementor-element-958ec75 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-ee31af3{width:initial;max-width:initial;columns:1;text-align:justify;color:var( --e-global-color-d86f300 );font-family:"DM Sans", Sans-serif;font-weight:400;line-height:16px;}.elementor-12503 .elementor-element.elementor-element-ee31af3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-dd6b914{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--background-transition:0.3s;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12503 .elementor-element.elementor-element-dd6b914, .elementor-12503 .elementor-element.elementor-element-dd6b914::before{--border-transition:0.3s;}.elementor-12503 .elementor-element.elementor-element-348467f .single-image{width:100%;}@media(min-width:768px){.elementor-12503 .elementor-element.elementor-element-6ca84d4{--content-width:100%;}.elementor-12503 .elementor-element.elementor-element-9fa7fd3{--width:50%;}.elementor-12503 .elementor-element.elementor-element-479a856{--width:50%;}.elementor-12503 .elementor-element.elementor-element-0682ec0{--content-width:100%;}.elementor-12503 .elementor-element.elementor-element-4e554d11{--content-width:100%;}.elementor-12503 .elementor-element.elementor-element-65ee2bc8{--width:100%;}.elementor-12503 .elementor-element.elementor-element-4d4f3a16{--width:100%;}.elementor-12503 .elementor-element.elementor-element-18c5bc5d{--content-width:80%;}.elementor-12503 .elementor-element.elementor-element-df640eb{--width:100%;}.elementor-12503 .elementor-element.elementor-element-27c2a988{--width:100%;}.elementor-12503 .elementor-element.elementor-element-48412832{--width:100%;}.elementor-12503 .elementor-element.elementor-element-67d51f5{--content-width:100%;}.elementor-12503 .elementor-element.elementor-element-f0a3174{--width:100%;}.elementor-12503 .elementor-element.elementor-element-af84291{--width:100%;}.elementor-12503 .elementor-element.elementor-element-a6c84f7{--width:100%;}.elementor-12503 .elementor-element.elementor-element-e5abe03{--width:99.836%;}}@media(max-width:1024px) and (min-width:768px){.elementor-12503 .elementor-element.elementor-element-6ca84d4{--content-width:100%;}.elementor-12503 .elementor-element.elementor-element-9fa7fd3{--width:100%;}.elementor-12503 .elementor-element.elementor-element-479a856{--width:100%;}.elementor-12503 .elementor-element.elementor-element-18c5bc5d{--content-width:100%;}.elementor-12503 .elementor-element.elementor-element-d279f68{--content-width:100%;}}@media(max-width:1024px){.elementor-12503 .elementor-element.elementor-element-6ca84d4{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-12503 .elementor-element.elementor-element-9fa7fd3{--min-height:84vh;--justify-content:flex-end;--padding-top:6%;--padding-bottom:6%;--padding-left:0%;--padding-right:00%;}.elementor-12503 .elementor-element.elementor-element-9fa7fd3.e-con{--order:-99999 /* order start hack */;}.elementor-12503 .elementor-element.elementor-element-3982dab > .elementor-widget-container{padding:2% 0% 4% 0%;}.elementor-12503 .elementor-element.elementor-element-3982dab.elementor-element{--align-self:center;}.elementor-12503 .elementor-element.elementor-element-3982dab .single-image{width:60%;}.elementor-12503 .elementor-element.elementor-element-ecbe7b4 > .elementor-widget-container{padding:2% 0% 4% 0%;}.elementor-12503 .elementor-element.elementor-element-ecbe7b4.elementor-element{--align-self:center;}.elementor-12503 .elementor-element.elementor-element-ecbe7b4 .single-image{width:30%;}.elementor-12503 .elementor-element.elementor-element-a08b328 > .elementor-widget-container{padding:2% 0% 2% 0%;}.elementor-12503 .elementor-element.elementor-element-a08b328 .project-title h1{font-size:4vw;}.elementor-12503 .elementor-element.elementor-element-15845df > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-479a856{--min-height:50vh;--justify-content:center;}.elementor-12503 .elementor-element.elementor-element-231d7fb{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-12503 .elementor-element.elementor-element-0682ec0{--padding-top:4%;--padding-bottom:8%;--padding-left:4%;--padding-right:4%;}.elementor-12503 .elementor-element.elementor-element-4a4c00f > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-12503 .elementor-element.elementor-element-4e554d11{--flex-wrap:wrap;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-12503 .elementor-element.elementor-element-65ee2bc8{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--flex-wrap:wrap;--margin-top:0%;--margin-bottom:4%;--margin-left:4%;--margin-right:4%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12503 .elementor-element.elementor-element-4d4f3a16{--min-height:49vh;--justify-content:flex-start;}.elementor-12503 .elementor-element.elementor-element-414aa994 .single-image{width:60%;}.elementor-12503 .elementor-element.elementor-element-18c5bc5d{--justify-content:flex-start;--padding-top:0%;--padding-bottom:6%;--padding-left:2%;--padding-right:2%;}.elementor-12503 .elementor-element.elementor-element-67d51f5{--flex-wrap:wrap;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-12503 .elementor-element.elementor-element-f0a3174{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--flex-wrap:wrap;--margin-top:0%;--margin-bottom:4%;--margin-left:4%;--margin-right:4%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12503 .elementor-element.elementor-element-d279f68{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-12503 .elementor-element.elementor-element-af84291{--padding-top:2%;--padding-bottom:6%;--padding-left:2%;--padding-right:2%;}.elementor-12503 .elementor-element.elementor-element-b64e199{text-align:center;}.elementor-12503 .elementor-element.elementor-element-dd6b914{--min-height:50vh;--justify-content:center;}}@media(max-width:767px){.elementor-12503 .elementor-element.elementor-element-6ca84d4{--margin-top:20%;--margin-bottom:8%;--margin-left:0%;--margin-right:0%;--padding-top:2%;--padding-bottom:2%;--padding-left:2%;--padding-right:2%;}.elementor-12503 .elementor-element.elementor-element-6ca84d4.e-con{--order:1;}.elementor-12503 .elementor-element.elementor-element-9fa7fd3{--width:96%;--min-height:65vh;--flex-wrap:wrap;--padding-top:9%;--padding-bottom:2%;--padding-left:00%;--padding-right:0%;}.elementor-12503 .elementor-element.elementor-element-3982dab .single-image{width:41%;}.elementor-12503 .elementor-element.elementor-element-ecbe7b4 .single-image{width:41%;}.elementor-12503 .elementor-element.elementor-element-a08b328 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-a08b328 .project-title h1{font-size:40px;}.elementor-12503 .elementor-element.elementor-element-01eef37{text-align:center;}.elementor-12503 .elementor-element.elementor-element-479a856{--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-12503 .elementor-element.elementor-element-a12379d.elementor-element{--order:-99999 /* order start hack */;}.elementor-12503 .elementor-element.elementor-element-231d7fb{--padding-top:4%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-12503 .elementor-element.elementor-element-0682ec0{--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-12503 .elementor-element.elementor-element-4e554d11{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12503 .elementor-element.elementor-element-65ee2bc8{--margin-top:10%;--margin-bottom:10%;--margin-left:4%;--margin-right:4%;}.elementor-12503 .elementor-element.elementor-element-414aa994 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12503 .elementor-element.elementor-element-414aa994 .single-image{width:99%;}.elementor-12503 .elementor-element.elementor-element-18c5bc5d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12503 .elementor-element.elementor-element-49dece7b{line-height:16px;}.elementor-12503 .elementor-element.elementor-element-769dae24{line-height:16px;}.elementor-12503 .elementor-element.elementor-element-6be21d33{line-height:16px;}.elementor-12503 .elementor-element.elementor-element-67d51f5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12503 .elementor-element.elementor-element-f0a3174{--margin-top:10%;--margin-bottom:10%;--margin-left:4%;--margin-right:4%;}.elementor-12503 .elementor-element.elementor-element-d279f68{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:4%;--padding-left:0%;--padding-right:0%;}.elementor-12503 .elementor-element.elementor-element-af84291{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-12503 .elementor-element.elementor-element-b64e199{text-align:center;}.elementor-12503 .elementor-element.elementor-element-b2ee407{line-height:16px;}.elementor-12503 .elementor-element.elementor-element-a3b6340{line-height:16px;}.elementor-12503 .elementor-element.elementor-element-a44e803{line-height:16px;}.elementor-12503 .elementor-element.elementor-element-e4d007f{line-height:16px;}.elementor-12503 .elementor-element.elementor-element-c37aef6{line-height:16px;}.elementor-12503 .elementor-element.elementor-element-ee31af3{line-height:16px;}.elementor-12503 .elementor-element.elementor-element-348467f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media print{@font-face { font-family: 'DM Serif Display'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/dmserifdisplay/v17/-nFnOHM81r4j6k0gjAW3mujVU2B2G_Bx1w.ttf) format('truetype'); } }@font-face { font-family: 'DM Sans'; font-style: italic; font-weight: 100; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat-JDF30TGI.ttf) format('truetype'); } @font-face { font-family: 'DM Sans'; font-style: italic; font-weight: 200; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat8JDV30TGI.ttf) format('truetype'); } @font-face { font-family: 'DM Sans'; font-style: italic; font-weight: 300; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat_XDV30TGI.ttf) format('truetype'); } @font-face { font-family: 'DM Sans'; font-style: italic; font-weight: 400; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat-JDV30TGI.ttf) format('truetype'); } @font-face { font-family: 'DM Sans'; font-style: italic; font-weight: 500; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat-7DV30TGI.ttf) format('truetype'); } @font-face { font-family: 'DM Sans'; font-style: italic; font-weight: 600; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat9XCl30TGI.ttf) format('truetype'); } @font-face { font-family: 'DM Sans'; font-style: italic; font-weight: 700; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat9uCl30TGI.ttf) format('truetype'); } @font-face { font-family: 'DM Sans'; font-style: italic; font-weight: 800; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat8JCl30TGI.ttf) format('truetype'); } @font-face { font-family: 'DM Sans'; font-style: italic; font-weight: 900; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat8gCl30TGI.ttf) format('truetype'); } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAop1RSW3z.ttf) format('truetype'); } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 200; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAIpxRSW3z.ttf) format('truetype'); } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwA_JxRSW3z.ttf) format('truetype'); } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAopxRSW3z.ttf) format('truetype'); } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAkJxRSW3z.ttf) format('truetype'); } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 600; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAfJtRSW3z.ttf) format('truetype'); } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwARZtRSW3z.ttf) format('truetype'); } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 800; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAIptRSW3z.ttf) format('truetype'); } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 900; src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAC5tRSW3z.ttf) format('truetype'); } @font-face { font-family: 'DM Serif Display'; font-style: italic; font-weight: 400; src: url(https://fonts.gstatic.com/s/dmserifdisplay/v17/-nFhOHM81r4j6k0gjAW3mujVU2B2G_VB0PDz.ttf) format('truetype'); } @font-face { font-family: 'DM Serif Display'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/dmserifdisplay/v17/-nFnOHM81r4j6k0gjAW3mujVU2B2G_Bx1w.ttf) format('truetype'); } @font-face { font-family: 'Fahkwang'; font-style: italic; font-weight: 200; src: url(https://fonts.gstatic.com/s/fahkwang/v18/Noa06Uj3zpmBOgbNpOqNgHFQLClZkg.ttf) format('truetype'); } @font-face { font-family: 'Fahkwang'; font-style: italic; font-weight: 300; src: url(https://fonts.gstatic.com/s/fahkwang/v18/Noa06Uj3zpmBOgbNpOqNgBVTLClZkg.ttf) format('truetype'); } @font-face { font-family: 'Fahkwang'; font-style: italic; font-weight: 400; src: url(https://fonts.gstatic.com/s/fahkwang/v18/Noa36Uj3zpmBOgbNpOqNiL5xPA.ttf) format('truetype'); } @font-face { font-family: 'Fahkwang'; font-style: italic; font-weight: 500; src: url(https://fonts.gstatic.com/s/fahkwang/v18/Noa06Uj3zpmBOgbNpOqNgE1SLClZkg.ttf) format('truetype'); } @font-face { font-family: 'Fahkwang'; font-style: italic; font-weight: 600; src: url(https://fonts.gstatic.com/s/fahkwang/v18/Noa06Uj3zpmBOgbNpOqNgGFVLClZkg.ttf) format('truetype'); } @font-face { font-family: 'Fahkwang'; font-style: italic; font-weight: 700; src: url(https://fonts.gstatic.com/s/fahkwang/v18/Noa06Uj3zpmBOgbNpOqNgAVULClZkg.ttf) format('truetype'); } @font-face { font-family: 'Fahkwang'; font-style: normal; font-weight: 200; src: url(https://fonts.gstatic.com/s/fahkwang/v18/Noa26Uj3zpmBOgbNpOJHmalWHC4.ttf) format('truetype'); } @font-face { font-family: 'Fahkwang'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/fahkwang/v18/Noa26Uj3zpmBOgbNpOIjmqlWHC4.ttf) format('truetype'); } @font-face { font-family: 'Fahkwang'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/fahkwang/v18/Noax6Uj3zpmBOgbNpOqIuLk.ttf) format('truetype'); } @font-face { font-family: 'Fahkwang'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/fahkwang/v18/Noa26Uj3zpmBOgbNpOJ7m6lWHC4.ttf) format('truetype'); } @font-face { font-family: 'Fahkwang'; font-style: normal; font-weight: 600; src: url(https://fonts.gstatic.com/s/fahkwang/v18/Noa26Uj3zpmBOgbNpOJXnKlWHC4.ttf) format('truetype'); } @font-face { font-family: 'Fahkwang'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/fahkwang/v18/Noa26Uj3zpmBOgbNpOIznalWHC4.ttf) format('truetype'); } .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } .site-title a, .site-description { color: #968b82; } body.light{ --mainColor:#191919!important;} body.light{ --mainBackground:#ebebeb!important;} body.light{ --secondaryBackground:#666666!important;} body.dark, .light:not(body) { --mainColor:#ebebeb!important;} body.dark, .light:not(body) { --mainBackground:#191919!important;} body.dark, .light:not(body) { --secondaryBackground:#3F3F3F!important;}.site-header { background-color: #E5E1DC}.site-header.sticked { background-color: #E5E1DC}div#mouseCursor.dot .main-circle { fill: rgba(150,139,130,0.55)} div#mouseCursor.circle .main-circle { stroke: rgba(150,139,130,0.55)}.mouse-cursor-text { color: rgb(243,240,236)}.mouse-cursor-icon { color: rgb(115,96,77)}.nayla-page-transition {--backG: #E5E1DC} .nfg--item { margin-bottom: 75px; } .nfg--filters--wrapper { width: fit-content } #menu-text a { font-size:14px !important; color:#666666 !important; line-height: 14px; } /* Pagina Somos Nos Texto Header */ .elementor-2297 .elementor-element.elementor-element-63d1653 .text-wrapper > *{ color:#ffffff; } .QuemSomos_Titulo .text-h3 { color:#ffffff; } /* .inner-project-link { pointer-events:none;} */ .elementor-2297 .elementor-element.elementor-element-0b0325a .text-wrapper > *{ color: #ffffff !important; } /* Politica de privacidade text color */ label.wpforms-field-label-inline { color:#3F3F3F !important; } /*Retirar padding ao Header*/ .site-header>div{ padding:0px; !important } /*Cor de Texto HomePage 1Seccao*/ h2.elementor-heading-title.elementor-size-default{ color:#ffffff !important; } /*Retirar linha entre os projectos */ .elementor hr, .portfolio-grid hr{ height:0px; opacity:1; } /*Grid projects */ .elementor-10442 .elementor-element.elementor-element-d2bf96c .grid-projects-wrapper{ padding-top:0px; } /*Footer */ .footerColors a{ color:#3f3f3f !important; } .footerColors a:hover{ color:#3f3f3f !important; } .footerColorLight a{ color:#3f3f3f !important; } .footerColorLight a:hover{ color:#3f3f3f !important; } .footerTop { color:#666666 !important; } .footerTop :hover { transition: 0.4s; color:#000000 !important; } /* livro de reclamações style */ .livro-reclamacoes p{ font-size:12px; margin-top: 0px !important; margin-bottom: 0px !important; } .livro-reclamacoes p a{ color: #3f3f3f !important; } /*botão formulário*/ button#wpforms-submit-10657{ font-family: 'DM Sans', sans-serif !important; font-weight: 300; background-color:#3f3f3f !important; } /*Campos formulário*/ label.wpforms-field-label{ font-family: 'DM Sans', sans-serif !important; color:#3f3f3f !important; font-weight: 500 !important; font-size: 1rem !important; } /*lovo 22 anos SVG*/ .circular-text-icon a svg{ height:30px!important; } .circular-text-icon a svg .cls-1 { fill:#ffffff; } /* espaço no texto do portfolio */ .portfolio-homepage .grid-project-meta { padding-left: 5px; padding-right:5px; } /* retirar "cliente" do single project */ .elementor-11 .elementor-element.elementor-element-8bcfe21.elementor-element{ display:none; } /* projectos 1 coluna mobile*/ @media only screen and (max-width: 450px) { .grid-project { grid-column-start: span 10 !important; } } /* pagina projectos categoria sempre visivel */ ul.grid-portfolio-filtering li { display: flex !important; float:left; } /* pagina projectos categoria filtros à esquerda */ .grid-controls>div:last-child{ float: left !important; padding-left: 4px; } /* Projectos filter mobile e tablet*/ @media only screen and (max-width: 1000px) { .portfolio-filters.horizontal ul{ padding-top: 14px !important; display:grid !important; margin: 0px !important; } ul.grid-portfolio-filtering li{ margin:0px; padding-top:2px; } } /*Pagina Single Projectos Botão preview */ .project-back-button{ color:#000000 !important; } .project-back-button :hover{ transition: 0.4s; color:#3f3f3f !important; } /*next projects esta repetido*/ .next-project-image{ max-height:70% !important; display: flex !important; flex-wrap: wrap; align-content: center; } /*Imagem Localização*/ div#ImagemLocalizacao img{ max-height:450px !important; object-fit: contain !important; } /* Next Project CSS */ .nayla-next-project.section{ background-color:#FFFCF9 !important; } .next-project-title { font-size: xxx-large; } .nayla-next-project { display: block; float: left; width: 100%; height: 80vh !important; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; margin-bottom: 0; z-index: 0; background: #FFFCF9; } h1.Politica { font-size: 80px; } @media only screen and (max-width: 1000px) { h1.Politica { font-size: 50px; } h2.Politica { font-size: 50px; } .Politica h3 { font-size: 30px; line-height:1.2em; } } @media only screen and (max-width: 400px) { h1.Politica { font-size: 18px; } h2.Politica { font-size: 40px; } .Politica h3 { font-size: 30px; line-height:1.2em; } } :root{--pgal-image-height:50;--pgal-mobile-width:50;}body{--mainColor:#3F3F3F;}body{--mainBackground:#FFFCF9;}body{--secondaryBackground:#666666;}body.dark{--mainColor:#E5E1DC;}body.dark{--mainBackground:#666666;}body.dark{--secondaryBackground:#3F3F3F;}.nayla-page-transition{--backg:#E5E1DC!important;}.page-transition-caption{font-family:"DM Serif Display";text-align:center;font-weight:400;font-style:normal;color:#968b82;}.page-loader{--bg:#E5E1DC!important;}div#mouseCursor.dot .main-circle{fill:rgba(150,139,130,0.55)!important;}div#mouseCursor.circle .main-circle{stroke:rgba(150,139,130,0.55)!important;}mouse-cursor-text{color:rgb(243,240,236)!important;}mouse-cursor-icon{color:rgb(115,96,77)!important;}body{background-color:#fffcf9 !important;}body{color:#3f3f3f;}#page a{color:#0a0606;}#page a:hover{color:#3f3f3f;}#page a:active{color:#161616;}#page{color:#3f3f3f;}#page h1,.text-h1{color:#3f3f3f;}#page h2,.text-h2{color:#3f3f3f;}#page h3,.text-h3{color:#3f3f3f;}.fullscreen_menu::before{background-color:#e5e1dc!important;}.site-header .site-navigation.fullscreen .menu.main-menu > li.menu-item a::before{color:#968b82!important;}.site-header.menu_dark .sub-togg-line{background-color:#968b82!important;}.site-navigation.classic .menu.main-menu > li > a{color:rgba(25, 27, 29, .6)!important;}.site-header .site-navigation.classic .menu.main-menu li.current-menu-item > a{color:#191b1d!important;}.site-header.light .site-navigation.classic .menu.main-menu > li > a{color:hsla(0,0%,100%,.2)!important;}.site-header.light .site-navigation.classic .menu.main-menu li.current-menu-item > a{color:#ffffff!important;}.site-header.menu_dark .git-button a,.site-header.menu_light .git-button a{color:#968b82;}.site-footer{background-color:#968b82 !important;}#footer.dark .footer-menu ul li a,#footer.light .footer-menu ul li a{color:#3f3f3f;}#footer.dark .copyright-text,#footer.light .copyright-text{color:#3f3f3f;}.elementor-6377 .elementor-element.elementor-element-65a5149{--display:flex;--position:fixed;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-2a60bf0 );--border-color:var( --e-global-color-2a60bf0 );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:9999;}.elementor-6377 .elementor-element.elementor-element-65a5149:not(.elementor-motion-effects-element-type-background), .elementor-6377 .elementor-element.elementor-element-65a5149 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFCF9;}.elementor-6377 .elementor-element.elementor-element-65a5149, .elementor-6377 .elementor-element.elementor-element-65a5149::before{--border-transition:0.3s;}body:not(.rtl) .elementor-6377 .elementor-element.elementor-element-65a5149{left:0px;}body.rtl .elementor-6377 .elementor-element.elementor-element-65a5149{right:0px;}.elementor-6377 .elementor-element.elementor-element-6682377{--display:flex;--min-height:85vh;--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-6377 .elementor-element.elementor-element-6682377, .elementor-6377 .elementor-element.elementor-element-6682377::before{--border-transition:0.3s;}.elementor-6377 .elementor-element.elementor-element-c0871fd{--display:flex;--min-height:100px;--justify-content:flex-start;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6377 .elementor-element.elementor-element-d3ea3ad > .elementor-widget-container{--e-transform-rotateZ:270deg;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6377 .elementor-element.elementor-element-d3ea3ad{color:var( --e-global-color-d86f300 );}.elementor-6377 .elementor-element.elementor-element-ef49e56{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6377 .elementor-element.elementor-element-e621ff1 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-6377 .elementor-element.elementor-element-e621ff1{text-align:left;}.elementor-6377 .elementor-element.elementor-element-e621ff1 img{width:100%;}.elementor-6377 .elementor-element.elementor-element-c3b54ab{--display:flex;--min-height:100px;--justify-content:flex-end;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6377 .elementor-element.elementor-element-fec3739 > .elementor-widget-container{--e-transform-rotateZ:270deg;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6377 .elementor-element.elementor-element-fec3739{color:var( --e-global-color-d86f300 );font-family:"DM Sans", Sans-serif;font-size:10px;font-weight:400;}.elementor-6377 .elementor-element.elementor-element-fa9be32{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;border-style:solid;--border-style:solid;border-color:var( --e-global-color-2a60bf0 );--border-color:var( --e-global-color-2a60bf0 );}.elementor-6377 .elementor-element.elementor-element-fa9be32:not(.elementor-motion-effects-element-type-background), .elementor-6377 .elementor-element.elementor-element-fa9be32 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFCF9;}.elementor-6377 .elementor-element.elementor-element-fa9be32, .elementor-6377 .elementor-element.elementor-element-fa9be32::before{--border-transition:0.3s;}.elementor-6377 .elementor-element.elementor-element-817601e .site-branding{width:100px;}.elementor-6377 .elementor-element.elementor-element-817601e .sticky-logo{width:40px;}.elementor-6377 .elementor-element.elementor-element-ebc0df2{text-align:right;}.elementor-6377 .elementor-element.elementor-element-ebc0df2 .nayla-button a{color:var( --e-global-color-c69d7e3 );}.elementor-6377 .elementor-element.elementor-element-ebc0df2 .nayla-button .button-line{background-color:var( --e-global-color-c69d7e3 );}.elementor-6377 .elementor-element.elementor-element-ebc0df2 .nayla-button:hover a{color:var( --e-global-color-d86f300 );}.elementor-6377 .elementor-element.elementor-element-ebc0df2 .nayla-button:hover a .button-line{background-color:var( --e-global-color-d86f300 );}.elementor-6377 .elementor-element.elementor-element-ebc0df2 .nayla-button > span{color:var( --e-global-color-c69d7e3 );}.elementor-6377 .elementor-element.elementor-element-ebc0df2 .nayla-button:hover > span{color:var( --e-global-color-d86f300 );}:not(.elementor-motion-effects-element-type-background), > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFCF9;}{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-6377 .elementor-element.elementor-element-fa9be32{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2%;--padding-bottom:2%;--padding-left:2%;--padding-right:2%;}.elementor-6377 .elementor-element.elementor-element-817601e .site-branding{width:45px;}.elementor-6377 .elementor-element.elementor-element-817601e .sticky-logo{width:35px;}.elementor-6377 .elementor-element.elementor-element-ebc0df2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-6377 .elementor-element.elementor-element-65a5149{--width:4vw;}.elementor-6377 .elementor-element.elementor-element-6682377{--width:4vw;}}@media(max-width:767px){.elementor-6377 .elementor-element.elementor-element-65a5149{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6377 .elementor-element.elementor-element-6682377{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6377 .elementor-element.elementor-element-fa9be32{--width:100%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;}.elementor-6377 .elementor-element.elementor-element-ebc0df2.elementor-element{--align-self:center;}.elementor-6377 .elementor-element.elementor-element-ebc0df2{text-align:center;}}.elementor-6381 .elementor-element.elementor-element-a79bb1b:not(.elementor-motion-effects-element-type-background), .elementor-6381 .elementor-element.elementor-element-a79bb1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F0EC;}.elementor-6381 .elementor-element.elementor-element-a79bb1b{border-style:solid;border-width:1px 0px 0px 0px;border-color:var( --e-global-color-2a60bf0 );transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;color:var( --e-global-color-text );margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-6381 .elementor-element.elementor-element-a79bb1b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6381 .elementor-element.elementor-element-a79bb1b .elementor-heading-title{color:var( --e-global-color-text );}.elementor-6381 .elementor-element.elementor-element-a79bb1b a{color:var( --e-global-color-text );}.elementor-6381 .elementor-element.elementor-element-a79bb1b a:hover{color:var( --e-global-color-75d4518 );}.elementor-6381 .elementor-element.elementor-element-d92af2e > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0% 0% 0% 4%;--e-column-margin-right:0%;--e-column-margin-left:4%;padding:0px 0px 30px 0px;}.elementor-6381 .elementor-element.elementor-element-d92af2e > .elementor-element-populated, .elementor-6381 .elementor-element.elementor-element-d92af2e > .elementor-element-populated > .elementor-background-overlay, .elementor-6381 .elementor-element.elementor-element-d92af2e > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-6381 .elementor-element.elementor-element-d92af2e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6381 .elementor-element.elementor-element-5ba41e8 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-end;align-items:flex-end;}.elementor-6381 .elementor-element.elementor-element-5ba41e8{border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-2a60bf0 );transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:20px;margin-bottom:0px;}.elementor-6381 .elementor-element.elementor-element-bfbcbde > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:15px;}.elementor-6381 .elementor-element.elementor-element-bfbcbde > .elementor-element-populated{padding:0px 0px 0px 18px;}.elementor-6381 .elementor-element.elementor-element-b89ae30{text-align:left;}.elementor-6381 .elementor-element.elementor-element-b89ae30 .nayla-button{font-size:16px;letter-spacing:0px;}.elementor-6381 .elementor-element.elementor-element-b89ae30 .nayla-button a{color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-b89ae30 .nayla-button .button-line{background-color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-b89ae30 .nayla-button:hover a{color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-b89ae30 .nayla-button:hover a .button-line{background-color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-b89ae30 .nayla-button > span{color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-b89ae30 .nayla-button:hover > span{color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-075ea32{text-align:left;}.elementor-6381 .elementor-element.elementor-element-075ea32 .nayla-button{font-size:16px;letter-spacing:0px;}.elementor-6381 .elementor-element.elementor-element-075ea32 .nayla-button a{color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-075ea32 .nayla-button .button-line{background-color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-075ea32 .nayla-button:hover a{color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-075ea32 .nayla-button:hover a .button-line{background-color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-075ea32 .nayla-button > span{color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-075ea32 .nayla-button:hover > span{color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-e37d818{text-align:right;}.elementor-6381 .elementor-element.elementor-element-e37d818 .nayla-scroll-button p{font-size:20px;}.elementor-6381 .elementor-element.elementor-element-e37d818 .nayla-scroll-button i{font-size:30px;}.elementor-6381 .elementor-element.elementor-element-549ab5a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6381 .elementor-element.elementor-element-bd1d78f{--display:flex;--justify-content:flex-end;--background-transition:0.3s;}.elementor-6381 .elementor-element.elementor-element-d027347 .text-wrapper > *{font-size:14px;text-transform:uppercase;}.elementor-6381 .elementor-element.elementor-element-d027347 .text-wrapper{color:var( --e-global-color-c69d7e3 );text-align:left;}.elementor-6381 .elementor-element.elementor-element-d027347{width:100%;}.elementor-6381 .elementor-element.elementor-element-edbd490{--display:flex;--justify-content:flex-end;--gap:5px 5px;--background-transition:0.3s;}.elementor-6381 .elementor-element.elementor-element-9a06154.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-6381 .elementor-element.elementor-element-9a06154{text-align-last:center;}.elementor-6381 .elementor-element.elementor-element-9a06154 ul.menu.main-menu li{font-size:14px;text-transform:uppercase;}.elementor-6381 .elementor-element.elementor-element-9a06154 ul.menu.main-menu li a, .elementor-6381 .elementor-element.elementor-element-9a06154 li.menu-item-has-children span.sub-toggle{color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-9a06154 ul.menu.main-menu li::before{background-color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-af84cdb{--display:flex;--justify-content:flex-end;--gap:0px 0px;--background-transition:0.3s;}.elementor-6381 .elementor-element.elementor-element-3bbf821 .text-wrapper > *{font-size:14px;text-transform:uppercase;}.elementor-6381 .elementor-element.elementor-element-3bbf821 .text-wrapper{color:var( --e-global-color-c69d7e3 );text-align:right;}.elementor-6381 .elementor-element.elementor-element-3bbf821{width:100%;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6381 .elementor-element.elementor-element-8136f02 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6381 .elementor-element.elementor-element-8136f02{text-align:right;color:var( --e-global-color-c69d7e3 );font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;}.elementor-6381 .elementor-element.elementor-element-35da667{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#B3B3B3;--border-color:#B3B3B3;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6381 .elementor-element.elementor-element-35da667, .elementor-6381 .elementor-element.elementor-element-35da667::before{--border-transition:0.3s;}.elementor-6381 .elementor-element.elementor-element-89888b2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;}.elementor-6381 .elementor-element.elementor-element-89888b2:not(.elementor-motion-effects-element-type-background), .elementor-6381 .elementor-element.elementor-element-89888b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F0EC;}.elementor-6381 .elementor-element.elementor-element-89888b2, .elementor-6381 .elementor-element.elementor-element-89888b2::before{--border-transition:0.3s;}.elementor-6381 .elementor-element.elementor-element-a0e80d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-6381 .elementor-element.elementor-element-46e3c6d{text-align:left;}.elementor-6381 .elementor-element.elementor-element-46e3c6d .nayla-button{font-size:16px;letter-spacing:0px;}.elementor-6381 .elementor-element.elementor-element-46e3c6d .nayla-button a{color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-46e3c6d .nayla-button .button-line{background-color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-46e3c6d .nayla-button:hover a{color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-46e3c6d .nayla-button:hover a .button-line{background-color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-46e3c6d .nayla-button > span{color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-46e3c6d .nayla-button:hover > span{color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-e87ca01{text-align:left;}.elementor-6381 .elementor-element.elementor-element-e87ca01 .nayla-button{font-size:16px;letter-spacing:0px;}.elementor-6381 .elementor-element.elementor-element-e87ca01 .nayla-button a{color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-e87ca01 .nayla-button .button-line{background-color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-e87ca01 .nayla-button:hover a{color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-e87ca01 .nayla-button:hover a .button-line{background-color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-e87ca01 .nayla-button > span{color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-e87ca01 .nayla-button:hover > span{color:var( --e-global-color-c69d7e3 );}.elementor-6381 .elementor-element.elementor-element-e268c49{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-6381 .elementor-element.elementor-element-a081b95{text-align:right;}.elementor-6381 .elementor-element.elementor-element-a081b95 .nayla-scroll-button p{font-size:20px;}.elementor-6381 .elementor-element.elementor-element-a081b95 .nayla-scroll-button i{font-size:30px;}.elementor-6381 .elementor-element.elementor-element-0807d12{--display:flex;--justify-content:flex-end;--gap:5px 5px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-color:var( --e-global-color-2a60bf0 );--border-color:var( --e-global-color-2a60bf0 );}.elementor-6381 .elementor-element.elementor-element-0807d12, .elementor-6381 .elementor-element.elementor-element-0807d12::before{--border-transition:0.3s;}.elementor-6381 .elementor-element.elementor-element-7b75472.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-6381 .elementor-element.elementor-element-7b75472{text-align-last:center;}.elementor-6381 .elementor-element.elementor-element-7b75472 ul.menu.main-menu li{font-size:14px;text-transform:uppercase;}.elementor-6381 .elementor-element.elementor-element-7b75472 ul.menu.main-menu li a, .elementor-6381 .elementor-element.elementor-element-7b75472 li.menu-item-has-children span.sub-toggle{color:var( --e-global-color-text );}.elementor-6381 .elementor-element.elementor-element-7b75472 ul.menu.main-menu li::before{background-color:var( --e-global-color-text );}.elementor-6381 .elementor-element.elementor-element-49bdb07.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-6381 .elementor-element.elementor-element-49bdb07{text-align-last:center;}.elementor-6381 .elementor-element.elementor-element-49bdb07 ul.menu.main-menu li{font-size:14px;text-transform:uppercase;}.elementor-6381 .elementor-element.elementor-element-49bdb07 ul.menu.main-menu li a, .elementor-6381 .elementor-element.elementor-element-49bdb07 li.menu-item-has-children span.sub-toggle{color:var( --e-global-color-text );}.elementor-6381 .elementor-element.elementor-element-49bdb07 ul.menu.main-menu li::before{background-color:var( --e-global-color-text );}.elementor-6381 .elementor-element.elementor-element-3126e91{--display:flex;--justify-content:flex-end;--background-transition:0.3s;}.elementor-6381 .elementor-element.elementor-element-9cdaecf{--display:flex;--justify-content:flex-end;--gap:0px 0px;--background-transition:0.3s;}.elementor-6381 .elementor-element.elementor-element-ec86d7d .text-wrapper > *{font-size:14px;text-transform:uppercase;}.elementor-6381 .elementor-element.elementor-element-ec86d7d .text-wrapper{color:var( --e-global-color-c69d7e3 );text-align:left;}.elementor-6381 .elementor-element.elementor-element-ec86d7d{width:100%;}.elementor-6381 .elementor-element.elementor-element-b8b1c26{--display:flex;--justify-content:flex-end;--gap:0px 0px;--background-transition:0.3s;}.elementor-6381 .elementor-element.elementor-element-ec6fcbe .text-wrapper > *{font-size:14px;text-transform:uppercase;}.elementor-6381 .elementor-element.elementor-element-ec6fcbe .text-wrapper{color:var( --e-global-color-c69d7e3 );text-align:right;}.elementor-6381 .elementor-element.elementor-element-ec6fcbe{width:100%;}.elementor-6381 .elementor-element.elementor-element-b9e255d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6381 .elementor-element.elementor-element-b9e255d{text-align:right;color:var( --e-global-color-c69d7e3 );font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:400;}.elementor-6381 .elementor-element.elementor-element-cbcbbdf{--display:flex;--justify-content:flex-end;--background-transition:0.3s;border-style:solid;--border-style:solid;border-color:var( --e-global-color-2a60bf0 );--border-color:var( --e-global-color-2a60bf0 );}.elementor-6381 .elementor-element.elementor-element-cbcbbdf, .elementor-6381 .elementor-element.elementor-element-cbcbbdf::before{--border-transition:0.3s;}.elementor-6381 .elementor-element.elementor-element-159efdc{--display:flex;--justify-content:flex-end;--gap:0px 0px;--background-transition:0.3s;}.elementor-6381 .elementor-element.elementor-element-bac7c85{--display:flex;--justify-content:flex-end;--gap:0px 0px;--background-transition:0.3s;}.elementor-6381 .elementor-element.elementor-element-262449c .text-wrapper > *{font-size:14px;text-transform:uppercase;}.elementor-6381 .elementor-element.elementor-element-262449c .text-wrapper{color:var( --e-global-color-c69d7e3 );text-align:left;}.elementor-6381 .elementor-element.elementor-element-262449c{width:100%;}@media(max-width:1024px){.elementor-6381 .elementor-element.elementor-element-d92af2e > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;}.elementor-6381 .elementor-element.elementor-element-549ab5a{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6381 .elementor-element.elementor-element-35da667{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--flex-wrap:wrap;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6381 .elementor-element.elementor-element-a0e80d6{--gap:12px 12px;}.elementor-6381 .elementor-element.elementor-element-46e3c6d .nayla-button{font-size:16px;}.elementor-6381 .elementor-element.elementor-element-e87ca01 .nayla-button{font-size:16px;}.elementor-6381 .elementor-element.elementor-element-0807d12{border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;--padding-top:50px;--padding-bottom:26px;--padding-left:0px;--padding-right:0px;}.elementor-6381 .elementor-element.elementor-element-7b75472{text-align-last:center;}.elementor-6381 .elementor-element.elementor-element-3126e91{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-6381 .elementor-element.elementor-element-9cdaecf{--justify-content:space-between;}.elementor-6381 .elementor-element.elementor-element-ec86d7d .text-wrapper{text-align:left;}.elementor-6381 .elementor-element.elementor-element-b8b1c26{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-6381 .elementor-element.elementor-element-ec6fcbe .text-wrapper{text-align:right;}.elementor-6381 .elementor-element.elementor-element-cbcbbdf{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-6381 .elementor-element.elementor-element-159efdc{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-6381 .elementor-element.elementor-element-bac7c85{--justify-content:space-between;}.elementor-6381 .elementor-element.elementor-element-262449c .text-wrapper{text-align:left;}}@media(max-width:767px){.elementor-6381 .elementor-element.elementor-element-d92af2e > .elementor-element-populated{padding:30px 0px 0px 0px;}.elementor-6381 .elementor-element.elementor-element-5ba41e8{margin-top:0px;margin-bottom:0px;}.elementor-6381 .elementor-element.elementor-element-b89ae30 .nayla-button{font-size:16px;}.elementor-6381 .elementor-element.elementor-element-075ea32 .nayla-button{font-size:16px;}.elementor-6381 .elementor-element.elementor-element-e37d818 .nayla-scroll-button i{font-size:51px;}.elementor-6381 .elementor-element.elementor-element-549ab5a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6381 .elementor-element.elementor-element-35da667{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-6381 .elementor-element.elementor-element-a0e80d6{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6381 .elementor-element.elementor-element-46e3c6d .nayla-button{font-size:16px;}.elementor-6381 .elementor-element.elementor-element-e87ca01 .nayla-button{font-size:16px;}.elementor-6381 .elementor-element.elementor-element-a081b95 .nayla-scroll-button i{font-size:51px;}.elementor-6381 .elementor-element.elementor-element-0807d12{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:010px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-6381 .elementor-element.elementor-element-7b75472{width:100%;max-width:100%;}.elementor-6381 .elementor-element.elementor-element-7b75472 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6381 .elementor-element.elementor-element-7b75472.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-6381 .elementor-element.elementor-element-49bdb07{width:100%;max-width:100%;}.elementor-6381 .elementor-element.elementor-element-49bdb07 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6381 .elementor-element.elementor-element-49bdb07.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-6381 .elementor-element.elementor-element-3126e91{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6381 .elementor-element.elementor-element-ec86d7d .text-wrapper{text-align:center;}.elementor-6381 .elementor-element.elementor-element-b8b1c26{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;}.elementor-6381 .elementor-element.elementor-element-ec6fcbe .text-wrapper{text-align:center;}.elementor-6381 .elementor-element.elementor-element-cbcbbdf{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-radius:0px 0px 0px 0px;}.elementor-6381 .elementor-element.elementor-element-159efdc{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;}.elementor-6381 .elementor-element.elementor-element-262449c .text-wrapper{text-align:center;}}@media(min-width:768px){.elementor-6381 .elementor-element.elementor-element-bd1d78f{--width:20%;}.elementor-6381 .elementor-element.elementor-element-edbd490{--width:54.666%;}.elementor-6381 .elementor-element.elementor-element-af84cdb{--width:25%;}.elementor-6381 .elementor-element.elementor-element-a0e80d6{--width:50%;}.elementor-6381 .elementor-element.elementor-element-e268c49{--width:50%;}.elementor-6381 .elementor-element.elementor-element-0807d12{--width:54.666%;}.elementor-6381 .elementor-element.elementor-element-3126e91{--width:20%;}.elementor-6381 .elementor-element.elementor-element-9cdaecf{--width:25%;}.elementor-6381 .elementor-element.elementor-element-b8b1c26{--width:25%;}.elementor-6381 .elementor-element.elementor-element-cbcbbdf{--width:20%;}.elementor-6381 .elementor-element.elementor-element-159efdc{--width:25%;}.elementor-6381 .elementor-element.elementor-element-bac7c85{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-6381 .elementor-element.elementor-element-bd1d78f{--width:100%;}.elementor-6381 .elementor-element.elementor-element-edbd490{--width:100%;}.elementor-6381 .elementor-element.elementor-element-af84cdb{--width:100%;}.elementor-6381 .elementor-element.elementor-element-35da667{--width:100%;}.elementor-6381 .elementor-element.elementor-element-0807d12{--width:100%;}.elementor-6381 .elementor-element.elementor-element-3126e91{--width:100%;}.elementor-6381 .elementor-element.elementor-element-9cdaecf{--width:50%;}.elementor-6381 .elementor-element.elementor-element-b8b1c26{--width:50%;}.elementor-6381 .elementor-element.elementor-element-cbcbbdf{--width:100%;}.elementor-6381 .elementor-element.elementor-element-159efdc{--width:50%;}.elementor-6381 .elementor-element.elementor-element-bac7c85{--width:50%;}}@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:local("Material Icons"),local("MaterialIcons-Regular"),url(/wp-content/plugins/material-design-icons-for-elementor/assets/material-icons/fonts/material-regular.woff2) format("woff2"),url(/wp-content/plugins/material-design-icons-for-elementor/assets/material-icons/fonts/material-regular.woff) format("woff"),url(/wp-content/plugins/material-design-icons-for-elementor/assets/material-icons/fonts/material-regular.ttf) format("truetype")}.material-icons{display:inline-block;font-family:'Material Icons';font-weight:normal;font-style:normal;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:'liga';font-feature-settings:'liga'}.material-icons[data-md-icon]:before{content:attr(data-md-icon)}