/** Shopify CDN: Minification failed Line 1795:5 Expected ":" **/ /** * Swiper 11.1.14 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 12, 2024 */ @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}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;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-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.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{transform-style:preserve-3d}.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-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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-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-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 svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.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-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{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;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{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{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.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-prev{pointer-events:auto;visibility:visible}.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-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.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-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-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.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} :root { --colorAnnouncement: #0f0f0f; --colorAnnouncementText: #ffffff; --colorBody: #ffffff; --colorBodyAlpha05: rgba(255, 255, 255, .05); --colorBodyDim: #f2f2f2; --colorBodyLightDim: #fafafa; --colorBodyMediumDim: #f5f5f5; --colorBorder: #e8e8e1; --colorBtnPrimary:#000; --colorBtnPrimaryLight:#1a1a1a; --colorBtnPrimaryDim:#000000; --colorBtnPrimaryText:#ffffff; --colorCartDot: #ff4f33; --colorDrawers: #ffffff; --colorDrawersDim: #f2f2f2; --colorDrawerBorder: #e8e8e1; --colorDrawerText: #000000; --colorDrawerTextDark: #000000; --colorDrawerButton: #111111; --colorDrawerButtonText: #ffffff; --colorFooter: #fafafa; --colorFooterText: #000000; --colorFooterTextAlpha01: #000000; --colorGridOverlay: #000000; --colorGridOverlayOpacity: .1; --colorHeaderTextAlpha01: rgba(0, 0, 0, .1); --colorHeroText: #ffffff; --colorSmallImageBg: #fafafa; --colorLargeImageBg: #0f0f0f; --colorImageOverlay: #000000; --colorImageOverlayOpacity: .1; --colorImageOverlayTextShadow: .2; --colorLink: #000000; --colorModalBg: #e6e6e6; --colorNav: #ffffff; --colorNavText: #000000; --colorPrice: #1c1d1d; --colorSaleTag: #1c1d1d; --colorSaleTagText: #ffffff; --colorTextBody: #000000; --colorTextBodyAlpha015: rgba(0, 0, 0, .15); --colorTextBodyAlpha005: rgba(0, 0, 0, .05); --colorTextBodyAlpha008: rgba(0, 0, 0, .08); --colorTextSavings: #C20000; --urlIcoSelect:url(//fithome.es/cdn/shop/t/27/assets/ico-select.svg); --urlIcoSelectFooter:url(//fithome.es/cdn/shop/t/27/assets/ico-select-footer.svg); --urlIcoSelectWhite:url(//fithome.es/cdn/shop/t/27/assets/ico-select-white.svg); --grid-gutter: 17px; --drawer-gutter: 20px; --sizeChartMargin: 25px 0; --sizeChartIconMargin: 5px; --newsletterReminderPadding: 40px; --color-body-text: #000000; --color-body: #ffffff; --color-bg: #ffffff; --colorScheme1Text:#125b33; --colorScheme1Bg:#fff; --colorScheme2Text:#fff1f1; --colorScheme2Bg:#000000; --colorScheme3Text:#1773b0; --colorScheme3Bg:#f5f5f5; } @media only screen and (min-width:769px){ :root{ --grid-gutter:22px; --drawer-gutter:30px; } } @keyframes spin{ 0%{ transform:rotate(0deg); } to{ transform:rotate(360deg); } } @keyframes preloading{ 0%{ opacity:0; transform:scaleX(0); transform-origin:0% 50%; } 40%{ opacity:1; transform:scaleX(1); transform-origin:0% 50%; } 41%{ opacity:1; transform:scaleX(1); transform-origin:100% 50%; } to{ opacity:1; transform:scaleX(0); transform-origin:100% 50%; } } @keyframes slideshowBars{ 0%{ transform:translateX(-100%); } to{ transform:translateX(0); } } @keyframes grid-product__loading{ 0%{ opacity:1; } 60%{ opacity:0; } to{ opacity:1; } } @keyframes shine{ to{ left:-200%; } } @keyframes overlay-on{ 0%{ opacity:0; } to{ opacity:0.6; } } @keyframes overlay-off{ 0%{ opacity:0.6; } to{ opacity:0; } } @keyframes full-overlay-on{ 0%{ opacity:0; } to{ opacity:1; } } @keyframes full-overlay-off{ 0%{ opacity:1; } to{ opacity:0; } } @keyframes modal-open{ 0%{ opacity:0; transform:translateY(30px); } to{ opacity:1; transform:translateY(0); } } @keyframes modal-closing{ 0%{ opacity:1; transform:scale(1); } to{ opacity:0; transform:scale(0.9); } } @keyframes rise-up{ 0%{ opacity:1; transform:translateY(120%); } to{ opacity:1; transform:translateY(0%); } } @keyframes rise-up-out{ 0%{ opacity:1; transform:translateY(0%); } to{ opacity:1; transform:translateY(-120%); } } @keyframes fade-in{ 0%{ opacity:0; } to{ opacity:1; } } @keyframes fade-out{ 0%{ opacity:1; } to{ opacity:0; } } @keyframes zoom-fade{ 0%{ opacity:0; transform:scale(1.3); } to{ opacity:1; transform:scale(1); } } @keyframes placeholder-shimmer{ 0%{ background-position:-150% 0; } to{ background-position:150% 0; } } /*! Flickity v2.3.0 https://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333} .flickity-button:hover{cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor} .flickity-prev-next-button{top:36%; background: #D8D7DA; border: 0.5px solid #232323;width:35px;height:35px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:20px}.flickity-prev-next-button.next{right:20px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px} .flickity-prev-next-button .flickity-button-icon{ width: 10px; height:6.88px; color: #fff; display: flex; justify-content: center; align-items: center; margin: 0 auto;}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1} .placeholder-svg{ fill:#999; background-color:#e1e1e1; display:block; height:100%; max-height:100%; max-width:100%; padding:30px 0; width:100%; } .placeholder-noblocks{ padding:40px; text-align:center; } .placeholder-content{ animation:placeholder-shimmer 1.3s linear infinite; background-size:400% 100%; border-radius:4px; margin-bottom:20px; overflow:hidden; } @media only screen and (max-width:768px){ .placeholder-content{ margin-left:auto; margin-right:auto; } } .animation-delay-20{animation-delay:1.2s;} .animation-delay-19{animation-delay:1.14s;} .animation-delay-18{animation-delay:1.08s;} .animation-delay-17{animation-delay:1.02s;} .animation-delay-16{animation-delay:0.96s;} .animation-delay-15{animation-delay:0.9s;} .animation-delay-14{animation-delay:0.84s;} .animation-delay-13{animation-delay:0.78s;} .animation-delay-12{animation-delay:0.72s;} .animation-delay-11{animation-delay:0.66s;} .animation-delay-10{animation-delay:0.6s;} .animation-delay-9{animation-delay:0.54s;} .animation-delay-8{animation-delay:0.48s;} .animation-delay-7{animation-delay:0.42s;} .animation-delay-6{animation-delay:0.36s;} .animation-delay-5{animation-delay:0.3s;} .animation-delay-4{animation-delay:0.24s;} .animation-delay-3{animation-delay:0.18s;} .animation-delay-2{animation-delay:0.12s;} .appear-delay-20{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s;} .appear-delay-19{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.24s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.34s;} .appear-delay-18{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.18s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.28s;} .appear-delay-17{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.12s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.22s;} .appear-delay-16{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.06s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.16s;} .appear-delay-15{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.1s;} .appear-delay-14{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.94s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.04s;} .appear-delay-13{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.88s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.98s;} .appear-delay-12{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.82s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.92s;} .appear-delay-11{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.76s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.86s;} .appear-delay-10{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;} .appear-delay-9{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.64s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.74s;} .appear-delay-8{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.58s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.68s;} .appear-delay-7{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.52s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.62s;} .appear-delay-6{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.46s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.56s;} .appear-delay-5{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;} .appear-delay-4{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.34s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.44s;} .appear-delay-3{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.28s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.38s;} .appear-delay-2{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.22s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s;} .appear-delay-1{transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s,opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;} .animation-cropper{ display:inline-flex; overflow:hidden; } .image-wrap{ background:var(--colorSmallImageBg); overflow:hidden; position:relative; } .no-js .image-wrap .animate-me,.no-js .image-wrap svg{ opacity:1; } .aos-animate .image-wrap .animate-me,.aos-animate .image-wrap svg{ animation:fade-in 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; } .aos-animate[data-aos=row-of-3]:nth-child(3n+2) .image-wrap img{ animation-delay:150ms; } .aos-animate[data-aos=row-of-3]:nth-child(3n+3) .image-wrap img{ animation-delay:300ms; } .aos-animate[data-aos=row-of-4]:nth-child(4n+2) .image-wrap img{ animation-delay:120ms; } .aos-animate[data-aos=row-of-4]:nth-child(4n+3) .image-wrap img{ animation-delay:240ms; } .aos-animate[data-aos=row-of-4]:nth-child(4n+4) .image-wrap img{ animation-delay:360ms; } .aos-animate[data-aos=row-of-5]:nth-child(5n+2) .image-wrap img{ animation-delay:75ms; } .aos-animate[data-aos=row-of-5]:nth-child(5n+3) .image-wrap img{ animation-delay:150ms; } .aos-animate[data-aos=row-of-5]:nth-child(5n+4) .image-wrap img{ animation-delay:225ms; } .aos-animate[data-aos=row-of-5]:nth-child(5n+5) .image-wrap img{ animation-delay:300ms; } .aos-animate[data-aos=row-of-6]:nth-child(6n+2) .image-wrap img{ animation-delay:50ms; } .aos-animate[data-aos=row-of-6]:nth-child(6n+3) .image-wrap img{ animation-delay:100ms; } .aos-animate[data-aos=row-of-6]:nth-child(6n+4) .image-wrap img{ animation-delay:150ms; } .aos-animate[data-aos=row-of-6]:nth-child(6n+5) .image-wrap img{ animation-delay:200ms; } .aos-animate[data-aos=row-of-6]:nth-child(6n+6) .image-wrap img{ animation-delay:250ms; } .aos-animate[data-aos=row-of-3]:nth-child(3n+2) .collection-image{ animation-delay:150ms; } .aos-animate[data-aos=row-of-3]:nth-child(3n+3) .collection-image{ animation-delay:300ms; } .aos-animate[data-aos=row-of-4]:nth-child(4n+2) .collection-image{ animation-delay:120ms; } .aos-animate[data-aos=row-of-4]:nth-child(4n+3) .collection-image{ animation-delay:240ms; } .aos-animate[data-aos=row-of-4]:nth-child(4n+4) .collection-image{ animation-delay:360ms; } .aos-animate[data-aos=row-of-5]:nth-child(5n+2) .collection-image{ animation-delay:75ms; } .aos-animate[data-aos=row-of-5]:nth-child(5n+3) .collection-image{ animation-delay:150ms; } .aos-animate[data-aos=row-of-5]:nth-child(5n+4) .collection-image{ animation-delay:225ms; } .aos-animate[data-aos=row-of-5]:nth-child(5n+5) .collection-image{ animation-delay:300ms; } .aos-animate[data-aos=row-of-6]:nth-child(6n+2) .collection-image{ animation-delay:50ms; } .aos-animate[data-aos=row-of-6]:nth-child(6n+3) .collection-image{ animation-delay:100ms; } .aos-animate[data-aos=row-of-6]:nth-child(6n+4) .collection-image{ animation-delay:150ms; } .aos-animate[data-aos=row-of-6]:nth-child(6n+5) .collection-image{ animation-delay:200ms; } .aos-animate[data-aos=row-of-6]:nth-child(6n+6) .collection-image{ animation-delay:250ms; } .loading:after,.loading:before,.unload:after,.unload:before{ background:var(--colorBody); content:""; height:3px; left:50%; margin:-1px 0 0 -50px; opacity:0; position:absolute; top:50%; width:100px; z-index:4; } .no-js .loading:after,.no-js .loading:before,.no-js .unload:after,.no-js .unload:before{ display:none; } .loading:before,.unload:before{ background:var(--colorTextBody); opacity:1; } .loading:after,.unload:after{ animation:preloading 0.5s ease 0.3s infinite; opacity:0; } .loading--delayed:before{ animation-delay:0.8s !important; animation-duration:1s !important; } .index-section{ margin:0; } .index-section--small{ margin:18px 0; } .index-section+.index-section,.index-section+.index-section--hidden,.main-content+.index-section{ margin-top:0; } .index-section--flush{ margin:0; } .svg-mask{ background:transparent !important; background-color:transparent !important; padding-bottom:100% !important; position:relative !important; } .svg-mask .grid__image-ratio{ background:transparent !important; background-color:transparent !important; } .svg-mask img,.svg-mask svg:not(.icon),.svg-mask video{ height:100% !important; -o-object-fit:cover !important; object-fit:cover !important; position:absolute !important; } .svg-mask img,.svg-mask svg:not(.icon),.svg-mask video{ -webkit-mask-position:center; mask-position:center; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:100% 100%; mask-size:100% 100%; } .svg-mask--landscape{ padding-bottom:56.25% !important; } .svg-mask--portrait{ padding-bottom:150% !important; } .svg-mask--square{ padding-bottom:100% !important; } .svg-mask--rounded-top img,.svg-mask--rounded-top svg:not(.icon),.svg-mask--rounded-top video{ border-top-left-radius:50%; border-top-right-radius:50%; } .svg-mask--rounded img,.svg-mask--rounded svg:not(.icon),.svg-mask--rounded video{ border-radius:50%; } .svg-mask--star img,.svg-mask--star svg:not(.icon),.svg-mask--star video{ -webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjg0IiBoZWlnaHQ9IjEyNTEiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNBNDk1RkIiIGQ9Im02NDIgMCAxNzcuMDA3IDI5MC40NDEgMzM3LjQ0My00Mi42OTctMTE2LjcyIDMxOS40NzYgMjQzLjc3IDIzNy4xOTktMzIyLjU0NCAxMDcuOTQtMzMuNDYxIDMzOC40ODFMNjQyIDEwNjUuOTZsLTI4NS40OTYgMTg0Ljg4LTMzLjQ2LTMzOC40ODFMLjQ5NyA4MDQuNDE5IDI0NC4yNjggNTY3LjIyIDEyNy41NTUgMjQ3Ljc0NGwzMzcuNDM4IDQyLjY5N0w2NDIgMFoiLz48L3N2Zz4="); mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjg0IiBoZWlnaHQ9IjEyNTEiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNBNDk1RkIiIGQ9Im02NDIgMCAxNzcuMDA3IDI5MC40NDEgMzM3LjQ0My00Mi42OTctMTE2LjcyIDMxOS40NzYgMjQzLjc3IDIzNy4xOTktMzIyLjU0NCAxMDcuOTQtMzMuNDYxIDMzOC40ODFMNjQyIDEwNjUuOTZsLTI4NS40OTYgMTg0Ljg4LTMzLjQ2LTMzOC40ODFMLjQ5NyA4MDQuNDE5IDI0NC4yNjggNTY3LjIyIDEyNy41NTUgMjQ3Ljc0NGwzMzcuNDM4IDQyLjY5N0w2NDIgMFoiLz48L3N2Zz4="); } .svg-mask--rounded-wave img,.svg-mask--rounded-wave svg:not(.icon),.svg-mask--rounded-wave video{ -webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDY2IiBoZWlnaHQ9IjEwNjYiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNBNDk1RkIiIGQ9Ik00OTIuNTA5IDMxLjgzYzEwLjU0NS00Mi4xNDUgNzAuNDM3LTQyLjE0NSA4MC45ODIgMCA4LjkzMyAzNS43MDEgNTYuMzQyIDQzLjIxIDc1Ljg3IDEyLjAxNkM2NzIuNDEzIDcuMDIzIDcyOS4zNzQgMjUuNTMgNzI2LjM4IDY4Ljg3Yy0yLjUzNyAzNi43MTUgNDAuMjMxIDU4LjUwNiA2OC40NDMgMzQuODczIDMzLjMwMi0yNy44OTcgODEuNzU3IDcuMzA3IDY1LjUxNiA0Ny42LTEzLjc1OCAzNC4xMzQgMjAuMTgzIDY4LjA3NSA1NC4zMTcgNTQuMzE3IDQwLjI5My0xNi4yNDEgNzUuNDk3IDMyLjIxNCA0Ny42IDY1LjUxNi0yMy42MzMgMjguMjEyLTEuODQyIDcwLjk4IDM0Ljg3MyA2OC40NDMgNDMuMzQxLTIuOTk0IDYxLjg1MSA1My45NjcgMjUuMDIxIDc3LjAxOS0zMS4xOSAxOS41MjgtMjMuNjgxIDY2LjkzNyAxMi4wMiA3NS44NyA0Mi4xNCAxMC41NDUgNDIuMTQgNzAuNDM3IDAgODAuOTgyLTM1LjcwMSA4LjkzMy00My4yMSA1Ni4zNDItMTIuMDIgNzUuODcgMzYuODMgMjMuMDUyIDE4LjMyIDgwLjAxMy0yNS4wMjEgNzcuMDE5LTM2LjcxNS0yLjUzNy01OC41MDYgNDAuMjMxLTM0Ljg3MyA2OC40NDMgMjcuODk3IDMzLjMwMi03LjMwNyA4MS43NTctNDcuNiA2NS41MTYtMzQuMTM0LTEzLjc1OC02OC4wNzUgMjAuMTgzLTU0LjMxNyA1NC4zMTcgMTYuMjQxIDQwLjI5My0zMi4yMTQgNzUuNDk3LTY1LjUxNiA0Ny42LTI4LjIxMi0yMy42MzMtNzAuOTgtMS44NDItNjguNDQzIDM0Ljg3MyAyLjk5NCA0My4zNDEtNTMuOTY3IDYxLjg1MS03Ny4wMTkgMjUuMDIxLTE5LjUyOC0zMS4xOS02Ni45MzctMjMuNjgxLTc1Ljg3IDEyLjAyLTEwLjU0NSA0Mi4xNC03MC40MzcgNDIuMTQtODAuOTgyIDAtOC45MzMtMzUuNzAxLTU2LjM0Mi00My4yMS03NS44Ny0xMi4wMi0yMy4wNTIgMzYuODMtODAuMDEzIDE4LjMyLTc3LjAxOS0yNS4wMjEgMi41MzctMzYuNzE1LTQwLjIzMS01OC41MDYtNjguNDQzLTM0Ljg3My0zMy4zMDIgMjcuODk3LTgxLjc1Ny03LjMwNy02NS41MTYtNDcuNiAxMy43NTgtMzQuMTM0LTIwLjE4My02OC4wNzUtNTQuMzE3LTU0LjMxNy00MC4yOTMgMTYuMjQxLTc1LjQ5Ny0zMi4yMTQtNDcuNi02NS41MTYgMjMuNjMzLTI4LjIxMiAxLjg0Mi03MC45OC0zNC44NzMtNjguNDQzLTQzLjM0IDIuOTk0LTYxLjg0OC01My45NjctMjUuMDI1LTc3LjAxOSAzMS4xOTQtMTkuNTI4IDIzLjY4NS02Ni45MzctMTIuMDE3LTc1Ljg3LTQyLjE0NC0xMC41NDUtNDIuMTQ0LTcwLjQzNyAwLTgwLjk4MiAzNS43MDItOC45MzMgNDMuMjEtNTYuMzQyIDEyLjAxNy03NS44N0M3LjAyMyAzOTMuNTg3IDI1LjUzIDMzNi42MjYgNjguODcgMzM5LjYyYzM2LjcxNSAyLjUzNyA1OC41MDYtNDAuMjMxIDM0Ljg3My02OC40NDMtMjcuODk3LTMzLjMwMiA3LjMwNy04MS43NTcgNDcuNi02NS41MTYgMzQuMTM0IDEzLjc1OCA2OC4wNzUtMjAuMTgzIDU0LjMxNy01NC4zMTctMTYuMjQxLTQwLjI5MyAzMi4yMTQtNzUuNDk3IDY1LjUxNi00Ny42IDI4LjIxMiAyMy42MzMgNzAuOTggMS44NDIgNjguNDQzLTM0Ljg3My0yLjk5NC00My4zNCA1My45NjctNjEuODQ4IDc3LjAxOS0yNS4wMjUgMTkuNTI4IDMxLjE5NCA2Ni45MzcgMjMuNjg1IDc1Ljg3LTEyLjAxN1oiLz48L3N2Zz4="); mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDY2IiBoZWlnaHQ9IjEwNjYiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNBNDk1RkIiIGQ9Ik00OTIuNTA5IDMxLjgzYzEwLjU0NS00Mi4xNDUgNzAuNDM3LTQyLjE0NSA4MC45ODIgMCA4LjkzMyAzNS43MDEgNTYuMzQyIDQzLjIxIDc1Ljg3IDEyLjAxNkM2NzIuNDEzIDcuMDIzIDcyOS4zNzQgMjUuNTMgNzI2LjM4IDY4Ljg3Yy0yLjUzNyAzNi43MTUgNDAuMjMxIDU4LjUwNiA2OC40NDMgMzQuODczIDMzLjMwMi0yNy44OTcgODEuNzU3IDcuMzA3IDY1LjUxNiA0Ny42LTEzLjc1OCAzNC4xMzQgMjAuMTgzIDY4LjA3NSA1NC4zMTcgNTQuMzE3IDQwLjI5My0xNi4yNDEgNzUuNDk3IDMyLjIxNCA0Ny42IDY1LjUxNi0yMy42MzMgMjguMjEyLTEuODQyIDcwLjk4IDM0Ljg3MyA2OC40NDMgNDMuMzQxLTIuOTk0IDYxLjg1MSA1My45NjcgMjUuMDIxIDc3LjAxOS0zMS4xOSAxOS41MjgtMjMuNjgxIDY2LjkzNyAxMi4wMiA3NS44NyA0Mi4xNCAxMC41NDUgNDIuMTQgNzAuNDM3IDAgODAuOTgyLTM1LjcwMSA4LjkzMy00My4yMSA1Ni4zNDItMTIuMDIgNzUuODcgMzYuODMgMjMuMDUyIDE4LjMyIDgwLjAxMy0yNS4wMjEgNzcuMDE5LTM2LjcxNS0yLjUzNy01OC41MDYgNDAuMjMxLTM0Ljg3MyA2OC40NDMgMjcuODk3IDMzLjMwMi03LjMwNyA4MS43NTctNDcuNiA2NS41MTYtMzQuMTM0LTEzLjc1OC02OC4wNzUgMjAuMTgzLTU0LjMxNyA1NC4zMTcgMTYuMjQxIDQwLjI5My0zMi4yMTQgNzUuNDk3LTY1LjUxNiA0Ny42LTI4LjIxMi0yMy42MzMtNzAuOTgtMS44NDItNjguNDQzIDM0Ljg3MyAyLjk5NCA0My4zNDEtNTMuOTY3IDYxLjg1MS03Ny4wMTkgMjUuMDIxLTE5LjUyOC0zMS4xOS02Ni45MzctMjMuNjgxLTc1Ljg3IDEyLjAyLTEwLjU0NSA0Mi4xNC03MC40MzcgNDIuMTQtODAuOTgyIDAtOC45MzMtMzUuNzAxLTU2LjM0Mi00My4yMS03NS44Ny0xMi4wMi0yMy4wNTIgMzYuODMtODAuMDEzIDE4LjMyLTc3LjAxOS0yNS4wMjEgMi41MzctMzYuNzE1LTQwLjIzMS01OC41MDYtNjguNDQzLTM0Ljg3My0zMy4zMDIgMjcuODk3LTgxLjc1Ny03LjMwNy02NS41MTYtNDcuNiAxMy43NTgtMzQuMTM0LTIwLjE4My02OC4wNzUtNTQuMzE3LTU0LjMxNy00MC4yOTMgMTYuMjQxLTc1LjQ5Ny0zMi4yMTQtNDcuNi02NS41MTYgMjMuNjMzLTI4LjIxMiAxLjg0Mi03MC45OC0zNC44NzMtNjguNDQzLTQzLjM0IDIuOTk0LTYxLjg0OC01My45NjctMjUuMDI1LTc3LjAxOSAzMS4xOTQtMTkuNTI4IDIzLjY4NS02Ni45MzctMTIuMDE3LTc1Ljg3LTQyLjE0NC0xMC41NDUtNDIuMTQ0LTcwLjQzNyAwLTgwLjk4MiAzNS43MDItOC45MzMgNDMuMjEtNTYuMzQyIDEyLjAxNy03NS44N0M3LjAyMyAzOTMuNTg3IDI1LjUzIDMzNi42MjYgNjguODcgMzM5LjYyYzM2LjcxNSAyLjUzNyA1OC41MDYtNDAuMjMxIDM0Ljg3My02OC40NDMtMjcuODk3LTMzLjMwMiA3LjMwNy04MS43NTcgNDcuNi02NS41MTYgMzQuMTM0IDEzLjc1OCA2OC4wNzUtMjAuMTgzIDU0LjMxNy01NC4zMTctMTYuMjQxLTQwLjI5MyAzMi4yMTQtNzUuNDk3IDY1LjUxNi00Ny42IDI4LjIxMiAyMy42MzMgNzAuOTggMS44NDIgNjguNDQzLTM0Ljg3My0yLjk5NC00My4zNCA1My45NjctNjEuODQ4IDc3LjAxOS0yNS4wMjUgMTkuNTI4IDMxLjE5NCA2Ni45MzcgMjMuNjg1IDc1Ljg3LTEyLjAxN1oiLz48L3N2Zz4="); } .svg-mask--splat-1 img,.svg-mask--splat-1 svg:not(.icon),.svg-mask--splat-1 video{ -webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDQ4IiBoZWlnaHQ9IjEwNTIiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNBNDk1RkIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTU3MC45MDUgMTUyLjM0OEM2ODguNDQxIDE0MC4zMyA3NzEuMTg3LTI3LjkxNSA4ODQuOTQxIDQuMDI2IDk4Ny45OTcgMzIuOTYyIDEwMDYuMjMgMTc4LjE4OCAxMDMyLjYgMjgxLjk4NWMyMy4xNiA5MS4xNjkgMTkuNjUgMTg2LjE0OS02Ljg0IDI3Ni40MDMtMjQuMDYgODEuOTQ4LTg1LjQ2MiAxNDIuMTUxLTEzNi4yMDggMjEwLjgzMS01NS41MyA3NS4xNTYtOTQuMjUyIDE2NS4yNDEtMTc1LjYwMiAyMTEuMTc4LTkxLjYzMiA1MS43NDMtMjAzLjg0MiA5My4xMDMtMzAzLjUxNCA1OS4zNzMtOTkuMjUtMzMuNTktMTM0LjUwOS0xNTIuMzY1LTIwMy43NTktMjMxLjAzMy02OS45NzQtNzkuNDg5LTE5Mi4wMjMtMTI4Ljc1OS0yMDUuNDUzLTIzMy44My0xMy40MzktMTA1LjE0NCA4Ny4wNjYtMTg2LjQ3NCAxMzkuOTk3LTI3OC4yOTUgNDcuMzk1LTgyLjIxOCA2NC40MjItMjAyLjEzIDE1NC4zNTQtMjMyLjMyNCA5My4yMzQtMzEuMzAzIDE3Ny40OTYgOTguMDYzIDI3NS4zMyA4OC4wNloiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg=="); mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDQ4IiBoZWlnaHQ9IjEwNTIiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNBNDk1RkIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTU3MC45MDUgMTUyLjM0OEM2ODguNDQxIDE0MC4zMyA3NzEuMTg3LTI3LjkxNSA4ODQuOTQxIDQuMDI2IDk4Ny45OTcgMzIuOTYyIDEwMDYuMjMgMTc4LjE4OCAxMDMyLjYgMjgxLjk4NWMyMy4xNiA5MS4xNjkgMTkuNjUgMTg2LjE0OS02Ljg0IDI3Ni40MDMtMjQuMDYgODEuOTQ4LTg1LjQ2MiAxNDIuMTUxLTEzNi4yMDggMjEwLjgzMS01NS41MyA3NS4xNTYtOTQuMjUyIDE2NS4yNDEtMTc1LjYwMiAyMTEuMTc4LTkxLjYzMiA1MS43NDMtMjAzLjg0MiA5My4xMDMtMzAzLjUxNCA1OS4zNzMtOTkuMjUtMzMuNTktMTM0LjUwOS0xNTIuMzY1LTIwMy43NTktMjMxLjAzMy02OS45NzQtNzkuNDg5LTE5Mi4wMjMtMTI4Ljc1OS0yMDUuNDUzLTIzMy44My0xMy40MzktMTA1LjE0NCA4Ny4wNjYtMTg2LjQ3NCAxMzkuOTk3LTI3OC4yOTUgNDcuMzk1LTgyLjIxOCA2NC40MjItMjAyLjEzIDE1NC4zNTQtMjMyLjMyNCA5My4yMzQtMzEuMzAzIDE3Ny40OTYgOTguMDYzIDI3NS4zMyA4OC4wNloiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg=="); } .svg-mask--splat-2 img,.svg-mask--splat-2 svg:not(.icon),.svg-mask--splat-2 video{ -webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NzciIGhlaWdodD0iODk2IiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjYTQ5NWZiIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05NzUuNjg0IDM4MS44MzJjMTcuMjYzIDk1LjAzMy0xNDAuMjE0IDEyOS4yMzEtMTg3LjE3NyAyMTMuNjY2LTUyLjEzOCA5My43MzcgOC41MTUgMjg4LjA5NS05OC4yNTMgMjk5LjUwMy0xMjcuMTc1IDEzLjU4Ny0xMzguMDQ5LTExNS4zNjItMjYzLTE0Mi42My0xMDkuNTg1LTIzLjkxNC0yMjQuNTM1IDkxLjg5NC0zMDguNzE1IDE3Ljg2NC04NC41NDMtNzQuMzQ4IDExOC42ODgtMjA3LjM3MyA5My44MjktMzE3LjA5NEMxOTAuMjE5IDM1NS4zODEgOC4xNzEgMzQ4LjI2My4yOTcgMjQ4LjM0MS02LjU3IDE2MS4yMjMgMTA3LjMxOCAxMTIuMTY0IDE4MS44OTMgNjYuNDRjNjYuMTYzLTQwLjU2NyAxNDIuNTMxLTc2LjcwNSAyMTkuMDgyLTYzLjc3IDcxLjM4MyAxMi4wNjIgMTQwLjQ4NiA2Mi43NzMgMTY4Ljg1MiAxMjkuMzIgOS45MjkgMjMuMjkzIDI1LjgzOSA1NC41MjggNjkuOTIgNzguNTE3IDkxLjg1OSA0OS45OSAzMDQuODE2IDAgMzM1LjkzNyAxNzEuMzI1eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"); mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NzciIGhlaWdodD0iODk2IiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjYTQ5NWZiIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05NzUuNjg0IDM4MS44MzJjMTcuMjYzIDk1LjAzMy0xNDAuMjE0IDEyOS4yMzEtMTg3LjE3NyAyMTMuNjY2LTUyLjEzOCA5My43MzcgOC41MTUgMjg4LjA5NS05OC4yNTMgMjk5LjUwMy0xMjcuMTc1IDEzLjU4Ny0xMzguMDQ5LTExNS4zNjItMjYzLTE0Mi42My0xMDkuNTg1LTIzLjkxNC0yMjQuNTM1IDkxLjg5NC0zMDguNzE1IDE3Ljg2NC04NC41NDMtNzQuMzQ4IDExOC42ODgtMjA3LjM3MyA5My44MjktMzE3LjA5NEMxOTAuMjE5IDM1NS4zODEgOC4xNzEgMzQ4LjI2My4yOTcgMjQ4LjM0MS02LjU3IDE2MS4yMjMgMTA3LjMxOCAxMTIuMTY0IDE4MS44OTMgNjYuNDRjNjYuMTYzLTQwLjU2NyAxNDIuNTMxLTc2LjcwNSAyMTkuMDgyLTYzLjc3IDcxLjM4MyAxMi4wNjIgMTQwLjQ4NiA2Mi43NzMgMTY4Ljg1MiAxMjkuMzIgOS45MjkgMjMuMjkzIDI1LjgzOSA1NC41MjggNjkuOTIgNzguNTE3IDkxLjg1OSA0OS45OSAzMDQuODE2IDAgMzM1LjkzNyAxNzEuMzI1eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"); } .svg-mask--splat-3 img,.svg-mask--splat-3 svg:not(.icon),.svg-mask--splat-3 video{ -webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDcyIiBoZWlnaHQ9IjEwNTEiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNBNDk1RkIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTYxOC45MTMgMjE1LjM4M0M3NDUuNzc1IDIyNS42NTcgODQxLjc1IDE4LjAwNSA5NjAuNjc4IDYzLjMyM2MxMDkuMTcyIDQxLjYwMSAxMDkuNzUyIDIwNy45MzkgMTExLjMxMiAzMjQuNzA1IDEuMjYgOTQuMjYtOTkuOTY0IDE2Mi44MjctMTAzLjU0MSAyNTcuMDI3LTQuMzAyIDExMy4yNzYgMTM1LjI0MSAyMjMuMjQzIDgxLjUxMSAzMjMuMDcxLTQ5LjcyIDkyLjM3NC0xOTMuNDkyIDcwLjY5NC0yOTguMDg0IDc5LjI4NC04Ny41NiA3LjE5LTE3OC4yMTIgNy4wMy0yNTYuMDA2LTMzLjc3LTcxLjEzOS0zNy4zMDktODYuMDM2LTEzNC45NTEtMTUyLjI4OC0xODAuMzY4QzI0MS4zNDkgNzYzLjE5IDY2LjQgNzkzLjQxNiAxMi4xMTkgNjgyLjAyM2MtNDkuNjkzLTEwMS45NzkgNjcuMTU3LTIwOS40ODUgMTAzLjI4My0zMTcuMDE1IDQxLjI3LTEyMi44NDQtLjA4Mi0zMjMuMTUyIDEyNC4xOTYtMzYwLjA4MiAxNDEuNDgzLTQyLjA0NCAyMzIuMTkzIDE5OC41NDIgMzc5LjMxNSAyMTAuNDU3WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"); mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDcyIiBoZWlnaHQ9IjEwNTEiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNBNDk1RkIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTYxOC45MTMgMjE1LjM4M0M3NDUuNzc1IDIyNS42NTcgODQxLjc1IDE4LjAwNSA5NjAuNjc4IDYzLjMyM2MxMDkuMTcyIDQxLjYwMSAxMDkuNzUyIDIwNy45MzkgMTExLjMxMiAzMjQuNzA1IDEuMjYgOTQuMjYtOTkuOTY0IDE2Mi44MjctMTAzLjU0MSAyNTcuMDI3LTQuMzAyIDExMy4yNzYgMTM1LjI0MSAyMjMuMjQzIDgxLjUxMSAzMjMuMDcxLTQ5LjcyIDkyLjM3NC0xOTMuNDkyIDcwLjY5NC0yOTguMDg0IDc5LjI4NC04Ny41NiA3LjE5LTE3OC4yMTIgNy4wMy0yNTYuMDA2LTMzLjc3LTcxLjEzOS0zNy4zMDktODYuMDM2LTEzNC45NTEtMTUyLjI4OC0xODAuMzY4QzI0MS4zNDkgNzYzLjE5IDY2LjQgNzkzLjQxNiAxMi4xMTkgNjgyLjAyM2MtNDkuNjkzLTEwMS45NzkgNjcuMTU3LTIwOS40ODUgMTAzLjI4My0zMTcuMDE1IDQxLjI3LTEyMi44NDQtLjA4Mi0zMjMuMTUyIDEyNC4xOTYtMzYwLjA4MiAxNDEuNDgzLTQyLjA0NCAyMzIuMTkzIDE5OC41NDIgMzc5LjMxNSAyMTAuNDU3WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"); } .svg-mask--splat-4 img,.svg-mask--splat-4 svg:not(.icon),.svg-mask--splat-4 video{ -webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTgiIGhlaWdodD0iNTA0IiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjQTQ5NUZCIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMDMuNzkzIDg0LjY3M2MxNi4xNDkgMjMuODQ4IDMxLjczNyA0My41OCA1Ni40OTYgNDguNzI0IDQzLjM1NCA5LjAwNyA5NC4xMzItMzUuNjY1IDEzMC4xOS05Ljk0IDI5LjgzMiAyMS4yODIgMzMuMzIxIDg3LjE4OSAyMCAxMTIuNTQyLTE1LjUgMjkuNS01Mi4yMDEgNDQuMDQxLTY3LjUgNzQtMTguMzUgMzUuOTMyIDEwLjc2MSA3NC45NjgtMzIuNSAxMDMuNS0zMi45MDEgMjEuNjk5LTY4LjY2My0xNS42MjctMTA2LjY4Ni01LjMwMS01OS45MDcgMTYuMjY4LTk0LjU5MyA5Ni4zNDMtMTU2LjY0NSA5NC44MDEtNTcuODA3LTEuNDM2LTExNS42MzgtNDguMTYzLTEzNi42NjktMTAyLjA5MS0yMS4yMjctNTQuNDMxLTguMDQ0LTEyNS44NTIgMzAuNzM2LTE2OS41NDJDNjkuNSAxOTkuNSAxMDUgMTg5IDEyMi40OCAxMzljOS40NTUtMjcuMDQ3LTMtMTAzIDUxLjg5Ny0xMzIuMDUgNDUuMjQtMjMuOTQgOTIuMDY1IDE3LjA3MiAxMjkuNDE2IDc3LjcyM1oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg=="); mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTgiIGhlaWdodD0iNTA0IiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjQTQ5NUZCIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMDMuNzkzIDg0LjY3M2MxNi4xNDkgMjMuODQ4IDMxLjczNyA0My41OCA1Ni40OTYgNDguNzI0IDQzLjM1NCA5LjAwNyA5NC4xMzItMzUuNjY1IDEzMC4xOS05Ljk0IDI5LjgzMiAyMS4yODIgMzMuMzIxIDg3LjE4OSAyMCAxMTIuNTQyLTE1LjUgMjkuNS01Mi4yMDEgNDQuMDQxLTY3LjUgNzQtMTguMzUgMzUuOTMyIDEwLjc2MSA3NC45NjgtMzIuNSAxMDMuNS0zMi45MDEgMjEuNjk5LTY4LjY2My0xNS42MjctMTA2LjY4Ni01LjMwMS01OS45MDcgMTYuMjY4LTk0LjU5MyA5Ni4zNDMtMTU2LjY0NSA5NC44MDEtNTcuODA3LTEuNDM2LTExNS42MzgtNDguMTYzLTEzNi42NjktMTAyLjA5MS0yMS4yMjctNTQuNDMxLTguMDQ0LTEyNS44NTIgMzAuNzM2LTE2OS41NDJDNjkuNSAxOTkuNSAxMDUgMTg5IDEyMi40OCAxMzljOS40NTUtMjcuMDQ3LTMtMTAzIDUxLjg5Ny0xMzIuMDUgNDUuMjQtMjMuOTQgOTIuMDY1IDE3LjA3MiAxMjkuNDE2IDc3LjcyM1oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg=="); } /** Image with Text **/ .feature-row__item--overlap-images .feature-row__first-image{ width:55%; } .feature-row__item--overlap-images .feature-row__second-image{ width:60%; } .feature-row__item--placeholder-images .placeholder-image-wrap{ width:50%; } .feature-row-wrapper .feature-row__images{ min-width:0; width:100%; } @media only screen and (max-width:959px){ .feature-row-wrapper .feature-row__images{ padding-top:30px; } } .feature-row-wrapper .feature-row__text{ min-width:0; width:100%; } .feature-row--33 .feature-row__images{ max-width:50%; } @media only screen and (min-width:769px){ .feature-row--33 .feature-row__images{ flex:0 1 33.333%; max-width:33.333%; } .feature-row--33 .feature-row__text{ flex:0 1 66.666%; max-width:66.666%; } } .feature-row--50 .feature-row__images{ max-width:100%; } @media only screen and (min-width:769px){ .feature-row--50 .feature-row__images{ flex:0 1 50%; max-width:50%; padding-left:0; padding-right:0; } .feature-row--50 .feature-row__text{ flex:0 1 50%; max-width:50%; } } .feature-row--66 .feature-row__images{ max-width:100%; } @media only screen and (min-width:769px){ .feature-row--66 .feature-row__images{ flex:0 1 66.666%; max-width:none; padding-left:0; padding-right:0; } .feature-row--66 .feature-row__text{ flex:0 1 33.333%; max-width:33.333%; } } .feature-row-wrapper{ direction:ltr; overflow:hidden; } .feature-row{ align-items:center; display:flex; justify-content:space-between; margin:0 auto; } @media only screen and (max-width:768px){ .feature-row{ flex-direction:column-reverse; margin:0; } } @media only screen and (max-width:959px){ .feature-row--small-none{ display:block; } } .feature-row__item{ flex:0 1 57%; margin:0 auto; } @media only screen and (max-width:768px){ .feature-row__item{ flex:1 1 auto; max-width:100%; min-width:100%; } } .feature-row__item--overlap-images{ align-items:center; display:flex; justify-content:space-between; margin:0 0 0 -30px; padding:0 0 15px; } @media only screen and (min-width:769px){ .feature-row__item--overlap-images{ margin:0 auto; padding:50px 0; } } .feature-row__item--overlap-images>*{ width:50%; } .feature-row__item--overlap-images>:first-child{ transform:translate(30px, 30px); z-index:1; } @media only screen and (min-width:769px){ .feature-row__item--overlap-images>:first-child{ transform:translate(50px, 50px); } } .feature-row__item--overlap-images svg{ border:2px solid; border-color:var(--colorBody); } .feature-row__image{ display:block; margin:0 auto; order:1; } @media only screen and (min-width:769px){ .feature-row__image{ order:2; } } .feature-row__text{ flex:0 1 43%; min-width:43%; padding:0; } @media only screen and (max-width:768px){ .feature-row__text{ margin-top:0; order:2; padding:30px 20px 0; padding-bottom:0; } } .feature-row__text .rte{ margin:0; } .feature-row__text .btn{ margin-top:15px; } .testimonials-section{ padding:25.5px 0; } .testimonials-section--with-divider{ border-top:1px solid; border-top-color:var(--colorBorder); } @media only screen and (min-width:769px){ .feature-row__text--left{ padding-left:60px; } .feature-row__text--right{ padding-right:60px; } } @media only screen and (min-width:769px){ .index-section{ margin:0; } .index-section--small{ margin:30px 0; } .section--divider{ padding-top:75px; } .index-section--faq{ margin:75px 0 37.5px; } .newsletter-section{ padding:75px 0; } .testimonials-section{ padding:75px 0; } } /** Scrolling Text**/ .scrolling-text{ overflow:hidden; } .scrolling-text__inner{ animation:scrolling-text var(--move-speed) linear infinite; animation-play-state:running; display:inline-flex; margin:0.15em 0; visibility:visible; white-space:nowrap; } .scrolling-text__inner--right{ animation:scrolling-text-right var(--move-speed) linear infinite; transform:translateX(-50%); } .scrolling-text span{ white-space:nowrap; } .scrolling-text:focus .scrolling-text__inner,.scrolling-text:hover .scrolling-text__inner{ animation-play-state:paused; } @keyframes scrolling-text{ 0%{ transform:translateX(0); -webkit-transform:translateX(0); } to{ transform:translateX(-100%); -webkit-transform:translateX(-100%); } } @keyframes scrolling-text-right{ 0%{ transform:translateX(-50%); -webkit-transform:translateX(-50%); } to{ transform:translateX(0); -webkit-transform:translateX(0); } } .grid{ list-style:none; margin:0; padding:0; } .grid:after{clear:both;content:"";display:table;} .grid__item{ float:left; min-height:1px; width:100%; } .grid--no-gutters{ margin-left:0; } .grid--no-gutters .grid__item{ padding-left:0; } .grid--flush-bottom{ margin-bottom:-22px; overflow:auto; } .grid--flush-bottom>.grid__item{ margin-bottom:22px; } .grid--center{ text-align:center; } .grid--center .grid__item{ display:inline-block; float:none; text-align:left; vertical-align:top; } html[dir=rtl] .grid--center .grid__item{ text-align:right; } .grid--full{ margin-left:0; } .grid--full>.grid__item{ padding-left:0; } @media only screen and (min-width:769px){ .grid--table-large{ display:table; table-layout:fixed; width:100%; } .grid--table-large>.grid__item{ display:table-cell; float:none; vertical-align:middle; } } @media only screen and (max-width:768px){ .small--grid--flush{ margin-left:-2px; } .page-width .small--grid--flush{ margin-left:-17px; margin-right:-15px; } .small--grid--flush>.grid__item{ padding-left:2px; } } .one-whole{width:100%;} .one-half{width:50%;} .one-third{width:33.33333%;} .two-thirds{width:66.66667%;} .one-quarter{width:25%;} .two-quarters{width:50%;} .three-quarters{width:75%;} .one-fifth{width:20%;} .two-fifths{width:40%;} .three-fifths{width:60%;} .four-fifths{width:80%;} .one-sixth{width:16.66667%;} .two-sixths{width:33.33333%;} .three-sixths{width:50%;} .four-sixths{width:66.66667%;} .five-sixths{width:83.33333%;} @media only screen and (max-width:768px){.small--one-whole{width:100%;}.small--one-half{width:50%; max-width: 100%;}.small--one-third{width:33.33333%;}.small--two-thirds{width:66.66667%;}.grid--uniform .small--one-half:nth-of-type(odd),.grid--uniform .small--one-third:nth-of-type(3n+1){clear:both;}.small--one-quarter{width:25%;}.small--two-quarters{width:50%;}.small--three-quarters{width:75%;}.grid--uniform .small--one-quarter:nth-of-type(4n+1){clear:both;}.small--one-fifth{width:20%;}.small--two-fifths{width:40%;}.small--three-fifths{width:60%;}.small--four-fifths{width:80%;}.grid--uniform .small--one-fifth:nth-of-type(5n+1){clear:both;}.small--one-sixth{width:16.66667%;}.small--two-sixths{width:33.33333%;}.small--three-sixths{width:50%;}.small--four-sixths{width:66.66667%;}.small--five-sixths{width:83.33333%;}.grid--uniform .small--one-sixth:nth-of-type(6n+1),.grid--uniform .small--three-sixths:nth-of-type(odd),.grid--uniform .small--two-sixths:nth-of-type(3n+1){clear:both;}} @media only screen and (min-width:769px){.medium-up--one-whole{width:100%;}.medium-up--one-half{width:50%;}.medium-up--one-third{width:33.33333%;}.medium-up--two-thirds{width:66.66667%;}.grid--uniform .medium-up--one-half:nth-of-type(odd),.grid--uniform .medium-up--one-third:nth-of-type(3n+1){clear:both;}.medium-up--one-quarter{width:25%;}.medium-up--two-quarters{width:50%;}.medium-up--three-quarters{width:75%;}.grid--uniform .medium-up--one-quarter:nth-of-type(4n+1){clear:both;}.medium-up--one-fifth{width:20%;}.medium-up--two-fifths{width:40%;}.medium-up--three-fifths{width:60%;}.medium-up--four-fifths{width:80%;}.grid--uniform .medium-up--one-fifth:nth-of-type(5n+1){clear:both;}.medium-up--one-sixth{width:16.66667%;}.medium-up--two-sixths{width:33.33333%;}.medium-up--three-sixths{width:50%;}.medium-up--four-sixths{width:66.66667%;}.medium-up--five-sixths{width:83.33333%;}.grid--uniform .medium-up--one-sixth:nth-of-type(6n+1),.grid--uniform .medium-up--three-sixths:nth-of-type(odd),.grid--uniform .medium-up--two-sixths:nth-of-type(3n+1){clear:both;}} .show{display:block !important;} .hide{display:none !important;} .text-left{text-align:left !important;} .text-right{text-align:right !important;} .text-center{text-align:center !important;} @media only screen and (max-width:768px){.small--show{display:block !important;}.small--hide{display:none !important;}.small--text-left{text-align:left !important;}.small--text-right{text-align:right !important;}.small--text-center{text-align:center !important;}} @media only screen and (max-width:959px){.medium-down--show{display:block !important;}.medium-down--hide{display:none !important;}.medium-down--text-left{text-align:left !important;}.medium-down--text-right{text-align:right !important;}.medium-down--text-center{text-align:center !important;}} @media only screen and (min-width:769px){.medium-up--show{display:block !important;}.medium-up--hide{display:none !important;}.medium-up--text-left{text-align:left !important;}.medium-up--text-right{text-align:right !important;}.medium-up--text-center{text-align:center !important;}} .flex-grid{ display:flex; flex:1 1 100%; flex-wrap:wrap; } [data-center-text=true] .flex-grid{ justify-content:center; } .flex-grid--center{ align-items:center; } .flex-grid--gutters{ margin-top:-15px; } .flex-grid__item{ align-items:stretch; display:flex; flex:0 1 100%; } .flex-grid--gutters .flex-grid__item{ padding-left:15px; padding-top:15px; } .flex-grid__item>*{ flex:1 1 100%; } .flex-grid__item--stretch{ flex:1 1 100%; } .flex-grid__item--stretch:first-child{ min-width:250px; } @media only screen and (min-width:769px){ .flex-grid__item--33{ flex-basis:33.33%; } .flex-grid__item--50{ flex-basis:50%; } } @media only screen and (max-width:768px){ .flex-grid__item--mobile-second{ order:2; } } .custom-content{ align-items:stretch; display:flex; flex-wrap:wrap; margin-bottom:-22px; margin-left:-22px; width:auto; } @media only screen and (max-width:768px){ .custom-content{ margin-bottom:-17px; margin-left:-17px; } } .custom__item{ flex:0 0 auto; margin-bottom:22px; max-width:100%; padding-left:22px; } @media only screen and (max-width:768px){ .custom__item{ flex:0 0 auto; margin-bottom:17px; padding-left:17px; } .custom__item.small--one-half{ flex:1 0 50%; margin-left:auto; margin-right:auto; max-width:400px; } } .custom__item img{ display:block; } .custom__item-inner{ display:inline-block; max-width:100%; position:relative; text-align:left; width:100%; } .custom__item-inner--html,.custom__item-inner--video{ display:block; } .custom__item-inner--image{ width:100%; } .custom__item-inner--html img{ display:block; margin:0 auto; } .custom__item-inner--placeholder-image{ width:100%; } .align--top-middle{ text-align:center; } .align--top-right{ text-align:right; } .align--middle-left{ align-self:center; } .align--center{ align-self:center; text-align:center; } .align--middle-right{ align-self:center; text-align:right; } .align--bottom-left{ align-self:flex-end; } .align--bottom-middle{ align-self:flex-end; text-align:center; } .align--bottom-right{ align-self:flex-end; text-align:right; } /**Promo Grid**/ .promo-grid--space-top{ padding-top:40px; } @media only screen and (min-width:769px){ .promo-grid--space-top{ padding-top:75px; } } .promo-grid--space-bottom{ padding-bottom:40px; } @media only screen and (min-width:769px){ .promo-grid--space-bottom{ padding-bottom:75px; } } .promo-grid__container{ align-items:flex-start; background-repeat:no-repeat; display:flex; overflow:hidden; position:relative; } .promo-grid__container .btn{ margin-right:10px; } @media only screen and (max-width:768px){ .promo-grid__container .btn{ margin-right:7px; } } .promo-grid__container.horizontal-center{ justify-content:center; text-align:center; } .promo-grid__container.horizontal-center .btn{ margin:2px 5px; } .promo-grid__container.horizontal-right{ justify-content:flex-end; text-align:right; } @media only screen and (max-width:768px){ .promo-grid__container--boxed .promo-grid__bg{ height:60%; } .promo-grid__container--boxed .promo-grid__content{ box-shadow:0 0 50px rgba(0,0,0,.1); margin-top:55%; width:100%; } } .promo-grid__container--framed:not(.promo-grid__container--boxed):after{ border:7px solid transparent; bottom:0; box-shadow:inset 0 0 0 2px var(--colorHeroText); content:""; left:0; position:absolute; right:0; top:0; z-index:auto; z-index:3; } @media only screen and (min-width:769px){ .promo-grid__container--framed:not(.promo-grid__container--boxed):after{ border-width:10px; } } .type-banner .promo-grid__container--framed:not(.promo-grid__container--boxed):after,.type-product .promo-grid__container--framed:not(.promo-grid__container--boxed):after,.type-sale_collection .promo-grid__container--framed:not(.promo-grid__container--boxed):after{ box-shadow:inset 0 0 0 2px var(--colorTextBody); } .video-interactable.promo-grid__container--framed:not(.promo-grid__container--boxed):after{ pointer-events:none; } .promo-grid__container--tint:before{ bottom:0; content:""; left:0; opacity:1; pointer-events:none; position:absolute; right:0; top:0; z-index:auto; z-index:2; } .promo-grid__slide-link{ display:block; height:100%; position:absolute; width:100%; z-index:5; } .promo-grid__slide-link:hover~.promo-grid__content .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse){ background:var(--colorBtnPrimaryLight); transition-delay:0.25s; } [data-button_style=square] .promo-grid__slide-link:hover~.promo-grid__content .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):after,[data-button_style^=round] .promo-grid__slide-link:hover~.promo-grid__content .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):after{ animation:shine 0.75s cubic-bezier(0.01, 0.56, 1, 1); } .promo-grid__content{ flex:0 1 auto; min-width:200px; padding:2em 2.5em; position:relative; z-index:4; } .promo-grid__container--framed:not(.promo-grid__container--boxed) .promo-grid__content{ margin:1.5em; } .promo-grid__content p:last-child{ margin-bottom:0; } .vertical-top .promo-grid__content{ align-self:flex-start; } .vertical-center .promo-grid__content{ align-self:center; } .vertical-bottom .promo-grid__content{ align-self:flex-end; } .video-interactable .promo-grid__content{ pointer-events:none; } .promo-grid__content--boxed{ background:var(--colorBody); color:var(--colorTextBody); margin:15px; } @media only screen and (max-width:768px){ .promo-grid__content--boxed{ margin:10px; } } .promo-grid__content--framed.promo-grid__content--boxed{ border:7px solid; border-color:var(--colorBody); box-shadow:inset 0 0 0 2px var(--colorTextBody); } @media only screen and (min-width:769px){ .promo-grid__content--framed.promo-grid__content--boxed{ border-width:10px; } } .type-advanced .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale),.type-simple .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale){ color:var(--colorHeroText); } .type-advanced .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) a,.type-simple .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) a{ border-bottom:2px solid; border-bottom-color:var(--colorHeroText); color:var(--colorHeroText); } [data-button_style=square] .type-advanced .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) a:not(.btn--inverse),[data-button_style=square] .type-simple .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) a:not(.btn--inverse),[data-button_style^=round] .type-advanced .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) a:not(.btn--inverse),[data-button_style^=round] .type-simple .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) a:not(.btn--inverse){ border-bottom:0; } .type-advanced .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) .btn--inverse,.type-simple .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale) .btn--inverse{ border-color:var(--colorHeroText); } .type-advanced .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale):after,.type-simple .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale):after{ /* background:radial-gradient(rgba(0, 0, 0, var(--colorImageOverlayTextShadow)) 0%, transparent 60%);*/ bottom:0; content:""; left:0; margin:-100px -200px -100px -200px; position:absolute; right:0; top:0; z-index:auto; z-index:2; } .type-advanced .rte--strong,.type-product .rte--strong,.type-sale_collection .rte--strong{ font-family:var(--typeHeaderPrimary), var(--typeHeaderFallback); font-weight:var(--typeHeaderWeight); letter-spacing:var(--typeHeaderSpacing); line-height:var(--typeHeaderLineHeight); } [data-type_header_capitalize=true] .type-advanced .rte--strong,[data-type_header_capitalize=true] .type-product .rte--strong,[data-type_header_capitalize=true] .type-sale_collection .rte--strong{ text-transform:uppercase; } .type-advanced .rte--strong,.type-product .rte--strong,.type-sale_collection .rte--strong{ line-height:1.1; } .type-advanced .rte--em,.type-product .rte--em,.type-sale_collection .rte--em{ font-size:0.9375em; letter-spacing:0.3em; line-height:1.2; text-transform:uppercase; } .type-advanced .rte--strong,.type-product .rte--strong{ font-size:1.6em; line-height:1.1; } @media only screen and (min-width:769px){ .type-advanced .rte--strong,.type-product .rte--strong{ font-size:2.125em; } .type-product.flex-grid__item--33 .rte--strong,.type-product.flex-grid__item--50 .rte--strong{ font-size:1.6em; } } .promo-grid__bg{ height:100%; left:0; position:absolute; text-align:left; top:0; width:100%; } .promo-grid__container:not(.promo-grid__container--boxed) .promo-grid__bg:before{ background-color:var(--colorImageOverlay); bottom:0; content:""; left:0; opacity:var(--colorImageOverlayOpacity); position:absolute; right:0; top:0; z-index:3; } .promo-grid__bg .placeholder-svg{ left:50%; max-width:none; padding:0; position:absolute; top:0; transform:translateX(-50%); width:auto; } .video-interactable .promo-grid__bg:before{ pointer-events:none; } .promo-grid__bg-image{ z-index:1; } .aos-animate[data-aos=image-fade-in] .promo-grid__bg-image{ animation:fade-in 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; transition:none; } .promo-grid__text{ position:relative; z-index:3; } .promo-grid__text .btn{ margin-bottom:2px; margin-top:2px; } .type-advanced .promo-grid__content{ padding:2em; } @media only screen and (max-width:768px){ .type-advanced .promo-grid__content{ padding:1.5em; } } .type-advanced .btn{ margin-bottom:10px; } @media only screen and (max-width:768px){ .type-advanced .btn{ margin-bottom:7px; } } .type-sale_collection{ flex-grow:1; max-height:600px; } .type-sale_collection .promo-grid__container{ align-items:center; background:var(--colorSmallImageBg); } .type-sale_collection .promo-grid__content{ flex:0 1 auto; min-width:0; padding:2em; } @media only screen and (max-width:768px){ .type-sale_collection .promo-grid__content{ font-size:0.9em; padding:1em; } } @media only screen and (min-width:769px){ .type-sale_collection .promo-grid__content:not(.promo-grid__content--small-text){ font-size:1.5em; } } .type-sale_collection .rte--block{ margin-bottom:7.5px; } .type-sale_collection .rte--block:last-child{ margin-bottom:0; } .type-sale_collection .rte--strong{ display:block; font-size:3.375em; line-height:1; position:relative; white-space:nowrap; } .type-sale_collection small{ display:inline; font-size:0.25em; letter-spacing:0; margin-left:-2.9em; } .type-sale-images{ flex:1 1 50%; } .type-sale-images svg{ display:block; float:left; width:50%; } .type-sale-images__crop{ overflow:hidden; width:100%; } .type-sale-images__image{ float:left; width:50%; } .type-simple .promo-grid__content{ padding:30px; } @media only screen and (max-width:768px){ .type-simple .promo-grid__content{ padding:15px; } } .promo-grid__title:last-child{ margin-bottom:0; } .type-image .promo-grid__container{ background:none; } .type-image .image-wrap,.type-image a,.type-image img{ width:100%; } .type-banner{ flex:1 0 100%; } .type-banner .promo-grid__container{ background:none; } .type-banner .promo-grid__container--framed:not(.promo-grid__container--boxed){ padding:1em; } .type-banner p{ display:inline-block; line-height:1.2; margin:5px 10px; vertical-align:middle; } .type-banner__link{ display:block; flex:1 1 100%; } .type-banner__content{ align-items:center; display:flex; justify-content:center; padding:0 10px; width:100%; } .type-banner__text{ flex:0 1 auto; padding:10px 20px; position:relative; z-index:3; } .type-banner__image{ flex:0 0 45%; } @media only screen and (min-width:769px){ .type-banner__image{ flex:0 0 200px; } } .type-product__wrapper{ align-self:center; flex:1 1 100%; padding:2em 0; position:relative; z-index:4; } .type-product__wrapper.promo-grid__container--tint{ padding:2em; } .promo-grid__container--framed .type-product__wrapper{ padding:2em; } @media only screen and (max-width:768px){ .type-product__content{ margin-top:15px; } } .type-product__images{ margin:10px 0 10px 10px; position:relative; width:100%; } .type-product__image{ position:relative; } .type-product__image:first-child{ max-width:75%; width:100%; } .type-product__image:nth-child(2){ bottom:40px; max-width:30%; position:absolute; right:0; width:100%; } .type-product__labels{ position:absolute; right:-10px; text-align:right; top:-10px; z-index:3; } @media only screen and (min-width:769px){ .type-product__labels .flex-grid__item--33,.type-product__labels .flex-grid__item--50{ font-size:0.9em; } } .type-product__label{ background-color:var(--colorBtnPrimary); clear:both; color:var(--colorBtnPrimaryText); float:right; padding:4px 12px; } .type-product__label--secondary{ background-color:var(--colorBody); color:var(--colorTextBody); } .hero{ background:var(--colorLargeImageBg); overflow:hidden; position:relative; } .hero__media-container{ height:100%; left:0; position:absolute; top:0; width:100%; } .hero__image-wrapper,.hero__media{ height:100%; left:0; position:absolute; top:0; width:100%; } .hero__image-wrapper:before,.hero__media:before{ /* background-color:var(--colorImageOverlay);*/ bottom:0; content:""; left:0; opacity:var(--colorImageOverlayOpacity); position:absolute; right:0; top:0; z-index:3; } .video-interactable .hero__image-wrapper:before,.video-interactable .hero__media:before{ } .hero__image{ height:100%; -o-object-fit:cover; object-fit:cover; position:relative; width:100%; z-index:1; } .hero__media{ background-position:top; background-repeat:no-repeat; background-size:cover; z-index:1; } .hero__image-wrapper--no-overlay:before{ content:none; } .hero__media iframe,.hero__media video{ height:100%; poi width:100%; } .video-interactable .hero__media iframe,.video-interactable .hero__media video{ pointer-events:auto; } .video-parent-section.loading .hero__media iframe,.video-parent-section.loading .hero__media video{ opacity:0.01; } .video-parent-section.loaded .hero__media iframe,.video-parent-section.loaded .hero__media video{ animation:zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; opacity:1; transition:none; } .hero__media video{ font-family:"object-fit: cover"; -o-object-fit:cover; object-fit:cover; position:relative; } .hero__media iframe{ left:0; left:-100%; max-width:none; position:absolute; top:0; width:300%; } @media screen and (min-width:1140px){ .hero__media iframe{ height:300%; left:auto; top:-100%; width:100%; } } .vimeo-mobile-trigger{ display:block; margin-top:90px; position:absolute; width:100%; z-index:2; } .hero__text-content .vimeo-mobile-trigger{ bottom:120%; } .vimeo-mobile-trigger .icon{ background-color:#fff; border-radius:50%; height:40px; padding:10px; width:40px; } .hero__slide-link{ display:block; height:100%; position:absolute; width:100%; z-index:5; } .hero__slide-link:hover~.hero__text-wrap .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse){ background:var(--colorBtnPrimaryLight); transition-delay:0.25s; } .hero__slide-link:hover~.hero__text-wrap .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):after{ animation:shine 0.75s cubic-bezier(0.01, 0.56, 1, 1); } [data-button_style=angled] .hero__slide-link:hover~.hero__text-wrap .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):after{ animation:none; } .hero__text-wrap{ color:var(--colorHeroText); height:100%; z-index: 1; position:relative; } .video-interactable .hero__text-wrap{ pointer-events:none; } .hero__text-wrap .page-width{ display:table; height:100%; width:100%; } .hero__text-content{ padding:15px 0; position:relative; z-index:4; } @media only screen and (min-width:769px){ .hero__text-content{ padding:45px 0; } } [data-dots=true] .hero__text-content{ padding-bottom:40px; } .hero__text-shadow{ display:inline-block; position:relative; } .hero__text-shadow:before{ /* background:radial-gradient(rgba(0, 0, 0, var(--colorImageOverlayTextShadow)) 0%, transparent 60%);*/ bottom:0; content:""; left:0; margin:-100px -200px -100px -200px; position:absolute; right:0; top:0; z-index:auto; z-index:-1; } .hero__top-subtitle{ font-size: 26px; font-weight: 300; line-height: 30px; letter-spacing: 0.03em; margin-bottom:5px; } .hero__title{ display:block;font-weight: 600; margin-bottom:0; } .hero__subtext{ margin-top:20px; } .hero__subtitle{ display:block; font-size:1.3em; margin-bottom:5px; margin-top:5px; vertical-align:middle; } .hero__link{ display:block; position:relative; } .video-interactable .hero__link{ pointer-events:auto; } .hero__link .btn{ margin: 0px 0 15px; padding: .5px 19.5px; line-height: 30px; letter-spacing: 0; font-size: 14px; } @media only screen and (min-width:769px){ .hero__link .btn{ margin-right:0px; } } [data-button_style=angled] .hero__link .btn{ margin-left:12px; } .hero__link .btn+.btn{ margin-left:2px; } @media only screen and (min-width:769px){ .hero__link .btn+.btn{ margin-left:10px; } } [data-button_style=angled] .hero__link .btn+.btn{ margin-left:12px; } .hero__link .btn .icon-play{ margin-right:5px; display:inline-block; position:relative; top:-2px; } [data-button_style=angled] .hero__link .animation-cropper{ padding-right:10px; } .hero__text-content{ display:table-cell; } .hero__text-content .hero__link{ margin-top:0px; } @media only screen and (min-width:769px){ .hero__text-content .hero__link{ margin-top:0px; } } .hero__text-content.horizontal-left{ text-align:left; } .hero__text-content.horizontal-center{ text-align:center; } .hero__text-content.horizontal-right{ text-align:right; } .hero__text-content.vertical-center{ vertical-align:middle; } .hero__text-content.vertical-bottom{ vertical-align:bottom; } .overlaid-header .index-section--hero:first-child .hero__text-content.vertical-center{ padding-top:50px; } @media only screen and (min-width:769px){ .overlaid-header .index-section--hero:first-child .hero__text-content.vertical-center{ padding-top:90px; } } .hero--450px{ height:292.5px; } .hero--550px{ height:357.5px; } .hero--650px{ height:422.5px; } .hero--750px{ height:487.5px; } .hero--100vh{ height:100vh; } @media only screen and (min-width:769px){ .hero--natural[data-natural]{ bottom:0; left:0; position:absolute; right:0; top:0; } .hero--450px{ height:450px; } .hero--550px{ height:550px; } .hero--650px{ height:650px; } .hero--750px{ height:750px; } } @media only screen and (max-width:768px){ .hero--mobile--auto[data-mobile-natural=true]{ bottom:0; height:auto; left:0; position:absolute; right:0; top:0; } .hero--natural[data-mobile-natural=false]{ height:500px; } .hero--mobile--250px[data-mobile-natural=false]{ height:250px; } .hero--mobile--300px[data-mobile-natural=false]{ height:300px; } .hero--mobile--400px[data-mobile-natural=false]{ height:400px; } .hero--mobile--500px[data-mobile-natural=false]{ height:500px; } .hero--mobile--100vh[data-mobile-natural=false]{ height:105vh; } } .background-media-text{ background:var(--colorLargeImageBg); background-size:cover; overflow:hidden; position:absolute; width:100%; } .background-media-text__video{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; bottom:0; left:0; position:absolute; top:0; width:100%; z-index:0; } @media only screen and (max-width:768px){ .background-media-text__video{ left:-100%; width:300%; } } .background-media-text__video iframe,.background-media-text__video video{ height:100%; left:0; pointer-events:none; position:absolute; top:0; width:100%; } @media only screen and (min-width:769px){ .background-media-text__video iframe,.background-media-text__video video{ height:120%; height:150%; left:-100%; max-width:none; width:300%; } } @media screen and (min-width:1140px){ .background-media-text__video iframe,.background-media-text__video video{ height:300%; left:auto; top:-100%; width:100%; } } .video-interactable .background-media-text__video iframe,.video-interactable .background-media-text__video video{ pointer-events:auto; } .background-media-text__inner{ height:100%; position:absolute; width:100%; z-index:2; } .background-media-text__aligner{ margin: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex-direction: column; height: 100%; text-align: center; } .background-media-text__text{ padding:30px; text-align:center; width:100%; } .background-media-text__text p { margin: 0; } .background-media-text__subtext { font-size: 30px; } html[dir=rtl] .background-media-text__text{ text-align:right; } @media only screen and (max-width:768px){ .background-media-text__text{ text-align:center; } } .background-media-text__text--framed{ border:7px solid; border-color:var(--colorBody); box-shadow:inset 0 0 0 2px var(--colorTextBody); } @media only screen and (min-width:769px){ .background-media-text__text--framed{ border-width:10px; } } .background-media-text__text .btn{ margin-top:15px; } @media only screen and (min-width:769px){ .background-media-text--right .animation-cropper{ float:right; } } .background-media-text__container{ bottom:0; left:0; position:absolute; right:0; top:0; } @media only screen and (max-width:768px){ .background-media-text{ position:relative; } .background-media-text__inner{ position:relative; } .background-media-text__container,.background-media-text__video{ height:240px; position:relative; } .promo-video .background-media-text__container,.promo-video .background-media-text__video{ height:550px; } .background-media-text__aligner{ margin:-6px 6px 6px; } .background-media-text__text{ padding:22.5px; width:auto; } .background-media-text.loading:after,.background-media-text.loading:before{ top:117px; } } @media only screen and (min-width:769px){ .background-media-text--450,.background-media-text--450 .background-media-text__video,.background-media-text__spacer.background-media-text--450{ min-height:450px; } .background-media-text--550,.background-media-text--550 .background-media-text__video,.background-media-text__spacer.background-media-text--550{ min-height:550px; } .background-media-text--650,.background-media-text--650 .background-media-text__video,.background-media-text__spacer.background-media-text--650{ min-height:650px; } .background-media-text--750,.background-media-text--750 .background-media-text__video,.background-media-text__spacer.background-media-text--750{ min-height:750px; } } [data-aos=background-media-text__animation] .background-media-text__image,[data-aos=background-media-text__animation] .background-media-text__image svg,[data-aos=background-media-text__animation] .background-media-text__video{ animation:zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; transition:none; } [data-disable-animations=true] [data-aos=background-media-text__animation] .background-media-text__image,[data-disable-animations=true] [data-aos=background-media-text__animation] .background-media-text__image svg,[data-disable-animations=true] [data-aos=background-media-text__animation] .background-media-text__video{ animation:none; opacity:1; } [data-aos=background-media-text__animation].aos-animate .background-media-text__image,[data-aos=background-media-text__animation].aos-animate .background-media-text__image svg,[data-aos=background-media-text__animation].loaded.aos-animate .background-media-text__video{ animation:zoom-fade 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; transition:none; } [data-disable-animations=true] .aos-animate[data-aos=background-media-text__animation] .background-media-text__image,[data-disable-animations=true] .aos-animate[data-aos=background-media-text__animation] .background-media-text__image svg,[data-disable-animations=true] .loaded.aos-animate[data-aos=background-media-text__animation] .background-media-text__video{ animation:none; } @media only screen and (min-width:769px){ [data-aos=background-media-text__animation] .background-media-text__inner .animation-contents{ opacity:0; } .no-js [data-aos=background-media-text__animation] .background-media-text__inner .animation-contents{ animation:none; opacity:1; } [data-aos=background-media-text__animation].loaded.aos-animate .background-media-text__inner .animation-contents{ animation:rise-up 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0.5s forwards; } [data-disable-animations=true] .loaded.aos-animate[data-aos=background-media-text__animation] .background-media-text__inner .animation-contents{ animation:none; opacity:1; } } button{ color:currentColor; overflow:visible; } button[disabled],html input[disabled]{ cursor:default; } .btn,.rte .btn,.shopify-payment-button .shopify-payment-button__button--unbranded,.spr-container .spr-button,.spr-container .spr-summary-actions a{ -webkit-appearance:none; -moz-appearance:none; background:var(--colorBtnPrimary); border:1px solid transparent; border-radius:var(--buttonRadius); color:var(--colorBtnPrimaryText); cursor:pointer; display:inline-block; line-height:1.42; margin:0; padding:11px 20px; text-align:center; -webkit-text-decoration:none; text-decoration:none; -webkit-user-select:none; -moz-user-select:none; user-select:none; vertical-align:middle; white-space:normal; } @media only screen and (max-width:768px){ .btn,.rte .btn,.shopify-payment-button .shopify-payment-button__button--unbranded,.spr-container .spr-button,.spr-container .spr-summary-actions a{ padding:9px 17px; } } .btn:hover,.rte .btn:hover,.shopify-payment-button .shopify-payment-button__button--unbranded:hover,.spr-container .spr-button:hover,.spr-container .spr-summary-actions a:hover{ background-color:var(--colorBtnPrimary); color:var(--colorBtnPrimaryText); } .btn.disabled,.btn[disabled],.rte .btn.disabled,.rte .btn[disabled],.shopify-payment-button .shopify-payment-button__button--unbranded.disabled,.shopify-payment-button .shopify-payment-button__button--unbranded[disabled],.spr-container .spr-button.disabled,.spr-container .spr-button[disabled],.spr-container .spr-summary-actions a.disabled,.spr-container .spr-summary-actions a[disabled]{ background-color:#f6f6f6; color:#b6b6b6; cursor:default; } .btn.disabled:hover,.btn[disabled]:hover,.rte .btn.disabled:hover,.rte .btn[disabled]:hover,.shopify-payment-button .shopify-payment-button__button--unbranded.disabled:hover,.shopify-payment-button .shopify-payment-button__button--unbranded[disabled]:hover,.spr-container .spr-button.disabled:hover,.spr-container .spr-button[disabled]:hover,.spr-container .spr-summary-actions a.disabled:hover,.spr-container .spr-summary-actions a[disabled]:hover{ background-color:#f6f6f6; color:#b6b6b6; } [data-button_style=angled] .btn.disabled:after,[data-button_style=angled] .btn.disabled:before,[data-button_style=angled] .btn[disabled]:after,[data-button_style=angled] .btn[disabled]:before,[data-button_style=angled] .rte .btn.disabled:after,[data-button_style=angled] .rte .btn.disabled:before,[data-button_style=angled] .rte .btn[disabled]:after,[data-button_style=angled] .rte .btn[disabled]:before,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded.disabled:after,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded.disabled:before,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded[disabled]:after,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded[disabled]:before,[data-button_style=angled] .spr-container .spr-button.disabled:after,[data-button_style=angled] .spr-container .spr-button.disabled:before,[data-button_style=angled] .spr-container .spr-button[disabled]:after,[data-button_style=angled] .spr-container .spr-button[disabled]:before,[data-button_style=angled] .spr-container .spr-summary-actions a.disabled:after,[data-button_style=angled] .spr-container .spr-summary-actions a.disabled:before,[data-button_style=angled] .spr-container .spr-summary-actions a[disabled]:after,[data-button_style=angled] .spr-container .spr-summary-actions a[disabled]:before{ background-color:#f6f6f6; border-bottom:1px solid; border-bottom-color:#b6b6b6; border-top:1px solid; border-top-color:#b6b6b6; } [data-button_style=angled] .btn,[data-button_style=angled] .rte .btn,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded,[data-button_style=angled] .spr-container .spr-button,[data-button_style=angled] .spr-container .spr-summary-actions a{ border:0; margin-left:10px; margin-right:10px; position:relative; } [data-button_style=angled] .btn:after,[data-button_style=angled] .btn:before,[data-button_style=angled] .rte .btn:after,[data-button_style=angled] .rte .btn:before,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded:after,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded:before,[data-button_style=angled] .spr-container .spr-button:after,[data-button_style=angled] .spr-container .spr-button:before,[data-button_style=angled] .spr-container .spr-summary-actions a:after,[data-button_style=angled] .spr-container .spr-summary-actions a:before{ background-color:inherit; bottom:0; content:""; display:block; position:absolute; top:0; transform:skewX(-12deg); width:20px; } [data-button_style=angled] .btn:before,[data-button_style=angled] .rte .btn:before,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded:before,[data-button_style=angled] .spr-container .spr-button:before,[data-button_style=angled] .spr-container .spr-summary-actions a:before{ left:-6px; } [data-button_style=angled] .btn:after,[data-button_style=angled] .rte .btn:after,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded:after,[data-button_style=angled] .spr-container .spr-button:after,[data-button_style=angled] .spr-container .spr-summary-actions a:after{ right:-6px; } [data-button_style=angled] .btn.btn--small:before,[data-button_style=angled] .rte .btn.btn--small:before,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded.btn--small:before,[data-button_style=angled] .spr-container .spr-button.btn--small:before,[data-button_style=angled] .spr-container .spr-summary-actions a.btn--small:before{ left:-5px; } [data-button_style=angled] .btn.btn--small:after,[data-button_style=angled] .rte .btn.btn--small:after,[data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded.btn--small:after,[data-button_style=angled] .spr-container .spr-button.btn--small:after,[data-button_style=angled] .spr-container .spr-summary-actions a.btn--small:after{ right:-5px; } [data-button_style=square] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style=square] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style=square] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style=square] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style=square] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style^=round] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style^=round] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style^=round] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style^=round] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static),[data-button_style^=round] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static){ overflow:hidden; position:relative; transition:background 0.2s ease 0s; } [data-button_style=square] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style=square] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style=square] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style=square] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style=square] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style^=round] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style^=round] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style^=round] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style^=round] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after,[data-button_style^=round] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):after{ background-image:linear-gradient(90deg,transparent, hsla(0,0%,100%,.25),transparent); content:""; height:100%; left:150%; position:absolute; top:0; transform:skewX(-20deg); width:200%; } [data-button_style=square] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style=square] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style=square] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style=square] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style=square] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style^=round] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style^=round] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style^=round] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style^=round] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after,[data-button_style^=round] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover:after{ animation:shine 0.75s cubic-bezier(0.01, 0.56, 1, 1); } [data-button_style=square] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style=square] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style=square] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style=square] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style=square] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style^=round] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style^=round] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style^=round] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style^=round] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover,[data-button_style^=round] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover{ background:var(--colorBtnPrimaryLight); transition-delay:0.25s; } [data-button_style=square] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style=square] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style=square] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style=square] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style=square] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style^=round] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style^=round] .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style^=round] .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style^=round] .spr-container .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active,[data-button_style^=round] .spr-container .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):active{ background:var(--colorBtnPrimary); transition-delay:0s; } div:empty {display:block;} .icon-and-text .icon { fill: currentColor; height: 20px; vertical-align: middle; width: 20px; } .list-social__item svg.icon.icon-twitter { padding: 2px; } .btn--tertiary-active{ background:var(--colorBtnPrimary); border-color:var(--colorBtnPrimary); color:var(--colorBtnPrimaryText); } .btn--tertiary-active:hover{ background:var(--colorBtnPrimary); color:var(--colorBtnPrimaryText); } .btn--body{ background-color:var(--colorBody); border:1px solid; border-color:var(--colorBorder); color:var(--colorTextBody); } .btn--body:active,.btn--body:hover{ background-color:var(--colorBody); border:1px solid; border-color:var(--colorBorder); color:var(--colorTextBody); } .btn--circle{ border-radius:50%; line-height:1; min-width:0; padding:10px; } .btn--circle .icon{ height:20px; width:20px; } .btn--circle:after,.btn--circle:before{ background:none; content:none; width:auto; } .btn--circle.btn--large .icon{ height:30px; width:30px; } .btn--circle.btn--large{ padding:15px; } [data-button_style=angled] .btn--circle{ border:1px solid; border-color:var(--colorBorder); } [data-button_style=angled] .btn--circle:after,[data-button_style=angled] .btn--circle:before{ display:none; } .btn--small{ background-position:150% 45%; font-size:calc(var(--typeBaseSize) - 6px); font-size:max(calc(var(--typeBaseSize) - 6px), 12px); min-width:90px; padding:8px 14px; } [data-button_style=angled] .btn--small{ margin-left:10px; padding-left:16px; padding-right:16px; } .btn--secondary.btn--small{ font-weight:400; } .btn--large{ padding:15px 20px; } .btn--full{ padding:11px 20px; padding:13px 20px; transition:none; width:100%; } [data-button_style=angled] .btn--full{ max-width:94%; } [data-button_style=angled] .shopify-payment-button .shopify-payment-button__button--unbranded{ max-width:94%; } .btn--inverse{ background-color:transparent; border:2px solid #fff; color:#fff; } .btn--inverse:focus,.btn--inverse:hover{ background-color:transparent; } [data-button_style=angled] .btn--inverse{ border-bottom:2px solid; border-left:0; border-right:0; border-top:2px solid; } [data-button_style=angled] .btn--inverse:after,[data-button_style=angled] .btn--inverse:before{ background-color:transparent; border-color:#fff; bottom:-2px; top:-2px; } [data-button_style=angled] .btn--inverse:before{ border-bottom:2px solid; border-left:2px solid; } [data-button_style=angled] .btn--inverse:after{ border-right:2px solid; border-top:2px solid; } .hero__link .btn--inverse{ border-color:var(--colorHeroText); color:var(--colorHeroText); } [data-button_style=angled] .hero__link .btn--inverse:before{ border-color:var(--colorHeroText); } [data-button_style=angled] .hero__link .btn--inverse:after{ border-color:var(--colorHeroText); } .btn--loading{ background-color:var(--colorBtnPrimaryDim); color:var(--colorBtnPrimaryDim); position:relative; text-indent:-9999px; } .btn--loading:active,.btn--loading:hover{ background-color:var(--colorBtnPrimaryDim); color:var(--colorBtnPrimaryDim); } .btn--loading:before{ animation:spin 1s linear infinite; border:3px solid; border-color:var(--colorBtnPrimaryText); border-radius:50%; border-top-color:transparent; content:""; display:block; height:24px; left:50%; margin-left:-12px; margin-top:-12px; position:absolute; top:50%; width:24px; } [data-button_style=angled] .btn--loading:before{ border-color:var(--colorBtnPrimaryText) !important; border-top-color:transparent !important; } [data-button_style=angled] .btn--loading:before{ border:3px solid; height:24px; left:50%; top:50%; transform:none; width:24px; } [data-button_style=angled] .btn--loading:after{ background-color:var(--colorBtnPrimaryDim); } [data-button_style=angled] .btn--loading.btn--secondary:after{ bottom:1px; } .btn--loading.btn--secondary{ background:transparent; color:var(--colorTextBody); } .btn--loading.btn--secondary:before{ border-color:var(--colorTextBody); border-top-color:transparent; } .return-link{ margin-top:50px; padding:15px 25px; text-align:center; } @media only screen and (max-width:768px){ .return-link{ padding:22px 17px; width:100%; } [data-button_style=angled] .return-link{ width:90%; } } .image-fit { font-family: "object-fit: cover"; height: 100%; -o-object-fit: cover; object-fit: cover; position: relative; width: 100%; z-index: 1; } .text-with-icons__blocks{ display:flex; flex-wrap:wrap; justify-content:center; margin-left:-30px; margin-right:-30px; } @media only screen and (max-width:768px){ .text-with-icons__blocks{ margin:0; } } .has-1-per-row .text-with-icons__block{ width:100%; } .has-2-per-row .text-with-icons__block{ width:50%; } .has-3-per-row .text-with-icons__block{ width:33.333%; } .has-4-per-row .text-with-icons__block{ width:25%; } .has-5-per-row .text-with-icons__block{ width:20%; } .has-6-per-row .text-with-icons__block{ width:16.66%; } .text-with-icons__blocks .text-with-icons__block{ display:flex; flex:none; flex-direction:column; padding:30px; } @media only screen and (max-width:768px){ .has-mobile-2 .text-with-icons__block{ width:50%; } .has-mobile-1 .text-with-icons__block{ width:100%; } .text-with-icons__blocks .text-with-icons__block{ padding:10px; } } .text-with-icons__block-icon{ display:block; margin-bottom:10px; } .text-with-icons__block-icon .icon{ height:70px; width:70px; } @media only screen and (max-width:768px){ .text-with-icons__block-icon .icon{ height:60px; width:60px; } } .text-with-icons__button{ display:flex; justify-content:center; } .text-link,a{ -webkit-text-decoration:none; text-decoration:none; } .text-link{ background:none; border:0 none; display:inline; margin:0; padding:0; } /**Collection Grid**/ .collection-item--below .collection-item__title{ margin-top:5px; } .collection-item__title--heading{ font-family:var(--typeHeaderPrimary), var(--typeHeaderFallback); font-weight:var(--typeHeaderWeight); letter-spacing:var(--typeHeaderSpacing); line-height:var(--typeHeaderLineHeight); } [data-type_header_capitalize=true] .collection-item__title--heading{ text-transform:uppercase; } .collection-item__title--overlaid,.collection-item__title--overlaid-box{ display:block; left:10px; position:absolute; right:10px; } .collection-item__title--overlaid{ color:#fff; text-shadow:0 0 50px #000; } .collection-item__title--overlaid-box .card__heading{ background-color:var(--colorBody); -webkit-box-decoration-break:clone; box-decoration-break:clone; color:var(--colorTextBody); display:inline-block; padding:8px 15px; } .collection-item__title--bottom-center,.collection-item__title--center,.collection-item__title--top-center{ text-align:center; } .collection-item__title--bottom-right,.collection-item__title--top-right .collection-item__title--right{ text-align:right; } .collection-item__title--center[class*=collection-item__title--overlaid],.collection-item__title--left[class*=collection-item__title--overlaid],.collection-item__title--right[class*=collection-item__title--overlaid]{ top:50%; transform:translateY(-50%); } .collection-item__title--top-center[class*=collection-item__title--overlaid],.collection-item__title--top-left[class*=collection-item__title--overlaid],.collection-item__title--top-right[class*=collection-item__title--overlaid]{ top:10px; } @media only screen and (min-width:769px){ .collection-item__title--top-center[class*=collection-item__title--overlaid],.collection-item__title--top-left[class*=collection-item__title--overlaid],.collection-item__title--top-right[class*=collection-item__title--overlaid]{ top:18px; } } .collection-item__title--bottom-center[class*=collection-item__title--overlaid],.collection-item__title--bottom-left[class*=collection-item__title--overlaid],.collection-item__title--bottom-right[class*=collection-item__title--overlaid]{ bottom:10px; } @media only screen and (min-width:769px){ .collection-item__title--bottom-center[class*=collection-item__title--overlaid],.collection-item__title--bottom-left[class*=collection-item__title--overlaid],.collection-item__title--bottom-right[class*=collection-item__title--overlaid]{ bottom:18px; } } .text-with-icons__block-icon svg.icon path ,.text-with-icons__block-icon svg.icon circle { stroke-width: 2px; fill: none; stroke: currentColor; } ul.policies.list-unstyled { display: block; text-align: center; } ul.policies.list-unstyled li:first-child::before {display:none} .footer__content-bottom-wrapper { justify-content: center; } .list-social.footer__list-social { justify-content: flex-start; margin-top: 10px; } /**Mega Menu**/ .navbar-dropdown { padding: 20px 0px; } .mega-menu-container { display: flex; justify-content: space-between; } .main-section { display: flex; flex-direction: column; flex: 0 20%; padding-right: 40px; position: relative; } .main-section-link { font-weight: 700; background: none !important; } .mega_menu__title { font-weight: 900;margin:15px 0; text-transform: uppercase; } .link--text.sub-title { font-size: 14px; } .sub-sections ul { list-style: none; padding: 0; } .site-nav__link.site-nav__link--underline.Sale { color: #FF4D85; } .sub-link-li { padding-bottom: 10px; line-height: 1.15; } .sub-section-link { font-size: 16px; text-transform: none; background: none !important; } .group { padding-bottom: 10px; } .site-nav--is-megamenu.site-nav__item:hover .megamenu { padding-bottom:0; opacity: 1; transition-delay: 0s; display: block; visibility: visible; transform: translateZ(0); box-shadow: none; background: #fff; transition: all .3s cubic-bezier(.2,.06,.05,.95); } .main-section::after { content: ""; position: absolute; background-color: #e5e5e5; width: 0.125rem; height: 100%; bottom: 0; right: 20px; } .mega-menu-container ul { margin-left: 0;margin-bottom: 0; } .mm-image-text-container { /* position: absolute;*/ display: flex; flex-direction: column; bottom: 0; left: 0; /* background: rgba(0,0,0,0.5);*/ width: 100%; padding: 5px 0; } .mm-image-text-subheader { font-size: 12px; font-weight: 700; line-height: 1.15; } .mm-image-text-header { font-size: 18px; font-weight: 700; line-height: 1.15; } .image-container { position: relative;margin-left:15px; } .mega-menu__list.page-width.site-nav__dropdown.megamenu { display: block; } .links-section { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; } .links-section.image-true { width: calc(100% - 300px);padding-right:20px; } .image-section { width: 300px; } .image-container img { max-width: 100%; display: block; } .sub-sections.menu-column-1 { width:100%; } .sub-sections.menu-column-2 { width:50%; } .sub-sections.menu-column-3 { width:33.33%; } .sub-sections.menu-column-4 { width:25%; } .sub-sections.menu-column-5 { width:20%; } .sub-sections.menu-column-6 { width:16.66%; } @media (max-width:989px){ .links-section.image-true { width: 100%; padding: 0; } .mega-menu-container { flex-wrap: wrap; padding: 0 20px; } .links-section .sub-sections { width: 100%; padding: 0 8px; } .links-section .sub-sections.image-section { width: 100%;margin:0; padding: 20px 0; } .image-container { margin-left: 0; } } .quote-icon{ display:block; margin:0 auto 20px; } .testimonial-stars{ display:block; font-size:16px; letter-spacing:0.2em; margin-bottom:10px; } @media only screen and (min-width:769px){ .testimonial-stars{ font-size:18px; margin-bottom:15px; } } .testimonials-slide{ display:none; opacity:0; padding:40px 0 55px; width:80%; } .testimonials-slide:first-child{ display:block; } .flickity-slider .testimonials-slide{ display:block; opacity:1; } .testimonials-slide .testimonials-slider__text{ transform:scale(0.95); border: 0px; transition:transform 0.5s ease,box-shadow 0.5s ease; } .testimonials-slide.is-selected .testimonials-slider__text{ /* box-shadow:0 10px 25px rgba(0,0,0,.1);*/ position:relative; transform:scale(1.1); z-index:10; } @media only screen and (max-width:768px){ .testimonials-slide{ width:100%; } .testimonials-slide .testimonials-slider__text{ transform:scale(0.86); } .testimonials-slide.is-selected .testimonials-slider__text{ transform:scale(1); } } .testimonials-slider__text{ background:var(--colorBody); color:var(--colorTextBody); margin:0 30px; margin-bottom:15px; padding:30px 15px; } @media only screen and (min-width:769px){ .testimonials-slider__text{ margin:0; margin-bottom:0; padding:30px; } } .testimonials-slider__text cite{ font-style:normal; font-weight:700; } @media only screen and (min-width:769px){ .testimonials-slider__text cite{ font-size:calc(var(--typeBaseSize) + 1px); } } .testimonials-slider__text p{ margin-bottom:7.5px; } .testimonials-slider__text p+cite{ margin-top:0; } .testimonials__info{ font-size:calc(var(--typeBaseSize) - 1px); } .testimonial-image{ background-color:var(--colorBody); max-width:142px; } .text-center .testimonial-image{ margin-left:auto; margin-right:auto; } .testimonial-image .image-wrap{ background:none; height:100%; width:100%; } .testimonial-image--round{ border-radius:65px; height:65px; max-width:none; width:65px; } .testimonial-image--round img{ border-radius:65px; height:100%; overflow:hidden; } .testimonials-section .flickity-page-dots{ bottom:0; } .rte blockquote,blockquote{ margin:0; padding:15px 30px 40px; } .rte blockquote p,blockquote p{ margin-bottom:0; } .rte blockquote p+cite,blockquote p+cite{ margin-top:15px; } .rte blockquote cite,blockquote cite{ display:block; } code,pre{ background-color:#faf7f5; border:0 none; color:#51ab62; font-family:Consolas,monospace; font-size:1em; padding:0 2px; } pre{ margin:0 0 30px; overflow:auto; padding:15px; } .sales-points{ list-style:none; margin:0; padding:0; } .quick-add-modal .sales-points{ display:none; } .sales-point{ display:block; margin-bottom:10px; } .sales-point:last-child{ margin-bottom:0; } .sales-point .icon{ height:25px; margin-right:10px; position:relative; width:25px; } [dir=rtl] .sales-point .icon{ margin-left:10px; margin-right:0; } @media only screen and (max-width:768px){ .sales-point .icon-and-text{ justify-content:center; } } .sales-point .icon path, .sales-point .icon circle { stroke-width: 3px; fill: none; stroke: currentColor; } .color-swatch{ background-position:50%; background-repeat:no-repeat; background-size:cover; box-shadow:0 0 0 1px var(--colorBorder); display:block; height:38px; margin:0 4px 4px; overflow:hidden; position:relative; text-indent:-9999px; transition:box-shadow 0.2s ease; width:38px; } [data-swatch_style=round] .color-swatch{ border-radius:100%; } .color-swatch:before{ bottom:0; content:""; left:0; position:absolute; right:0; top:0; z-index:2; } .color-swatch:before{ border:0px solid; border-color:var(--colorBody); } [data-swatch_style=round] .color-swatch:before{ border-radius: 100% !important; border-width: 4px !important; bottom: -1px !important; left: -1px !important; right: -1px !important; top: -1px !important; box-shadow: none !important; z-index: unset !important; } .tag:not(.tag--active) label:hover .color-swatch:hover,a.color-swatch:hover{ box-shadow:0 0 0 1px var(--colorTextBody); } .variant-input-wrap{ border:0; margin:0 0 -12px; padding:0; position:relative; } .variant-input-wrap input{ clip:rect(0 0 0 0); border:0; height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; } .variant-input-wrap label{ background-color:var(--colorBody); box-shadow:0 0 0 1px var(--colorBorder); display:inline-block; font-family:var(--typeBasePrimary), var(--typeBaseFallback); font-size:calc(var(--typeBaseSize)*0.92); font-weight:400; letter-spacing:var(--typeBaseSpacing); line-height:var(--typeBaseLineHeight); margin:0 8px 12px 0; overflow:hidden; padding:7px 15px 7px; position:relative; } @media only screen and (min-width:769px){ .variant-input-wrap label{ font-size:var(--typeBaseSize); } } [data-center-text=true] .variant-input-wrap label{ margin:0 4px 12px; } .variant-input-wrap label.disabled{ color:var(--colorBorder); } .variant-input-wrap label.disabled:after{ border-left:1px solid; border-color:var(--colorBorder); bottom:0; content:""; left:50%; position:absolute; top:0; transform:rotate(45deg); } .variant-input-wrap input[type=radio]:focus+label{ border-color:var(--colorTextBodyAlpha005); box-shadow:0 0 0 1px var(--colorTextBody); } .variant-input-wrap input[type=radio]:checked+label{ box-shadow:0 0 0 2px var(--colorTextBody); background: #fff; color: #000; } .variant-input{ display:inline-block; } .slideshow-wrapper{ position:relative; } .slideshow__pause:focus{ clip:auto; width:auto; height:auto; margin:0; color:#ffffff; color:var(--colorBtnPrimaryText); background-color:#000; background-color:var(--colorBtnPrimary); padding:10px; z-index:10000; transition:none } .video-is-playing .slideshow__pause:focus{ display:none } .slideshow__pause-stop{ display:block } .is-paused .slideshow__pause-stop{ display:none } .slideshow__pause-play{ display:none } .is-paused .slideshow__pause-play{ display:block } .slideshow__slides{ display:none; width:100%; height:100%; position:relative; overflow:hidden } .slideshow__slides:first-child{ display:block; } .flickity-slider .slideshow__slides{ display:block } .hero--padded .slideshow__slides{ border-radius:var(--roundness); overflow:hidden } .hero--padded{ margin-top:40px; margin-top:var(--pageWidthPadding); margin-bottom:40px; margin-bottom:var(--pageWidthPadding) } .index-section--hero:first-child .hero--padded{ margin-top:0; padding-top:40px; padding-top:var(--pageWidthPadding) } .hero{ position:relative; overflow:hidden; background-color:var(--colorLargeImageBg); color:#fff } .hero.loaded{ background-color:transparent; transition:background-color 0.2s ease 0.3s; } .hero--padded .hero{ border-radius:var(--roundness) } .hero__media-container{ position:absolute; top:0; left:0; height:100%; width:100%; } .hero__image-wrapper,.hero__media{ position:absolute; top:0; left:0; height:100%; width:100%; } .hero__image{ position:relative; width:100%; height:100%; z-index:1; -o-object-fit:cover; object-fit:cover; } .hero__media{ z-index:1; } .hero__image-wrapper--no-overlay:before{ content:none; } .hero__media iframe,.hero__media video{ width:100%; height:100%; } .video-interactable .hero__media iframe,.video-interactable .hero__media video{ pointer-events:auto } .video-parent-section.loading .hero__media iframe,.video-parent-section.loading .hero__media video{ opacity:0.01 } .video-parent-section.loaded .hero__media iframe,.video-parent-section.loaded .hero__media video{ opacity:1; animation:zoom-fade 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards; transition:none } .hero__media video{ position:relative; -o-object-fit:cover; object-fit:cover; font-family:"object-fit: cover"; } .hero__media iframe{ position:absolute; top:0; left:0; width:300%; left:-100%; max-width:none } @media screen and (min-width:1140px){ .hero__media iframe{ width:100%; height:300%; left:auto; top:-100% } } .vimeo-mobile-trigger{ display:block; position:absolute; width:100%; z-index:2; margin-top:90px } .hero__text-content .vimeo-mobile-trigger{ bottom:120% } .vimeo-mobile-trigger .icon{ width:40px; height:40px; background-color:#fff; border-radius:50%; padding:10px; } .hero__slide-link{ display:block; position:absolute; height:100%; width:100%; z-index:5 } .hero__slide-link:hover~.hero__text-wrap .btn:not(.btn--secondary):not(.btn--inverse){ background:#1a1a1a; background:var(--colorBtnPrimaryLight); transition-delay:0.25s; } .hero__text-wrap{ position:relative; height:100% } .video-interactable .hero__text-wrap{ pointer-events:none } .hero__text-wrap .page-width{ display:table; width:100%; height:100%; } .hero__text-content{ position:relative; padding:15px 0; z-index:4 } @media only screen and (min-width:769px){ .hero__text-content{ padding:138px 0 45px; } } [data-dots=true] .hero__text-content{ padding-bottom:40px } .hero__text-shadow{ position:relative; display:inline-block; text-shadow:0 3px 7px rgba(0, 0, 0, 0.15) } .hero__text-shadow:after{ content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1; /* background:radial-gradient(rgba(0, 0, 0, 0.3) 0%, transparent 60%);*/ margin:-100px -200px -100px -200px; } .hero__text-shadow .btn{ text-shadow:none; } .horizontal-left .hero__text-shadow{ max-width:500px } .horizontal-right .hero__text-shadow{ max-width:500px; text-align:left } @media only screen and (max-width:768px){ .horizontal-left .hero__text-shadow{ max-width:85% } .horizontal-right .hero__text-shadow{ max-width:85% } } .hero__subtitle { margin-bottom:10px } .hero__title { margin-bottom:10px } .hero__top-subtitle{ margin-bottom:15px } @media only screen and (min-width:769px){ .hero__subtitle,.hero__title,.hero__top-subtitle{ margin-top: 0; } } .hero__title{ display:block;letter-spacing: 0; margin-bottom:23px } .hero__title p{ margin-bottom:0; } .hero__subtext{ margin-top:20px; } .hero__subtitle{ display:block; vertical-align:middle } @media only screen and (min-width:769px){ .hero__subtitle{ font-size:1.3em } } .hero__link{ position:relative; display:block } .video-interactable .hero__link{ pointer-events:auto } @media only screen and (max-width:768px){ .hero__link .btn{ margin:4px 0px 6px 0 } .small--text-center .hero__link .btn{ margin:4px 10px 6px } } .hero__link .btn .icon-play{ position:relative; top:-2px; margin-right:5px; } .hero__link .btn--inverse{ color:currentColor; border-color:currentColor; } .hero__text-content{ display:table-cell } .hero__text-content.horizontal-left{ text-align:left; } .hero__text-content.horizontal-center{ text-align:center; } .hero__text-content.horizontal-right{ text-align:right; } .hero__text-content.vertical-center{ vertical-align:middle; } .hero__text-content.vertical-bottom{ vertical-align:bottom; } .overlaid-header .index-section--hero:first-child .hero__text-content.vertical-center{ padding-top:50px } @media only screen and (min-width:769px){ .overlaid-header .index-section--hero:first-child .hero__text-content.vertical-center{ padding-top:90px } } .hero .slideshow__slides .hero__animation-contents{ opacity:0; transform:translateY(10px); transition:none } .no-js .hero .slideshow__slides .hero__animation-contents{ opacity:1 } @media only screen and (max-width:768px){ .hero .slideshow__slides .hero__animation-contents{ transform:translateY(7px) } } .hero .slideshow__slides .hero__text-shadow:after{ opacity:0; } .hero .slideshow__slides:not(.animate-out) .hero__image{ opacity:0; transition:none; } .hero .slideshow__slides .hero__link .btn{ opacity:0; transition:none } .no-js .hero .slideshow__slides .hero__link .btn{ opacity:1 } .hero .slideshow__slides .hero__image-wrapper{ transform:scale(1.15); opacity:0; transition:none; } .hero .slideshow__slides .hero__sidebyside{ opacity:0; transition:none } .no-js .hero .slideshow__slides .hero__sidebyside{ opacity:1 } .hero .slideshow__slides .hero__sidebyside-image .hero__image{ opacity:0; transform:scale(1.15); transition:none } .no-js .hero .slideshow__slides .hero__sidebyside-image .hero__image{ opacity:1 } .hero.loaded .slideshow__slides.is-selected .hero__animation-contents{ opacity:1; transform:translateY(0px); transition:opacity 0.4s ease,transform 0.6s cubic-bezier(0.26, 0.54, 0.32, 1); } .hero.loaded .slideshow__slides.is-selected .hero__text-shadow:after{ opacity:1; transition:all 0.4s ease 0.2s; } .hero.loaded .slideshow__slides.is-selected .hero__title .hero__animation-contents{ transition-delay:0.2s; } .hero.loaded .slideshow__slides.is-selected .hero__subtitle .hero__animation-contents{ transition-delay:0.4s; } .hero.loaded .slideshow__slides.is-selected .hero__link .btn{ animation:fade-in 1s ease 0.6s forwards; } .hero.loaded .slideshow__slides.is-selected .hero__link .btn:nth-child(2){ animation:fade-in 1s ease 0.8s forwards; } .hero.loaded .slideshow__slides.is-selected .hero__image--svg,.hero.loaded .slideshow__slides.is-selected .hero__image.lazyloaded,.hero.loaded .slideshow__slides.is-selected .hero__media{ opacity:1; transition:none; } .hero.loaded .slideshow__slides.is-selected .hero__image-wrapper{ opacity:1; transform:scale(1); transition:transform 1s cubic-bezier(0.18, 0.63, 0.25, 1),opacity 0.7s ease; } .hero.loaded .slideshow__slides.is-selected .hero__sidebyside{ opacity:1; transition:opacity 0.7s ease; } .hero.loaded .slideshow__slides.is-selected .hero__sidebyside-image .hero__image{ opacity:1; transform:scale(1); animation:none; transition:transform 0.7s cubic-bezier(0.13, 0.55, 0.25, 1); } .hero .slideshow__slides.animate-out .hero__animation-contents{ opacity:0; transition:none; } .hero .slideshow__slides.animate-out .hero__image-wrapper{ opacity:0; transform:scale(1); transition:transform 0.5s ease-in 0.05s,opacity 0.5s ease-in 0.05s; } .hero__sidebyside{ height:100%; display:flex; background-color:#fff; background-color:var(--colorBody); color:#1c1d1d; color:var(--colorTextBody); } .hero__sidebyside-content{ position:relative; } .hero__sidebyside-content-inner{ align-self:center; flex:1; padding:30px; } .hero__sidebyside-image{ overflow:hidden; } .hero__sidebyside-image-link{ display:block; height:100%; } .hero__sidebyside-image--indented .hero__image{ padding:30px 30px 0; -o-object-fit:contain; object-fit:contain; } .hero__sidebyside-image--indented .placeholder-svg{ margin:30px 30px 0; height:calc(100% - 60px); width:calc(100% - 60px); } .loaded .slideshow__slides.is-selected .animation-cropper,.loaded[data-aos=hero__animation] .animation-cropper{ opacity:1; } .loaded .slideshow__slides.is-selected .animation-contents,.loaded[data-aos=hero__animation] .animation-contents{ transform:translateY(0px); } .loaded .slideshow__slides.is-selected .hero__title .animation-contents,.loaded[data-aos=hero__animation] .hero__title .animation-contents{ animation:0.8s cubic-bezier(0.26, 0.54, 0.32, 1) 0.3s forwards; animation-name:rise-up; } .loaded .slideshow__slides.is-selected .hero__subtitle .animation-contents,.loaded .slideshow__slides.is-selected .hero__top-subtitle .animation-contents,.loaded[data-aos=hero__animation] .hero__subtitle .animation-contents,.loaded[data-aos=hero__animation] .hero__top-subtitle .animation-contents{ animation:1s cubic-bezier(0.26, 0.54, 0.32, 1) 0.7s forwards; animation-name:rise-up; } .loaded .slideshow__slides.is-selected .hero__link .animation-contents,.loaded[data-aos=hero__animation] .hero__link .animation-contents{ opacity:1; } .loaded .slideshow__slides.is-selected .hero__link .btn,.loaded[data-aos=hero__animation] .hero__link .btn{ animation:fade-in 2s ease 1.3s forwards; } .loaded .slideshow__slides.is-selected .hero__link .btn:nth-child(2),.loaded[data-aos=hero__animation] .hero__link .btn:nth-child(2){ animation:fade-in 2s ease 1.6s forwards; } .loaded .slideshow__slides.is-selected .hero__image,.loaded .slideshow__slides.is-selected .hero__image--svg,.loaded .slideshow__slides.is-selected .hero__media,.loaded[data-aos=hero__animation] .hero__image,.loaded[data-aos=hero__animation] .hero__image--svg,.loaded[data-aos=hero__animation] .hero__media{ opacity:1; transition:none; } .loaded .slideshow__slides.is-selected .hero__image-wrapper,.loaded[data-aos=hero__animation] .hero__image-wrapper{ opacity:1; transform:translateX(0px); transition:transform 0.7s ease,opacity 0.7s ease; } .loaded[data-aos=hero__animation] .hero__image-wrapper{ transition:opacity 0.7s ease !important; } .flickity-page-dots{ bottom:-25px; color:currentColor; line-height:1; list-style:none; margin:0; padding:0; position:absolute; text-align:center; width:100%; } .hero .flickity-page-dots{ bottom:20px; color:#fff; } .flickity-rtl .flickity-page-dots{ direction:rtl; } .flickity-page-dots .dot{ background-color:currentColor; border-radius:100%; cursor:pointer; display:inline-block; height:6px; margin:0 5px; opacity:0.4; vertical-align:middle; width:6px; } .flickity-page-dots .dot:hover{ opacity:0.6; } .flickity-page-dots .dot.is-selected{ background-color:currentColor; height:9px; opacity:1; width:9px; } .flickity-enabled.is-fade .flickity-slider>*{ pointer-events:none; z-index:0; } .flickity-enabled.is-fade .flickity-slider>.is-selected{ pointer-events:auto; z-index:1; } .hero[data-arrows=true]{ overflow:visible; z-index:5; } .hero[data-arrows=true] .flickity-prev-next-button{ bottom:-20px; top:auto; transform:none; } .hero[data-arrows=true] .flickity-prev-next-button:hover{ transform:scale(1.12); } .hero[data-arrows=true] .flickity-prev-next-button:active{ transform:scale(1); } .hero[data-arrows=true] .flickity-previous{ left:auto; right:90px; } .hero[data-arrows=true] .flickity-next{ right:40px; } .hero.flickity-rtl[data-arrows=true] .flickity-previous{ left:90px; right:auto; } .hero.flickity-rtl[data-arrows=true] .flickity-next{ left:40px; right:auto; } @media only screen and (max-width:768px){ .hero[data-arrows=true] .flickity-prev-next-button{ bottom:-16px; } .hero[data-arrows=true] .flickity-previous{ right:60px; } .hero[data-arrows=true] .flickity-next{ right:20px; } .hero.flickity-rtl[data-arrows=true] .flickity-previous{ left:60px; } .hero.flickity-rtl[data-arrows=true] .flickity-next{ left:20px; } } .hero[data-bars=true] .flickity-page-dots{ bottom:0; height:6px; line-height:6px; z-index:6; } [data-bars=true] .flickity-page-dots .dot{ background:none; border:0; border-radius:0; height:6px; opacity:1; overflow:hidden; position:relative; vertical-align:top; width:120px; } @media only screen and (max-width:768px){ [data-bars=true] .flickity-page-dots .dot{ width:45px; } } [data-bars=true] .flickity-page-dots .dot:after,[data-bars=true] .flickity-page-dots .dot:before{ background-color:currentColor; content:""; display:block; height:100%; left:0; position:absolute; width:100%; } [data-bars=true] .flickity-page-dots .dot:before{ opacity:0.4; } [data-bars=true] .flickity-page-dots .dot:hover:before{ opacity:0.6; } [data-bars=true] .flickity-page-dots .dot:after{ transform:translateX(-100%); transition:none; } [data-bars=true] .flickity-page-dots .dot.is-selected:after{ animation:slideshowBars 0s linear forwards; } @media only screen and (max-width:768px){ .hero__sidebyside{ flex-direction:column; } .hero__sidebyside-image{ position:relative; flex:1 1 auto } .hero__sidebyside-image .hero__image,.hero__sidebyside-image .placeholder-svg{ position:absolute; top:0; left:0; } .hero__sidebyside-content{ flex:0 1 auto; display:flex; order:2; } } @media only screen and (min-width:769px){ .hero__sidebyside-content{ flex:1 1 auto; display:flex; max-width:40%; } .hero__sidebyside-content-inner{ padding:5vw; } .hero__sidebyside-text--right .hero__sidebyside-content{ order:2; } .hero__sidebyside-text--left .hero__sidebyside-content-inner--indented{ padding-right:0 } .hero__sidebyside-text--right .hero__sidebyside-content-inner--indented{ padding-left:0 } .hero__sidebyside-image{ flex:0 1 60%; } .hero__sidebyside-image--indented .hero__image{ padding:80px; -o-object-position:center right; object-position:center right; } .hero__sidebyside-text--right .hero__sidebyside-image--indented .hero__image{ -o-object-position:center left; object-position:center left; } } [class*=color-scheme-]:not(.color-scheme-none).index-section{ margin:0; padding-top:60px; padding-top:var(--indexSectionPadding); padding-bottom:60px; padding-bottom:var(--indexSectionPadding); } .color-scheme-1{ color:#125b33; color:var(--colorScheme1Text); background-color:#fff; background-color:var(--colorScheme1Bg) } .color-scheme-1 .btn{ color:#fff; color:var(--colorScheme1Bg); background-color:#125b33; background-color:var(--colorScheme1Text); } .color-scheme-2{ color:#fff1f1; color:var(--colorScheme2Text); background-color:#000000; background-color:var(--colorScheme2Bg) } .color-scheme-2 .btn{ color:#000000; color:var(--colorScheme2Bg); background-color:#fff1f1; background-color:var(--colorScheme2Text); } .color-scheme-3{ color:#1773b0; color:var(--colorScheme3Text); background-color:#f5f5f5; background-color:var(--colorScheme3Bg) } .color-scheme-3 .btn{ color:#f5f5f5; color:var(--colorScheme3Bg); background-color:#1773b0; background-color:var(--colorScheme3Text); } .scheme-darken,.scheme-image,.scheme-squiggle,.scheme-swirl{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:-1; } .scheme-image{ -o-object-fit:cover; object-fit:cover; pointer-events:none; mix-blend-mode:multiply } .scheme-image[data-texture="space.jpg"]{ mix-blend-mode:screen; } [class*=color-scheme-]:not(.color-scheme-none) input,[class*=color-scheme-]:not(.color-scheme-none) textarea{ /* color:#1c1d1d; color:var(--colorTextBody); background-color:#fff; background-color:var(--colorBody); */ } .scheme-darken{ z-index:1; pointer-events:none } .scheme-darken:after{ content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; background-color:rgba(0, 0, 0, 0.027); pointer-events:none; } .scheme-swirl{ background-image:url(//fithome.es/cdn/shop/t/27/assets/swirl.svg); opacity:0.12; } .scheme-squiggle{ background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='150' height='75' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4a6 6 0 01-6-6h2c0 2.21 1.79 4 4 4a6 6 0 016 6c0 2.21 1.79 4 4 4a6 6 0 016 6c0 2.21 1.79 4 4 4v2a6 6 0 01-6-6c0-2.21-1.79-4-4-4a6 6 0 01-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' fill='%23f04747' fill-opacity='.17' fill-rule='evenodd'/%3E%3C/svg%3E"); } .image-wrap img{ height:auto; -o-object-fit:cover; object-fit:cover; width:100%; position: absolute; } .product .price__container { margin-bottom: 10px; } .product-block.product-block--sales-point { margin-top: 0; margin-bottom: 30px; } .price.price--large.price--show-badge { clear: both; float: left; width: 100%; } dawn-tool{ display:none; } dawn-tool[data-dawn-tool-open=true]{ align-items:center; display:flex; height:100%; justify-content:center; left:0; position:fixed; top:0; width:100%; z-index:10001; } dawn-tool[data-dawn-tool-open=true]:before{ animation:overlay-on 0.3s forwards; background-color:#e0e0e0; background-color:var(--colorModalBg); content:""; cursor:pointer; height:100%; left:0; position:fixed; top:0; width:100%; } .dawn-tool__inner{ animation:modal-close 0.3s forwards; opacity:0; } dawn-tool[data-dawn-tool-open=true] .dawn-tool__inner{ animation:modal-open 0.3s forwards; background:var(--colorBody); box-shadow:0 10px 20px #00000017; display:block; max-width:720px; min-height:250px; min-width:250px; padding:40px; position:fixed; } @media only screen and (max-width:768px){ dawn-tool[data-dawn-tool-open=true] .dawn-tool__inner{ max-width:93%; width:100%; } } .dawn-tool__content{ max-height:80vh; overflow:auto; } @media only screen and (max-width:768px){ .dawn-tool__content{ font-size:0.85em; } } .dawn-tool__close{ position:absolute; right:0; top:0; border: 0px solid; background: transparent; cursor: pointer; } .dawn-tool__close .icon{ height:28px; width:28px; } .dawn-tool-trigger{ background:none; border:0; cursor:pointer; } .dawn-tool-trigger .icon{ height:28px; vertical-align: middle; width:28px; fill: none; } .dawn-tool-trigger .icon path { stroke-width: 2px; stroke: currentColor; } .dawn-tool-trigger .icon ellipse { fill: currentColor; } .dawn-tool-trigger__title{ display:inline-block;font-size:14px; } .dawn-tool-trigger__title:focus,.dawn-tool-trigger__title:hover{ -webkit-text-decoration:underline; text-decoration:underline; text-underline-offset:2px; } .dawn-tool-trigger__content{ display:none !important; } .size-chart__standalone{ } .dawn-tool__close .icon path { stroke: currentColor; stroke-width: 2px; } .size-chart__standalone svg{ margin-left:var(--sizeChartIconMargin); } .logo-bar{ align-items:center; display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:-30px; text-align:center; } .logo-bar__item{ flex:0 1 110px; margin:0 15px 20px; vertical-align:middle; } @media only screen and (min-width:769px){ .logo-bar__item{ flex:0 1 160px; margin:0 20px 30px; } } .logo-bar__image{ display:block; height:100%; margin:0 auto; -o-object-fit:cover; object-fit:cover; width:100%; } .logo-bar__link{ display:block; } [data-aos=logo__animation] .logo-bar__item{ opacity:0; } [data-aos=logo__animation].aos-animate .logo-bar__item{ animation:fade-in 0.5s ease 0s forwards; } [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(2){ animation-delay:0.2s; } [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(3){ animation-delay:0.4s; } [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(4){ animation-delay:0.6s; } [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(5){ animation-delay:0.8s; } [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(6){ animation-delay:1.0s; } [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(7){ animation-delay:1.2s } [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(8){ animation-delay:1.4s; } [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(9){ animation-delay:1.6s; } [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(10){ animation-delay:1.8s; } .modal{ align-items:center; bottom:0; color:#fff; display:none; justify-content:center; left:0; opacity:1; overflow:hidden; position:fixed; right:0; top:0; z-index:30; } .modal.modal--quick-shop{ align-items:flex-start; } .modal a,.modal a:hover{ color:inherit; } .modal .btn:not([disabled]):not(.btn--secondary):not(.btn--body),.modal .btn:not([disabled]):not(.btn--secondary):not(.btn--body):hover{ color:var(--colorBtnPrimaryText); } .modal-open .modal .modal__inner{ animation:modal-open 0.5s forwards; } .modal-open .modal:before{ animation:overlay-on 0.5s forwards; background-color:var(--colorModalBg); content:""; cursor:pointer; height:100%; left:0; position:fixed; top:0; width:100%; } .modal-closing .modal .modal__inner{ animation:modal-closing 0.5s forwards; } .modal-closing .modal:before{ animation:overlay-off 0.5s forwards; background-color:var(--colorModalBg); content:""; height:100%; left:0; position:fixed; top:0; width:100%; } .modal-open--solid .modal:before{ background-color:var(--colorModalBg); } .modal-open .modal--solid:before{ animation:full-overlay-on 0.5s forwards; background-color:#000; } .modal-closing .modal--solid:before{ animation:full-overlay-off 0.5s forwards; background-color:#000; } .modal--is-closing{ display:flex !important; } .modal--is-closing{ overflow:hidden; } .modal--is-active{ display:flex !important; } .modal--is-active{ overflow:hidden; } @media only screen and (min-width:769px){ .modal-open{ overflow:hidden; } } .modal__inner{ align-items:center; display:flex; flex:0 1 auto; margin:15px; max-width:calc(100% - 15px); transform-style:preserve-3d; } @media only screen and (min-width:769px){ .modal__inner{ max-width: 800px; width: 100%; } } .modal--square .modal__inner{ background-color:var(--colorBody); box-shadow:0 15px 45px rgba(0,0,0,.1); color:var(--colorTextBody); } .modal__inner img{ display:block; max-height:90vh; } .modal__inner .image-wrap img{ max-height:none; } .modal__centered{ flex:0 1 auto; max-width:100%; min-width:1px;width: 100%; position:relative; } .modal--square .modal__centered-content{ -webkit-overflow-scrolling:touch; max-height:80vh; min-height:200px; min-width:200px; overflow:auto; padding:22.5px; } @media only screen and (min-width:769px){ .modal--square .modal__centered-content{ max-height:90vh; max-width:1200px; padding:45px; } } .modal__close{ border:0; color:#fff; padding:15px; position:fixed; right:0; top:0; } @media only screen and (min-width:769px){ .modal__close{ padding:30px; } } .modal__close .icon{ height:28px; width:28px; } .modal__close:focus,.modal__close:hover{ color:#fff; } .modal--square .modal__close{ color:var(--colorTextBody); padding:10px; position:absolute; } .modal--square .modal__close:focus,.modal--square .modal__close:hover{ color:var(--colorTextBody); } .modal .page-content,.modal .page-width{ padding:0; } .popup-cta{ margin-bottom:15px; } @media only screen and (max-width:768px){ .modal--mobile-friendly{ overflow:auto; } .modal--mobile-friendly.modal--square .modal__centered-content{ padding:40px 20px; } .modal--mobile-friendly.modal--is-active{ overflow:auto; } .modal-open .modal--mobile-friendly:before{ } .modal--mobile-friendly .modal__inner{ margin:0; } .modal--mobile-friendly .h1{ padding-right:25px; } .modal--mobile-friendly input{ font-size:16px !important; } .modal--mobile-friendly .text-close{ } } .modal .newsletter .h1{ margin-bottom:15px; } @media only screen and (min-width:769px){ .modal .newsletter .h1{ margin-bottom:30px; } } .modal .newsletter .image-wrap{ margin-bottom:7.5px; } @media only screen and (min-width:769px){ .modal .newsletter .image-wrap{ margin-bottom:15px; } } .modal .newsletter .text-close{ -webkit-text-decoration:underline; text-decoration:underline; } .newsletter__input-group{ margin:0 auto 20px; max-width:400px; } .newsletter__input-group:last-child{ margin-bottom:0; } .newsletter__input::-webkit-input-placeholder{ color:var(--colorTextBody); opacity:1; } .newsletter__input:-moz-placeholder{ color:var(--colorTextBody); opacity:1; } .newsletter__input::-moz-placeholder{ color:var(--colorTextBody); opacity:1; } .newsletter__input:-ms-input-placeholder{ color:var(--colorTextBody); } .newsletter__input::-ms-input-placeholder{ color:var(--colorTextBody); opacity:1; } @media only screen and (max-width:768px){ .form__submit--large{ display:none; } .form__submit--small{ display:block; } } @media only screen and (min-width:769px){ .form__submit--large{ display:block; } .form__submit--small{ display:none; } } [data-has-image] .modal__close{ background-color:var(--colorBody); border-radius:50%; padding:5px; right:10px; top:10px; } @media only screen and (max-width:768px){ [data-has-image] .modal__close{ background-color:transparent; right:0; top:0; } } @media only screen and (max-width:768px){ [data-section-type=newsletter-popup]{ bottom:20px; text-align:center; } [data-section-type=newsletter-popup] .modal__inner{ max-width:calc(100% - 40px); } .modal--square[data-section-type=newsletter-popup] .modal__close{ padding:5px; } } [data-section-type=newsletter-popup] .h2{ margin-bottom:0; } @media only screen and (min-width:769px){ [data-section-type=newsletter-popup] .h2{ margin-bottom:0; } } [data-section-type=newsletter-popup] .rte{ margin-bottom:0; margin-top:20px; } @media only screen and (min-width:769px){ [data-section-type=newsletter-popup] .rte{ margin-bottom:0; margin-top:20px; } } [data-section-type=newsletter-popup] .popup-cta{ margin-bottom:0; } [data-section-type=newsletter-popup] .note--success{ margin-top:15px; text-align:center; } [data-section-type=newsletter-popup] .newsletter__input-group{ margin-bottom:0; margin-top:30px; } @media only screen and (max-width:768px){ [data-section-type=newsletter-popup] .newsletter__input-group{ margin-bottom:0; margin-top:20px; } } [data-section-type=newsletter-popup] .newsletter-button{ margin-top:30px; } [data-section-type=newsletter-popup] .social-icons a{ display:inline-block; margin-top:30px; padding:5px; } .modal__centered-content.newsletter--has-image{ padding:0; } @media only screen and (max-width:768px){ .modal__centered-content.newsletter--has-image{ padding:0; } } .modal__centered-content.newsletter--has-image .newsletter-popup{ display:flex; max-width:800px; } @media only screen and (max-width:768px){ .modal__centered-content.newsletter--has-image .newsletter-popup{ max-width:none; min-width:0; flex-direction: column; } } .modal__centered-content.newsletter--has-image .newsletter-popup.newsletter-popup--image-reversed{ flex-direction:row-reverse; } .modal__centered-content.newsletter--has-image .form__submit--large{ display:none; } .modal__centered-content.newsletter--has-image .form__submit--small{ display:block; } .modal__centered-content.newsletter--has-image .newsletter-popup__image-wrapper{ position:relative; width:50%; } @media only screen and (max-width:768px){ .modal__centered-content.newsletter--has-image .newsletter-popup__image-wrapper{ display: block; width: 100%; height: 150px; } } .modal__centered-content.newsletter--has-image .newsletter-popup__image{ height:100%; -o-object-fit:cover; object-fit:cover; position:absolute; width:100%; } .modal__centered-content.newsletter--has-image .newsletter-popup__content{ padding:40px; width:50%; } .newsletter-popup__content .list-social { justify-content: flex-start; } @media only screen and (max-width:768px){ .modal__centered-content.newsletter--has-image .newsletter-popup__content{ padding:20px 0; width:100%; } .newsletter-popup__content h2 { margin: 0; } .newsletter-popup__content .list-social { justify-content: center; } } newsletter-reminder{ background-color:var(--colorBtnPrimary); color:var(--colorBtnPrimaryText); } newsletter-reminder.modal--square .modal__close{ color:var(--colorBtnPrimaryText); } newsletter-reminder.modal--square .modal__close:hover{ color:var(--colorBtnPrimaryText); opacity:0.5; } newsletter-reminder .newsletter-reminder__message{ font-size:calc(var(--typeHeaderSize)*0.5); } .form__submit--small{ line-height:0; }