html { -webkit-box-sizing: border-box; box-sizing: border-box } * { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; -webkit-margin-before: 0; -webkit-margin-after: 0 } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 } a img { border: none; outline: none } a { text-decoration: none } @media (min-width: 1024px) { a { cursor: pointer; font: inherit; color: inherit } } img { display: block; max-width: 100% } html { font-size: 10px; height: 100%; scroll-behavior: smooth } @media (max-width: 1440px) { html { font-size: .69444vw } } @media (max-width: 767px) { html { font-size: 2.66667vw } } body { font-family: "Manrope", Arial, sans-serif !important; font-weight: 400; -webkit-font-smoothing: antialiased; background-color: #fff; color: #000; } body.no-scroll { overflow-y: hidden } body ::-moz-selection { background-color: #FC364C; color: #fff } body ::selection { background-color: #FC364C; color: #fff } h1, h2, h3, h4, h5, h6 { font-weight: 600 } a { color: inherit } button, input, select, option, textarea { font-size: inherit; -webkit-appearance: none; border-radius: 0 } button { background-color: transparent; border: none; cursor: pointer; outline: none; -webkit-appearance: none } input[type=button] { -webkit-appearance: none } input, textarea, button, select, label, a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } @media (min-width: 768px) { .is-mobile { display: none } } @media (max-width: 767px) { .is-desktop { display: none } } strong, b { font-weight: 600 } .loader { border: 0.5rem solid #222; border-top: 0.5rem solid #222; border-radius: 50%; width: 5rem; height: 5rem; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; position: absolute; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 46%; left: 46%; z-index: 5 } .loader.small { border: 0.2rem solid #222; border-top: 0.2rem solid #222; width: 3rem; height: 3rem } .loader.hidden { display: none } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .mob { display: block } @media (min-width: 1024px) { .mob { display: none } } .desk { display: none } @media (min-width: 1024px) { .desk { display: block } } @-webkit-keyframes loopText { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); visibility: visible } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes loopText { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); visibility: visible } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-box-shadow: 0 0 0 0 #B8B8B8; box-shadow: 0 0 0 0 #B8B8B8; opacity: 0 } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-box-shadow: 0 0 0px 0.1rem #B8B8B8; box-shadow: 0 0 0px 0.1rem #B8B8B8; opacity: 1 } 100% { opacity: 0; -webkit-transform: scale(1.4); transform: scale(1.4) } } @keyframes pulse { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-box-shadow: 0 0 0 0 #B8B8B8; box-shadow: 0 0 0 0 #B8B8B8; opacity: 0 } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-box-shadow: 0 0 0px 0.1rem #B8B8B8; box-shadow: 0 0 0px 0.1rem #B8B8B8; opacity: 1 } 100% { opacity: 0; -webkit-transform: scale(1.4); transform: scale(1.4) } } @-webkit-keyframes pulse-back { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-box-shadow: 0 0 0 0 #B8B8B8; box-shadow: 0 0 0 0 #B8B8B8; opacity: 0 } 30% { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-box-shadow: 0 0 0px 0.05rem #B8B8B8; box-shadow: 0 0 0px 0.05rem #B8B8B8; opacity: 1 } 100% { opacity: 0; -webkit-transform: scale(1.8); transform: scale(1.8) } } @keyframes pulse-back { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-box-shadow: 0 0 0 0 #B8B8B8; box-shadow: 0 0 0 0 #B8B8B8; opacity: 0 } 30% { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-box-shadow: 0 0 0px 0.05rem #B8B8B8; box-shadow: 0 0 0px 0.05rem #B8B8B8; opacity: 1 } 100% { opacity: 0; -webkit-transform: scale(1.8); transform: scale(1.8) } } @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; transition-property: -webkit-transform; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0) } .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-multirow-column > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-container-pointer-events { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-container-pointer-events.swiper-container-vertical { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: -webkit-transform; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; transition-property: height, -webkit-transform; -webkit-transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) } .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; -webkit-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; -webkit-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory } :root { --swiper-navigation-size: 44px } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: calc(44px / 44 * 27); width: calc(var(--swiper-navigation-size) / 44 * 27); height: 44px; height: var(--swiper-navigation-size); margin-top: calc(0px - (44px / 2)); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--swiper-theme-color); color: var(--swiper-navigation-color, var(--swiper-theme-color)) } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: 44px; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; -webkit-font-feature-settings: normal,; font-feature-settings: normal,; font-variant: normal; font-variant: initial; line-height: 1 } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: "prev" } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: "next" } .swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white { --swiper-navigation-color: #ffffff } .swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000000 } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 } .swiper-pagination-flat { bottom: -16px !important } .swiper-pagination-flat .swiper-pagination-bullet { width: 80px; height: 40px; background: transparent; opacity: 1; position: relative; } .swiper-pagination-flat .swiper-pagination-bullet:first-child:last-child { display: none; } @media (min-width: 768px) { .swiper-pagination-flat .swiper-pagination-bullet { width: 80px; } } .swiper-pagination-flat .swiper-pagination-bullet:after { position: absolute; content: ""; width: 100%; height: 4px; background: var(--Dark-Gray, #CCC); margin: auto; top: 0; bottom: 0; left: 0 } .swiper-pagination-flat .swiper-pagination-bullet-active:after { background: var(--lsg-section-color, #222); } .swiper-pagination-flat.swiper-pagination-hero .swiper-pagination-bullet:after { background: #fff } .swiper-pagination-flat.swiper-pagination-hp-blog, .swiper-pagination-flat.swiper-pagination-testimonial { position: relative; bottom: 0 !important; margin-top: 5rem } .swiper-pagination-flat.swiper-pagination-benefit { display: -webkit-box; display: -ms-flexbox; display: flex; position: unset; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: auto } @media (min-width: 768px) { .swiper-pagination-flat.swiper-pagination-benefit { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } .swiper-pagination-flat.swiper-pagination-benefit .swiper-pagination-bullet { background: transparent; margin-right: 1rem; width: 4rem } .swiper-pagination.swiper-pagination-bullets.swiper-pagination-dots { position: relative; margin-top: 5rem; bottom: auto } @media (min-width: 768px) { .swiper-pagination.swiper-pagination-bullets.swiper-pagination-dots { margin-top: 6rem } } .swiper-pagination.swiper-pagination-bullets.swiper-pagination-dots .swiper-pagination-bullet { width: 1.2rem; height: 1.2rem; margin-right: 0.8rem; -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s; background-color: transparent; border: 2px solid #d8d8d8; opacity: 1 } .swiper-pagination.swiper-pagination-bullets.swiper-pagination-dots .swiper-pagination-bullet:last-child { margin-right: 0 } .swiper-pagination.swiper-pagination-bullets.swiper-pagination-dots .swiper-pagination-bullet:hover:not(.swiper-pagination-bullet-active) { background-color: #222; border-color: #222; opacity: 0.7 } .swiper-pagination.swiper-pagination-bullets.swiper-pagination-dots .swiper-pagination-bullet-active { background-color: #222; border-color: #222 } .swiper-pagination.swiper-pagination-bullets.swiper-pagination-advantages { position: absolute; bottom: -16px !important; left: 0 !important; display: flex; justify-content: center; padding: 0 20px; gap: 18px; } .swiper-pagination.swiper-pagination-bullets.swiper-pagination-advantages .swiper-pagination-bullet { width: 100%; max-width: 80px; } .swiper-pagination.swiper-pagination-bullets.swiper-pagination-advantages .swiper-pagination-bullet:first-child:last-child { display: none; } @media (max-width: 767px) { .swiper-pagination.swiper-pagination-bullets.swiper-pagination-dots.swiper-pagination-clients { margin-top: 2rem } } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { width: 100%; position: absolute; bottom: -16px !important; left: 0 !important; display: flex; justify-content: center; padding: 0 20px; gap: 18px; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { min-width: 88px; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: #000; opacity: 0.2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-theme-color); background: var(--swiper-pagination-color, var(--swiper-theme-color)) } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0) } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms top, 200ms -webkit-transform; -webkit-transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50% !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; padding: 0; position: absolute; justify-content: flex-start; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms left, 200ms -webkit-transform; -webkit-transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms right, 200ms -webkit-transform; -webkit-transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-theme-color); background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-white { --swiper-pagination-color: #ffffff } .swiper-pagination-black { --swiper-pagination-color: #000000 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1) } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-theme-color); border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube { overflow: visible } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0 } .swiper-container-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-filter: blur(50px); filter: blur(50px) } .swiper-container-flip { overflow: visible } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-slide { height: auto } .fera-socialProofPopup-container .fera-notification.fera-popout { z-index: 9 !important } @-webkit-keyframes fadeIn { 0% { opacity: 0; -webkit-transform: translateY(5rem); transform: translateY(5rem) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeIn { 0% { opacity: 0; -webkit-transform: translateY(5rem); transform: translateY(5rem) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes flipOpacity { 20% { visibility: visible; opacity: 1 } 60% { visibility: visible; opacity: 1 } 70% { visibility: hidden; opacity: 0 } } @keyframes flipOpacity { 20% { visibility: visible; opacity: 1 } 60% { visibility: visible; opacity: 1 } 70% { visibility: hidden; opacity: 0 } } .l-common { display: block; margin-left: auto; margin-right: auto; width: 100%; padding: 0 20px } @-webkit-keyframes fadeIn { 0% { opacity: 0; -webkit-transform: translateY(5rem); transform: translateY(5rem) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeIn { 0% { opacity: 0; -webkit-transform: translateY(5rem); transform: translateY(5rem) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes flipOpacity { 20% { visibility: visible; opacity: 1 } 60% { visibility: visible; opacity: 1 } 70% { visibility: hidden; opacity: 0 } } @keyframes flipOpacity { 20% { visibility: visible; opacity: 1 } 60% { visibility: visible; opacity: 1 } 70% { visibility: hidden; opacity: 0 } } .c-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.4rem; line-height: 1.9rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; min-height: 5rem; border-radius: 3px; border: 1px solid; padding: 0 4.7rem; font-family: "Manrope", Arial, sans-serif; -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } .c-btn--primary { background-color: #FC364C; border-color: #FC364C; color: #fff } @media (min-width: 1024px) { .c-btn--primary:hover:not([disabled]) { background-color: #B12C3C; color: #EFEFEF; border-color: #B12C3C } } .c-btn--secondary { background-color: #fff; border-color: #222; color: #222 } @media (min-width: 1024px) { .c-btn--secondary:hover:not([disabled]) { background-color: #222; color: #fff } } .c-btn:disabled { opacity: .7; cursor: auto } .c-btn__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .c-btn .c-price { margin-right: .5rem } .c-btn .c-price span { font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit } .c-btn .c-price span:after { background-color: #fff } .c-promo { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 2.4rem; background-color: #EFEFEF; -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } @media (min-width: 768px) { .c-promo { height: 3.6rem } } .c-promo.visible { display: -webkit-box; display: -ms-flexbox; display: flex } .c-promo__body { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .c-promo__message { font-size: 1.2rem; line-height: 1.4rem; color: #222 } @media (min-width: 768px) { .c-promo__message { font-size: 1.4rem } } @media (min-width: 768px) { .c-promo__message { line-height: 1.9rem } } .c-promo__close { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: .8rem; height: .8rem } @media (min-width: 1024px) { .c-promo__close { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } .c-promo__close svg path { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } } @media (min-width: 1024px) { .c-promo__close:hover { color: #FC364C; fill: #FC364C } } @media (min-width: 1024px) { .c-promo__close:active { color: #FC364C; fill: #FC364C } } @media (min-width: 768px) { .c-promo__close { width: 1rem; height: 1rem } } .c-promo__close svg { width: 100%; height: 100% } .c-follow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .c-follow .title { font-weight: 600; font-size: 1.4rem; margin-right: 1rem; letter-spacing: 0.048rem } @media (min-width: 1024px) { .c-follow .title { margin-right: 1rem } } .c-follow__link svg { fill: #222; -webkit-transition: fill 0.25s ease; -o-transition: fill 0.25s ease; transition: fill 0.25s ease } @media (min-width: 1024px) { .c-follow__link svg:hover { cursor: pointer } } .c-follow__link + .c-follow__link { margin-left: 1rem } .c-image { position: relative; overflow: hidden } .c-image__image { width: 100%; height: auto } .c-image .ls-blur-up-is-loading, .c-image .lazyload:not([src]) { visibility: hidden } .c-image .ls-blur-up-img { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; -webkit-filter: blur(10px); filter: blur(10px); font-family: "blur-up: auto", "object-fit: cover"; -o-object-fit: cover; object-fit: cover } .c-image .ls-blur-up-img { -webkit-filter: blur(10px); filter: blur(10px); opacity: 1; transition: opacity 1000ms, -webkit-filter 1500ms; -webkit-transition: opacity 1000ms, -webkit-filter 1500ms; -o-transition: opacity 1000ms, filter 1500ms; transition: opacity 1000ms, filter 1500ms; transition: opacity 1000ms, filter 1500ms, -webkit-filter 1500ms } .c-image .ls-blur-up-img.ls-inview.ls-original-loaded { opacity: 0; -webkit-filter: blur(5px); filter: blur(5px) } .c-image--radius { border-radius: 10px; } .c-image--radius img { width: 100% } .c-image__hover { position: absolute; top: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s } .c-title-size--primary { font-size: 2.6rem; line-height: 4rem } @media (min-width: 768px) { .c-title-size--primary { font-size: 2.8rem } } @media (min-width: 768px) { .c-title-size--primary { line-height: 4rem } } .c-title-size--secondary { font-size: 2.8rem; line-height: 4rem } @media (min-width: 768px) { .c-title-size--secondary { font-size: 5.5rem } } @media (min-width: 768px) { .c-title-size--secondary { line-height: 6.5rem } } .c-title-color--primary { color: var(--lsg-section-color, #222); } .c-title-color--secondary { color: #fff } .c-title-align--left { text-align: left } .c-title-align--center { text-align: center } .c-title-align--right { text-align: right } .c-text { letter-spacing: 0.03em } .c-text-size--primary { font-size: 1.5rem; line-height: 2.5rem } @media (min-width: 768px) { .c-text-size--primary { font-size: 1.5rem } } @media (min-width: 768px) { .c-text-size--primary { line-height: 2.5rem } } .c-text-size--secondary { font-size: 1.5rem; line-height: 2.5rem } @media (min-width: 768px) { .c-text-size--secondary { font-size: 1.6rem } } @media (min-width: 768px) { .c-text-size--secondary { line-height: 2.6rem } } .c-text-weight--regular { font-weight: 400 } .c-text-weight--medium { font-weight: 500 } .c-text-weight--semibold { font-weight: 600 } .c-text-weight--extrabold { font-weight: 800 } .c-text-color--primary { color: var(--lsg-section-color, #000); } .c-text-color--secondary { color: var(--lsg-section-color, #222); } .c-text-color--tertiary { color: #CCC } .c-text-color--quarter, .c-nav-footer__item, .b-footer__info-mail span { color: #fff } .c-text-color--senary { color: #FC364C } .c-text-align--left { text-align: left } .c-text-align--center { text-align: center } .c-text-align--right { text-align: right } .c-stars svg { width: 16px; height: 15px } .c-loader, .c-loader:after { border-radius: 50%; width: 10em; height: 10em } .c-loader { margin: 60px auto; font-size: 5px; position: relative; text-indent: -9999em; border-top: 0.7em solid #222; border-right: 0.7em solid #222; border-bottom: 0.7em solid #222; border-left: 0.7em solid #FC364C; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @media (min-width: 1024px) { .c-logo { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } .c-logo svg path { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } } @media (min-width: 1024px) { .c-logo:hover { color: #FC364C; fill: #FC364C } } @media (min-width: 1024px) { .c-logo:active { color: #FC364C; fill: #FC364C } } @media (max-width: 767px) { .c-navigation-primary { display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; background-color: #fff; opacity: 0; visibility: hidden; -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } } @media (min-width: 768px) { .c-navigation-primary { background-color: transparent } } .c-navigation-primary__list { padding-top: 9rem; padding-right: 2rem; padding-left: 2rem; overflow: auto; max-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100% } .c-navigation-primary__list::-webkit-scrollbar { width: 2px; height: 2px } .c-navigation-primary__list::-webkit-scrollbar-track { background: #D4D4D4 } .c-navigation-primary__list::-webkit-scrollbar-thumb { background: #222 } @media (min-width: 768px) { .c-navigation-primary__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 0 } } .c-navigation-primary__link { font-size: 2rem; line-height: 2.6rem; color: #222; margin-bottom: 2rem; border-bottom: 1px solid #D4D4D4; width: 100%; padding-bottom: 2rem } @media (min-width: 768px) { .c-navigation-primary__link { font-size: 1.6rem } } @media (min-width: 1024px) { .c-navigation-primary__link { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } .c-navigation-primary__link svg path { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } } @media (min-width: 1024px) { .c-navigation-primary__link:hover { color: #FC364C; fill: #FC364C } } @media (min-width: 1024px) { .c-navigation-primary__link:active { color: #FC364C; fill: #FC364C } } @media (min-width: 768px) { .c-navigation-primary__link { margin-bottom: 0; margin-right: 4rem; color: #fff; width: auto; border: none; padding-bottom: 0rem } } @media (min-width: 768px) { .c-navigation-primary__link:last-child { margin-right: 0 } } .c-navigation-primary__link.active { color: #FC364C } @media (min-width: 768px) { .c-navigation-primary .c-store-popup-trigger { display: none } } .c-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #FC364C } .c-link:hover { color: #e5263c } .c-link span { color: inherit } .c-link { display: inline-flex; align-items: center; gap: 18px; } .c-link svg path { stroke: #FC364C } #chat-button { z-index: 10 } #chat-button #chat-button { right: 0 !important } @media (min-width: 768px) { #chat-button #chat-button { right: 1rem !important } } .c-heading { display: flex; flex-direction: column; gap: 30px; margin-left: auto; margin-right: auto; max-width: 844px; text-align: center; margin-bottom: var(--lsg-section-gap_m, 30px) } @media (min-width: 768px) { .c-heading { margin-bottom: var(--lsg-section-gap_d, 50px); gap: 28px; } } .c-heading:before { content: ''; display: block; width: 60px; height: 2px; background-color: #FC364C; margin: 0 auto; } .c-heading.c-heading--without-top-b:before{ display: none; } .c-heading .c-text { margin-top: 1.3rem } .c-nav-footer { display: grid; grid-template-columns:repeat(2, 1fr); grid-gap: 0rem; gap: 0rem; margin-top: 13px; } @media (min-width: 768px) { .c-nav-footer { margin-top: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; gap: 20px; width: 408px; max-width: calc(33.33% - 13.3333333333px); } } .c-nav-footer__items { margin-bottom: 30px; } @media (min-width: 768px) { .c-nav-footer__items { margin-bottom: 0 } } .c-nav-footer__item { margin-bottom: 20px; } .c-nav-footer__item:last-of-type { margin-bottom: 0 } @media (min-width: 1024px) { .c-nav-footer__item a { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } .c-nav-footer__item a svg path { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } } @media (min-width: 1024px) { .c-nav-footer__item a:hover { color: #FC364C; fill: #FC364C } } @media (min-width: 1024px) { .c-nav-footer__item a:active { color: #FC364C; fill: #FC364C } } .c-reviews { display: block; margin-left: auto; margin-right: auto; max-width: 92rem } /* .c-accordion__panel * { font-size: inherit; line-height: inherit } */ .c-product-upsell { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1.5rem; background-color: #fff; margin-bottom: 1rem } .c-product-upsell:last-of-type { margin-bottom: 0 } .c-product-upsell .c-image { width: 9rem; height: 9rem; margin-right: 1.5rem } @media (min-width: 768px) { .c-product-upsell .c-image { margin-right: 3rem } } .c-product-upsell .c-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .c-product-upsell__trigger { cursor: pointer } .c-product-upsell__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .c-product-upsell__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1.5rem } @media (min-width: 768px) { .c-product-upsell__header { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 0.75rem } } .c-product-upsell__reviews { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.3rem; line-height: 1.9rem; letter-spacing: 0.04em; color: #505050 } @media (min-width: 768px) { .c-product-upsell__reviews { margin-left: 1rem } } .c-product-upsell__reviews .c-stars { margin-right: 0.5rem } .c-product-upsell__reviews .c-stars svg { width: 1.1rem; height: 1.1rem } .c-product-upsell__reviews .c-stars svg path { fill: #505050 } .c-product-upsell__description { color: #505050; margin-bottom: 1rem } @media (max-width: 767px) { .c-product-upsell__description { display: none } } .c-product-upsell__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .c-product-upsell__cta { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 600; font-size: 1.3rem; line-height: 1.9rem; text-transform: uppercase; letter-spacing: 0.03em; height: 2.4rem; min-width: 7.8rem; padding: 0 1rem; border: 1px solid #222; border-radius: 2rem; margin-left: auto } .c-product-upsell__cta.active { color: #fff; background-color: #222 } .c-product-upsell__cta.active .add { display: none; color: #fff !important } .c-product-upsell__cta.active .added { display: block; color: #fff !important } .c-product-upsell__cta span svg { width: 1rem; height: 1rem; margin-right: 1px; color: #222; -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } .c-product-upsell__cta .add svg path { fill: #222 } .c-product-upsell__cta .added { display: none } .c-product-upsell__cta .added svg path { stroke: #fff } .c-product-upsell .c-price__list { font-weight: 400 } .c-product-upsell .c-price__retail { font-weight: 400 } .c-product-upsell--popup-container { position: fixed; background: rgba(34, 34, 34, 0.4); left: 0; right: 0; top: 0; bottom: 0; z-index: 13; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; visibility: hidden } @media (min-width: 768px) { .c-product-upsell--popup-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .c-product-upsell--popup-container.active { visibility: visible; opacity: 1; overflow: auto } .c-product-upsell--popup-container .c-product-upsell--popup { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 90rem; width: 100%; background-color: #fff; position: relative; z-index: 14; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (min-width: 768px) { .c-product-upsell--popup-container .c-product-upsell--popup { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .c-product-upsell--popup-container .c-product-upsell__media { max-width: 38.6rem; width: 100% } .c-product-upsell--popup-container .c-product-upsell__media .c-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100% } .c-product-upsell--popup-container .c-product-upsell__media img { -o-object-fit: cover; object-fit: cover; height: 100% } @media (max-width: 767px) { .c-product-upsell--popup-container .c-product-upsell__media img { max-height: 29rem; -o-object-fit: contain; object-fit: contain } } .c-product-upsell--popup-container .c-product-upsell__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .c-product-upsell--popup-container .c-product-upsell__description { display: block; font-size: 1.5rem; line-height: 2.5rem } .c-product-upsell--popup-container .c-product-upsell__content { display: block; padding: 2rem; background-color: #EFEFEF; height: 100% } @media (min-width: 768px) { .c-product-upsell--popup-container .c-product-upsell__content { padding: 4rem; max-height: 45.6rem; overflow: auto } .c-product-upsell--popup-container .c-product-upsell__content::-webkit-scrollbar { width: 2px; height: 2px } .c-product-upsell--popup-container .c-product-upsell__content::-webkit-scrollbar-track { background: #D4D4D4 } .c-product-upsell--popup-container .c-product-upsell__content::-webkit-scrollbar-thumb { background: #222 } } @media (max-width: 767px) { .c-product-upsell--popup-container .c-product-upsell__footer { position: fixed; bottom: 0; padding-top: 5rem; height: 11rem; padding-bottom: 2rem; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(30.65%, #efefef)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #efefef 30.65%); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #efefef 30.65%) } } .c-product-upsell--popup-container .c-product-upsell__header--content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (min-width: 768px) { .c-product-upsell--popup-container .c-product-upsell__header--content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 1.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .c-product-upsell--popup-container .c-product-upsell__reviews { margin-left: 0; color: #222 } .c-product-upsell--popup-container .c-product-upsell__reviews svg path { fill: #FC364C } .c-product-upsell--popup-container .c-product-upsell__reviews .c-stars { color: #505050 } .c-product-upsell--popup-container .c-product-upsell__reviews span { color: #505050 } .c-product-upsell--popup-container .c-product-upsell__title { font-size: 2.6rem; line-height: 4rem } .c-product-upsell--popup-container .c-price__retail { font-size: 2rem; line-height: 3.2rem } @media (min-width: 768px) { .c-product-upsell--popup-container .c-price__retail { font-size: 2.6rem; line-height: 4rem; margin-left: 2rem } } .c-product-upsell--popup-container .c-product-upsell__close { width: 100%; height: auto; z-index: 15; position: fixed } @media (min-width: 768px) { .c-product-upsell--popup-container .c-product-upsell__close { z-index: 13; height: 100% } } .c-product-upsell--popup-container .c-product-upsell__cta { min-width: 33.4rem; height: 5rem; border-radius: 3px; padding: 1.5rem 5rem 1.5rem; font-weight: 800; font-size: 1.4rem; font-family: "Manrope", Arial, sans-serif; line-height: 1.9rem; letter-spacing: 0.1em; background-color: #EFEFEF; color: #222 } @media (min-width: 768px) { .c-product-upsell--popup-container .c-product-upsell__cta { min-width: 43.4rem } } .c-product-upsell--popup-container .c-product-upsell__cta:hover { background-color: #222; color: #fff } .c-product-upsell--popup-container .c-product-upsell__cta:hover .c-price__retail { color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s } .c-product-upsell--popup-container .c-product-upsell__cta.active { background-color: #222 } .c-product-upsell--popup-container .c-product-upsell__cta.active .c-price { display: none } .c-product-upsell--popup-container .c-product-upsell__cta .c-price__retail { font-size: 1.4rem; margin-left: 0.4rem; line-height: 1.9rem; letter-spacing: 0.1em; font-weight: 800; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s } .c-product-upsell--popup-container .c-product-upsell__benefits { margin-bottom: 3rem } @media (max-width: 767px) { .c-product-upsell--popup-container .c-product-upsell__benefits { padding-bottom: 4rem } } .c-product-upsell--popup-container .c-product-upsell__benefits li { position: relative; padding-left: 2rem; margin-bottom: 0.5rem; color: #505050 } .c-product-upsell--popup-container .c-product-upsell__benefits li:before { content: "L"; position: absolute; top: -2px; left: 0; font-weight: 600; -webkit-transform: scale(-1, 1) rotate(-45deg); -ms-transform: scale(-1, 1) rotate(-45deg); transform: scale(-1, 1) rotate(-45deg); color: #FC364C } .c-product-upsell--popup-container .c-product-upsell__benefits h4 { margin-bottom: 1.5rem } .c-benefit { position: relative } .c-benefit__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (min-width: 768px) { .c-benefit__wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .c-benefit__wrapper .c-image { width: 100%; max-width: 56rem; margin-bottom: 2rem; max-height: 36rem } @media (min-width: 768px) { .c-benefit__wrapper .c-image { margin-right: 6rem; margin-bottom: 0rem } } .c-benefit__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: unset } .c-benefit__content h3 { margin-bottom: 2rem } @media (min-width: 768px) { .c-benefit__content h3 { margin-right: 4rem; margin-bottom: 2.7rem } } .c-benefit__content p { max-width: 38rem; width: 100%; margin-bottom: 2rem } @media (min-width: 768px) { .c-benefit__content p { margin-bottom: 0; padding-bottom: 6rem } } .c-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .c-price__list { font-family: Manrope, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ letter-spacing: 0.28px; margin-right: 4px; position: relative; } .c-price__list:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 1px; background-color: currentColor; } .c-video-iframe { position: relative } .c-video-iframe__poster-wrapper { position: relative; z-index: 3; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s } .c-video-iframe__poster-wrapper.active { visibility: hidden; opacity: 0 } .c-video-iframe__play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 4rem } @media (min-width: 768px) { .c-video-iframe__play { width: 8rem } } .c-video-iframe__play svg { width: 100% } .c-video-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2 } .c-video-iframe__message { display: none } .c-video-iframe__message.message-active { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 1.6rem; color: #505050 } @media (min-width: 768px) { .c-client .c-image { height: 50px; } } .c-client .c-image__image { height: 50px; -o-object-fit: contain; object-fit: contain } @media (min-width: 768px) { .c-client .c-image__image { margin: 0 auto; height: 50px; } } .c-store-popup-trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ccc } .c-store-popup-trigger svg { width: 20px; height: 20px; } .c-store-popup-trigger__text { text-decoration: underline; margin-left: 10px } .c-icon-bar { margin-right: 1.7rem; text-align: center } @media (min-width: 768px) { .c-icon-bar { margin-right: 10rem } } .c-icon-bar:last-of-type { margin-right: 0 } .c-icon-bar .c-image { max-width: 4rem; height: 4rem; margin: 0 auto; margin-bottom: 1rem } @media (min-width: 768px) { .c-icon-bar .c-image { max-width: 6rem; height: 6rem } } @media (min-width: 768px) { .c-icon-bar__text.mobile { display: none } } @media (max-width: 767px) { .c-icon-bar__text.desktop { display: none } } @media (min-width: 768px) { .c-icon-bar__text.mobile { display: none } } @media (max-width: 767px) { .c-icon-bar__text.desktop { display: none } } .c-cookies-bar { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 20; padding: 1.7rem 1.8rem; background-color: #222; visibility: hidden; opacity: 0; -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } @media (min-width: 768px) { .c-cookies-bar { padding-top: .9rem; padding-bottom: .9rem } } .c-cookies-bar.active { visibility: visible; opacity: 1 } .c-cookies-bar__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1440px; height: 100%; margin: 0 auto } @media (min-width: 768px) { .c-cookies-bar__body { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .c-cookies-bar__description { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.3rem; line-height: 1.9rem; letter-spacing: 0.03em; color: #fff } @media (max-width: 767px) { .c-cookies-bar__description { text-align: center; margin-bottom: 1.5rem } } .c-cookies-bar__action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 768px) { .c-cookies-bar__action { margin-left: auto } } .c-cookies-bar__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-weight: 800; font-size: 1.1rem; line-height: 1.5rem; letter-spacing: 0.1em; text-transform: uppercase; color: #fff; background-color: #222; border-radius: .3rem; border: 1px solid #fff; padding: 0 1rem; min-height: 2.8rem; -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } .c-cookies-bar__button:not(:last-child) { margin-right: 1rem } .c-cookies-bar__button--accept { border-color: #222; background-color: #fff; color: #222 } .c-cookies-bar__button--accept:hover { background-color: #EFEFEF } .c-select { width: 100%; padding: 0 20px 0; border-radius: 10px; height: 60px; background: var(--Black, #222); border: 0 solid; color: #fff; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position-x: calc(100% - 20px); background-position-y: center; background-size: 14px; cursor: pointer; margin-bottom: 60px; outline: none } @media (min-width: 768px) { .c-select { max-width: 324px; } } .blog-section { padding-top: 40px } .blog-section .container { display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width: 768px) { .blog-section .container { display: grid; grid-template-columns:repeat(3, 1fr); grid-gap: 7rem; margin-bottom: 5rem } } .c-close-modal { position: absolute; z-index: 1; top: 2rem; right: 2rem; width: 4rem; height: 4rem } @media (min-width: 1024px) { .c-close-modal { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } .c-close-modal svg path { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } } @media (min-width: 1024px) { .c-close-modal:hover { color: #FC364C; fill: #FC364C } } @media (min-width: 1024px) { .c-close-modal:active { color: #FC364C; fill: #FC364C } } .c-close-modal svg { width: 100%; height: 100% } .c-benefit-icon { text-align: center; margin-bottom: 4.3rem } .c-benefit-icon:last-of-type { margin-bottom: 0 } @media (min-width: 768px) { .c-benefit-icon { margin-bottom: 0; margin-right: 10rem } .c-benefit-icon:last-of-type { margin-right: 0 } } .c-benefit-icon .c-image { max-width: 6rem; width: 100%; height: 6rem; margin: 0 auto; margin-bottom: 1.3rem } .c-benefit-icon .c-image img { -o-object-fit: cover; object-fit: cover; height: 100% } @media (min-width: 768px) { .c-benefit-icon .c-image { margin-bottom: 2rem } } .c-benefit-icon__text { margin-bottom: 0.6rem } @media (min-width: 768px) { .c-benefit-icon__text { margin-bottom: 2rem } } .c-article { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center } @media (min-width: 768px) { .c-article { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: left } } .c-article__content { max-width: 47.5rem; width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } @media (min-width: 768px) { .c-article__content { margin-right: 9rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } .c-article__content h2 { font-weight: 600; font-size: 2.6rem; line-height: 4rem; margin-bottom: 2.3rem; padding-right: 6rem; text-align: left } @media (min-width: 768px) { .c-article__content h2 { font-size: 2.8rem; margin-bottom: 3.5rem; padding: 0; padding-right: 3rem } } .c-article__content p { margin-bottom: 3.3rem; text-align: left } @media (min-width: 768px) { .c-article__content p { margin-bottom: 5.5rem } } .c-article__media { max-width: 55.6rem; width: 100%; margin-bottom: 3rem } @media (min-width: 768px) { .c-article__media { margin-bottom: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } } @media (min-width: 768px) { .c-article:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } } .c-article:nth-child(even) .c-article__content { margin-right: 0 } @media (min-width: 768px) { .c-article:nth-child(even) .c-article__media { margin-right: 12rem } } .c-timeline__line { background: #D4D4D4; width: 1px; position: relative; justify-self: start } @media (min-width: 768px) { .c-timeline__line { height: 100%; position: absolute; left: 0; right: 0; margin: 0 auto } } .c-timeline__innerline { position: absolute; background: #FC364C; width: 1px; height: 0%; top: 0%; left: 0%; -webkit-transition: 1s linear; -o-transition: 1s linear; transition: 1s linear } .c-timeline__point { border: 1px solid #D4D4D4; position: absolute; border-radius: 50%; background: #fff; top: 0; left: -4rem; bottom: 0; content: ""; width: 1.4rem; height: 1.4rem; margin: auto } @media (min-width: 768px) { .c-timeline__point { left: -6.7rem } } @media (max-width: 767px) { .icon-interstitial__wrapper { width: 100% } } .icon-interstitial__icon-list { list-style: none; padding: 30px 0; margin: 0 auto } @media (min-width: 768px) { .icon-interstitial__icon-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 70px 0 } } .icon-interstitial__icon-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (max-width: 767px) { .icon-interstitial__icon-wrapper { width: 60%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: auto; margin-right: auto } } @media (min-width: 768px) { .icon-interstitial__icon-wrapper { padding: 0 30px } } @media (max-width: 767px) { .icon-interstitial__icon-wrapper:not(:last-child) { margin-bottom: 40px } } .icon-interstitial__icon { max-width: 50px; margin-right: 10px } .icon-interstitial__icon-text { font-size: 1.5rem; font-weight: 600 } @media (max-width: 767px) { .two-image-interstitial .l { padding-right: 20px !important } } .two-image-interstitial__image-list { width: 100% } @media (min-width: 768px) { .two-image-interstitial__image-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap } } .two-image-interstitial__image { width: 100% } @media (min-width: 768px) { .two-image-interstitial__image { max-width: 370px; margin: 0 10px } } .three-image-interstitial { background-color: #f8f8f8 !important } @media (max-width: 767px) { .three-image-interstitial div.l { padding-right: 20px } } @media (min-width: 768px) { .three-image-interstitial__image-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .three-image-interstitial__image { width: 100% } @media (max-width: 767px) { .three-image-interstitial__image:not(:last-child) { margin-bottom: 28px } } @media (min-width: 768px) { .three-image-interstitial__image { max-width: 350px; padding: 0 14px } } .c-cart { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s; opacity: 0; visibility: hidden } .c-cart.active { opacity: 1; visibility: visible } .c-cart.active .c-cart__body { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%) } .c-cart__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0.2) } .c-cart__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 2; height: 100%; background-color: #fff; width: 100%; padding: 1rem 2rem 0; -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%) } @media (min-width: 768px) { .c-cart__body { width: 47.3rem } } .c-cart-header { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #FC364C; padding-bottom: 1rem; margin-bottom: 4rem } .c-cart-header__title { font-size: 2.6rem; line-height: 4.0rem; font-weight: 500; color: #222 } .c-cart-header__close { margin-left: auto } @media (min-width: 1024px) { .c-cart-header__close { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } .c-cart-header__close svg path { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } } @media (min-width: 1024px) { .c-cart-header__close:hover { color: #FC364C; fill: #FC364C } } @media (min-width: 1024px) { .c-cart-header__close:active { color: #FC364C; fill: #FC364C } } .c-cart-header__close svg { width: 1.4rem; height: 1.4rem } @media (min-width: 768px) { .c-cart-header__close svg { width: 1.8rem; height: 1.8rem } } .c-cart-header__close svg path { stroke: #222 } .c-cart-items { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow-y: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 -2rem 2rem 0; padding-right: 2rem } .c-cart-items::-webkit-scrollbar { width: 2px; height: 2px } .c-cart-items::-webkit-scrollbar-track { background: #D4D4D4 } .c-cart-items::-webkit-scrollbar-thumb { background: #222 } .c-cart-items__added { margin-bottom: 2rem } .c-cart-items__recommended-title { margin-bottom: 1rem } .c-cart-item { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #D4D4D4; padding-bottom: 2rem; margin-bottom: 2rem } .c-cart-item:last-of-type { margin-bottom: 0 } .c-cart-item--upsell { border-bottom: none; padding: 1rem; background-color: #F8F8F8 } @media (min-width: 768px) { .c-cart-item--upsell { padding: 1.5rem 2rem } } .c-cart-item--upsell .c-cart-item__content { padding: .5rem 0 } .c-cart-item__media { width: 8rem; height: 8rem; margin-right: 2rem } @media (min-width: 1024px) { .c-cart-item__media { overflow: hidden } } @media (min-width: 1024px) { .c-cart-item__media img { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } } @media (min-width: 1024px) { .c-cart-item__media img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } } .c-cart-item__media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .c-cart-item__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .c-cart-item__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 1rem; margin-top: -.3rem } .c-cart-item__title { margin-right: 2rem } @media (min-width: 1024px) { .c-cart-item__title { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } .c-cart-item__title svg path { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } } @media (min-width: 1024px) { .c-cart-item__title:hover { color: #FC364C; fill: #FC364C } } @media (min-width: 1024px) { .c-cart-item__title:active { color: #FC364C; fill: #FC364C } } .c-cart-item__text { font-size: 1.6rem; line-height: 2.6rem; font-weight: 400; letter-spacing: 0.03em; color: #000 } .c-cart-item__close { margin-left: auto; margin-top: .7rem } @media (min-width: 1024px) { .c-cart-item__close { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } .c-cart-item__close svg path { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } } @media (min-width: 1024px) { .c-cart-item__close:hover { color: #FC364C; fill: #FC364C } } @media (min-width: 1024px) { .c-cart-item__close:active { color: #FC364C; fill: #FC364C } } .c-cart-item__close svg { width: 1.4rem; height: 1.4rem } .c-cart-item__close svg path { stroke: #8D8D8D } .c-cart-item__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: auto; margin-bottom: .5rem } .c-cart-item__counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; border: 1px solid #505050; border-radius: 3px; width: 8rem } @media (min-width: 768px) { .c-cart-item__counter { width: 6rem } } .c-cart-item__counter svg { width: .8rem; height: .8rem } .c-cart-item__quantity { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40%; color: #505050 } .c-cart-item__quantity-trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30% } @media (min-width: 1024px) { .c-cart-item__quantity-trigger { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } .c-cart-item__quantity-trigger svg path { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } } @media (min-width: 1024px) { .c-cart-item__quantity-trigger:hover { color: #FC364C; fill: #FC364C } } @media (min-width: 1024px) { .c-cart-item__quantity-trigger:active { color: #FC364C; fill: #FC364C } } .c-cart-item__quantity-trigger svg { width: .8rem; height: .8rem } .c-cart-item__quantity-trigger svg path { fill: #505050 } .c-cart-item__price { margin-left: auto } .c-cart-item__price .c-cart-item__discount-message { display: none } .c-cart-item__add { font-size: 1.4rem; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; color: #505050 } @media (min-width: 1024px) { .c-cart-item__add { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } .c-cart-item__add svg path { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } } @media (min-width: 1024px) { .c-cart-item__add:hover { color: #FC364C; fill: #FC364C } } @media (min-width: 1024px) { .c-cart-item__add:active { color: #FC364C; fill: #FC364C } } .c-cart-item__discount-message { display: block; font-size: 1.3rem; line-height: 1.9rem; letter-spacing: 0.03em; color: #8D8D8D } .c-cart-total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #222; padding: 1.25rem 2rem 2rem; margin: auto -2rem 0 } .c-cart-total__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 2rem; line-height: 3.2rem; font-weight: 600; color: #fff; margin-bottom: 1rem } .c-cart-total__reviews { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.3rem; line-height: 1.9rem; letter-spacing: 0.03em; color: #D4D4D4; margin-bottom: 1.5rem } .c-cart-total__reviews .c-stars { margin: 0 0.5rem } .c-cart-total__reviews .c-stars svg { width: 1rem; height: 1rem } .c-cart-total__reviews .c-stars svg path { stroke: #D4D4D4 } .c-cart-total__reviews .c-stars #star-full path { fill: #D4D4D4 } .c-cart-total .c-price { margin-left: 1rem } .c-cart-total .c-price__list { font-size: 1.6rem; line-height: 2.6rem; color: #fff } .c-cart-total .c-price__retail { font-size: 2rem; line-height: 3.2rem; font-weight: 600; color: #fff } .c-cart-empty { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 2rem; width: 100%; margin-bottom: 10rem } .c-cart-empty a { margin-top: 1rem; text-decoration: underline; font-size: 1.4rem } .c-cart-loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; visibility: hidden; opacity: 0 } .c-cart-loader.active { visibility: visible; opacity: 1 } .c-advertorial-author { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .c-advertorial-author .c-image { width: 5rem; height: 5rem; margin-bottom: 2.3rem } .c-advertorial-author__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 768px) { .c-advertorial-author__items { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .c-advertorial-author__name { margin-right: 2rem } @media (max-width: 767px) { .c-advertorial-author__name { margin-right: 0 } } .c-advertorial-author__item { color: #8D8D8D; font-size: 1.5rem; font-weight: 400; letter-spacing: 0.03em; line-height: 2.5rem } @media (max-width: 767px) { .loop-trust-animation { width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; z-index: 1; height: 6rem; overflow: hidden; position: absolute; top: 0; left: 0; max-width: unset } .loop-trust-animation__inner { height: 100%; line-height: 1; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-animation-name: loopText; -webkit-animation-duration: 20s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: loopText; -moz-animation-duration: 20s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -o-animation-name: loopText; -o-animation-duration: 20s; -o-animation-timing-function: linear; -o-animation-iteration-count: infinite; -ms-animation-name: loopText; -ms-animation-duration: 20s; -ms-animation-timing-function: linear; -ms-animation-iteration-count: infinite; animation-name: loopText; animation-duration: 20s; animation-timing-function: linear; animation-iteration-count: infinite } } .loop-trust-animation--secondary { width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; z-index: 1; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; max-width: unset } .loop-trust-animation--secondary .b-trust--primary__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .loop-trust-animation--secondary .loop-trust-animation__inner { height: 100%; line-height: 1; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-animation-name: loopText; -webkit-animation-duration: 40s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: loopText; -moz-animation-duration: 40s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -o-animation-name: loopText; -o-animation-duration: 40s; -o-animation-timing-function: linear; -o-animation-iteration-count: infinite; -ms-animation-name: loopText; -ms-animation-duration: 40s; -ms-animation-timing-function: linear; -ms-animation-iteration-count: infinite; animation-name: loopText; animation-duration: 40s; animation-timing-function: linear; animation-iteration-count: infinite } .loop-trust-animation--secondary .c-trust-icon__wrapper { margin-right: 0; padding: 0 2rem; max-height: 3rem } .loop-trust-animation--secondary .c-trust-icon__wrapper img { max-width: 20rem; width: unset; height: 2.4rem; -o-object-fit: contain; object-fit: contain } @media (min-width: 768px) { .loop-trust-animation--secondary .c-trust-icon__wrapper img { height: 3rem } } .b-header { position: -webkit-sticky; position: sticky; z-index: 12; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 5rem; background-color: #222; padding: 1rem 0; -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.57); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.57) } @media (min-width: 768px) { .b-header { height: 6rem } } .b-header.active .c-logo, .b-header.active .c-promo, .b-header.active .b-header__nav-toggle { position: relative; z-index: 13 } .b-header.active .c-logo svg path { fill: #222 } .b-header.active .b-header__nav-toggle svg path { stroke: #222 } .b-header.active .b-header__cart { position: relative; z-index: 13 } .b-header.active .b-header__cart svg circle { fill: #222 } .b-header.active .b-header__cart svg path { stroke: #222 } .b-header.active .c-navigation-primary { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; visibility: visible } .b-header.active .icon-hamburger { display: none } .b-header.active .icon-close { display: block } .b-header__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100% } .b-header .c-logo { width: 8.6rem } @media (min-width: 768px) { .b-header .c-logo { width: 11.8rem } } .b-header .c-logo svg { width: 100%; height: 100% } .b-header__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto } .b-header__cart { position: relative; width: 2.4rem; height: 2.4rem; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s } @media (min-width: 1024px) { .b-header__cart { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } .b-header__cart svg path { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } } @media (min-width: 1024px) { .b-header__cart:hover { color: #FC364C; fill: #FC364C } } @media (min-width: 1024px) { .b-header__cart:active { color: #FC364C; fill: #FC364C } } @media (min-width: 768px) { .b-header__cart { margin-left: 4rem } } .b-header__cart:hover svg path { stroke: #c4c4c4 } .b-header__cart:hover svg circle { fill: #c4c4c4 } .b-header__cart-count { position: absolute; top: -0.7rem; right: -0.7rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.2rem; font-weight: 500; width: 1.7rem; height: 1.7rem; border-radius: 50%; background-color: #FC364C; color: #fff; padding-right: 1px; } .b-header__cart-count.active { visibility: visible; opacity: 1 } .b-header__nav-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: 1px; margin-left: 2.4rem } @media (min-width: 768px) { .b-header__nav-toggle { display: none } } .b-header__nav-toggle .icon-hamburger { width: 2rem; height: 1.4rem } .b-header__nav-toggle .icon-close { display: none; width: 2rem; height: 1.3rem } .b-footer { background-color: #222; padding-top: 34px; padding-bottom: 34px; position: relative; overflow: hidden } @media (min-width: 768px) { .b-footer { padding-top: 44px; padding-bottom: 44px; } } .b-footer__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (min-width: 768px) { .b-footer__wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px } } .b-footer__copyright { color: #ccc; margin-top: 30px; } @media (min-width: 768px) { .b-footer__copyright { text-align: center; margin-top: 0; } } .b-footer__form { } @media (min-width: 768px) { .b-footer__form { margin-bottom: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 304px; max-width: calc(33.33% - 13.3333333333px); } } .b-footer__form h3 { margin-bottom: 20px } @media (min-width: 768px) { .b-footer__form h3 { margin-bottom: 20px } } .b-footer__form .success { color: #fff; font-size: 1.4rem; margin-top: 1rem } .b-footer__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 14px; } @media (min-width: 768px) { .b-footer__social { margin-bottom: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } } .b-footer__social a { display: flex; } .b-footer__social h3 { } @media (min-width: 1024px) { .b-footer__social a { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } .b-footer__social a svg path { -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } } @media (min-width: 1024px) { .b-footer__social a:hover { color: #FC364C; fill: #FC364C } } @media (min-width: 1024px) { .b-footer__social a:active { color: #FC364C; fill: #FC364C } } .b-footer__social svg { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s } .b-footer__social svg path { fill: #fff } .b-footer__social svg:hover path { fill: #FC364C } .b-footer__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } @media (min-width: 768px) { .b-footer__info { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 304px; max-width: calc(33.33% - 13.3333333333px); gap: 40px; } } .b-footer__info-mail { } @media (min-width: 768px) { .b-footer__info-mail { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .b-footer__info-mail a{ color:#fff; } .b-footer__info-mail h3 { margin-bottom: 0 } .b-footer__logo { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .b-footer__logo svg { width: 160px; height: 32px; } @media (min-width: 768px) { .b-footer__logo { } } .b-footer__logo svg path { width: 14.9rem } .b-footer__media { display: none } @media (min-width: 768px) { .b-footer__media { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); right: 0; left: auto; position: absolute; bottom: 0; display: block } } .b-footer__mobile { position: absolute; right: 0; bottom: 0 } @media (min-width: 768px) { .b-footer__mobile { display: none } } @media (min-width: 768px) { .b-footer .c-store-popup-trigger { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } } .b-pdp-sticky-cta { position: fixed; bottom: 0; transform: translateY(100%); left: 0; width: 100%; z-index: 110000; height: auto; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #222; padding: 20px 0; -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } @media (max-width: 767px) { .b-pdp-sticky-cta { display: none } } .b-pdp-sticky-cta.active { bottom: 0; transform: translateY(0); } .b-pdp-sticky-cta__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } @media (min-width: 768px) { .b-pdp-sticky-cta .trigger-add-to-cart{ width:304px; } } .b-pdp-sticky-cta__column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .b-pdp-sticky-cta__column:first-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .b-pdp-sticky-cta__column:last-child { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .b-pdp-sticky-cta__title { color: #fff } .b-pdp-sticky-cta__price { color: #fff; margin-left: 4rem } .b-reviews { padding: var(--lsg-section-padding-top-m, 60px) 0 var(--lsg-section-padding-bottom-m, 60px); background-color: #F8F8F8 } @media (min-width: 768px) { .b-reviews { padding: var(--lsg-section-padding-top-d, 96px) 0 var(--lsg-section-padding-bottom-d, 160px) } } .b-reviews .stamped-fa-star { color: #FC364C } .b-compare-table { margin: 0 auto } .b-compare-table-wrap { padding: 5.5rem 0 } @media (min-width: 1024px) { .b-compare-table-wrap { padding: 7.5rem 0 } } .b-compare-table__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .b-compare-table__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; color: #222; width: 100%; position: relative; margin-bottom: 6rem; font-size: 1.6rem } @media (min-width: 768px) { .b-compare-table__wrapper { font-size: 1.6rem } } @media (min-width: 1024px) { .b-compare-table__wrapper { margin-bottom: 6rem; width: auto; margin: 0 auto } } .b-compare-table .table-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin-bottom: 3rem } @media (min-width: 1024px) { .b-compare-table .table-tabs { display: none } } .b-compare-table .table-tabs .table-tab { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 1rem; text-align: center; font-size: 1.2rem } .b-compare-table .table-tabs .table-tab:first-of-type { padding-top: 1.8rem } .b-compare-table .table-tabs .table-tab::after { display: block; width: 100%; content: ""; position: absolute; bottom: 0; left: 0; height: 1px; background-color: #222 } .b-compare-table .table-tabs .table-tab.active::after { height: 3px; bottom: -1px } .b-compare-table .zone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .b-compare-table .fixed-zone .col { margin-top: 8rem; border: 1px solid #222; border-right: none; overflow: hidden; width: 16.5rem } @media (min-width: 1024px) { .b-compare-table .fixed-zone .col { width: 23.4rem } } .b-compare-table .fixed-zone .col:nth-child(1) .cell { font-weight: 500; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; font-size: 1.4rem; line-height: 2rem } @media (min-width: 1024px) { .b-compare-table .fixed-zone .col:nth-child(1) .cell { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .b-compare-table .fixed-zone .col:nth-child(2) { margin-top: 0; -webkit-box-shadow: 0px 4px 64px 10px #96C1D8; box-shadow: 0px 4px 64px 10px #96C1D8; overflow: hidden; border: 0; width: 8.6rem } @media (min-width: 1024px) { .b-compare-table .fixed-zone .col:nth-child(2) { width: 17.7rem } } .b-compare-table .fixed-zone .col:nth-child(2) .cell { background-color: #fff; border-bottom: 0; font-size: 1.4rem; line-height: 2rem } .b-compare-table .fixed-zone .col:nth-child(2) .cell:first-of-type { height: 8rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; padding: 0 1rem } .b-compare-table .fixed-zone .col:nth-child(2) .cell:first-of-type p { text-align: center; font-weight: 500 } .b-compare-table .fixed-zone .col:nth-child(2) .cell:last-of-type { height: 8rem } .b-compare-table .fixed-zone .col:nth-child(2) .logo { display: block; margin-bottom: 2.4rem } @media (min-width: 1024px) { .b-compare-table .fixed-zone .col:nth-child(2) .logo { margin-bottom: 2.4rem } } .b-compare-table .fixed-zone .col:nth-child(2) .logo svg { width: 7rem } @media (min-width: 1024px) { .b-compare-table .fixed-zone .col:nth-child(2) .logo svg { width: 10.4rem } } .b-compare-table .scroll-zone { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: 1rem; border: 0; border-left: none; padding-top: 7rem } @media (min-width: 1024px) { .b-compare-table .scroll-zone { overflow-x: hidden; padding-top: 0; border-top: 1px solid #222; border-bottom: 1px solid #222; border-right: 1px solid #222 } } .b-compare-table .scroll-zone .col { display: none; width: 8.4rem; border-top: 1px solid #222; border-right: 1px solid #222; border-bottom: 1px solid #222 } @media (min-width: 1024px) { .b-compare-table .scroll-zone .col { display: block; min-width: 18.1rem; width: 23.4rem } } .b-compare-table .scroll-zone .col.active { display: block } .b-compare-table .scroll-zone .col.active:last-of-type { border-top: 1px solid #222; border-right: 1px solid #222; border-bottom: 1px solid #222 } @media (min-width: 1024px) { .b-compare-table .scroll-zone .col { border-top: 0; border-bottom: 0; border-left: 0 } } .b-compare-table .scroll-zone .col:last-of-type { border-right: none; border: 0 } .b-compare-table .scroll-zone .col .cell { font-size: 1.6rem; line-height: 2.8rem; padding: 0 1.7rem } .b-compare-table .scroll-zone .col .cell:first-of-type { background-color: #fff; display: none } @media (min-width: 1024px) { .b-compare-table .scroll-zone .col .cell:first-of-type { display: -webkit-box; display: -ms-flexbox; display: flex } } .b-compare-table .scroll-zone .col .cell:first-of-type p { text-align: center } .b-compare-table .col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap } .b-compare-table .cell { font: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #222; padding: 0 0.8rem; height: 7rem } @media (min-width: 1024px) { .b-compare-table .cell { padding: 0 2.7rem } } .b-compare-table .cell:last-of-type { border-bottom: none } .b-compare-table .cell span { font-size: 1.8rem } .b-compare-table .cell p { text-align: left } .b-compare-table .circle { width: 4.5rem; height: 4.5rem; background: #222; border: 1px solid #222; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; font-size: 1.8rem } .b-compare-table .circle.green { background: #222 } .b-wysiwyg { max-width: 1060px; margin: auto } @media (min-width: 1024px) { .b-wysiwyg { padding: 0; } .b-wysiwyg > *:last-child { margin-bottom: 0; } } .b-wysiwyg h1, .b-wysiwyg h2, .b-wysiwyg h3, .b-wysiwyg h4, .b-wysiwyg h5, .b-wysiwyg h6 { margin-bottom: 24px } .b-wysiwyg figure img { margin-bottom: 1.5em } .b-wysiwyg figure figcaption { margin-bottom: 1.5em } .b-wysiwyg figcaption { font-size: 1.6rem; line-height: 2rem; margin-bottom: 1.5em } @media (min-width: 768px) { .b-wysiwyg figcaption { font-size: 1.8rem } } @media (min-width: 768px) { .b-wysiwyg figcaption { line-height: 2.4rem } } .b-wysiwyg img { max-width: 100%; margin: 53px auto 55px; -o-object-fit: cover; object-fit: cover; border-radius: 10px } .b-wysiwyg p { margin-bottom: 1.5em; } .b-wysiwyg p:empty { margin-bottom: 0; height: 0 } .b-wysiwyg strong, .b-wysiwyg b { font-weight: 700 } .b-wysiwyg em, .b-wysiwyg i { font-style: italic } .b-wysiwyg a { -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #FC364C; text-decoration: underline } .b-wysiwyg a:hover { opacity: 0.7 } .b-wysiwyg ul, .b-wysiwyg ol { padding-left: 24px; margin-bottom: 1.5em; } .b-wysiwyg ul li, .b-wysiwyg ol li { margin-bottom: 0 } @media (min-width: 1024px) { .b-wysiwyg ul li, .b-wysiwyg ol li { margin-bottom: 0 } } .b-wysiwyg ul { list-style-type: disc } .b-wysiwyg ul ul { margin-top: 0; list-style-type: circle; } .b-wysiwyg ol { list-style-type: decimal } .b-wysiwyg ol ol { margin-top: 0; list-style-type: lower-alpha; margin-bottom: 0 } .b-wysiwyg ol li p { margin-bottom: 1.5rem } .b-wysiwyg blockquote, .b-wysiwyg q { border-left: 5px solid #222; padding-left: 1.7rem; margin-bottom: 1.5em } @media (min-width: 1024px) { .b-wysiwyg blockquote, .b-wysiwyg q { padding-left: 2rem } } .b-wysiwyg blockquote p, .b-wysiwyg q p { font: inherit; margin: 0 } .b-wysiwyg hr { border-top: 1px solid #222; width: 100%; margin: 1.5em 0 } .b-wysiwyg table { display: block; overflow-x: auto; border-collapse: collapse; margin: auto; margin-bottom: 1.5em; text-align: center; width: 100%; height: auto } .b-wysiwyg table td, .b-wysiwyg table th { padding: 10px; border: 1px solid #222; text-align: center; vertical-align: middle } .b-wysiwyg table td p, .b-wysiwyg table th p { margin-bottom: 0 } .b-wysiwyg table th:last-child, .b-wysiwyg table tr:first-of-type td:last-child { border-right: 1px solid #222 } .b-wysiwyg iframe { display: block; max-width: 100%; margin: 53px auto 55px; border-radius: 10px; } .b-wysiwyg > *:last-child { margin-bottom: 0; } .b-wysiwyg > *:first-child { margin-top: 0; } .b-wysiwyg__disclamer { font-weight: 500 !important; font-size: 1.3rem !important; line-height: 2.8rem !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: #FC364C !important; margin-bottom: .5rem !important; text-align: center !important } .shopify-policy__container { max-width: 1060px; margin: auto } @media (min-width: 1024px) { .shopify-policy__container { padding: 0 } } .shopify-policy__container h1, .shopify-policy__container h2, .shopify-policy__container h3, .shopify-policy__container h4, .shopify-policy__container h5, .shopify-policy__container h6 { margin-bottom: 24px } .shopify-policy__container figure img { margin-bottom: 1.5em } .shopify-policy__container figure figcaption { margin-bottom: 1.5em } .shopify-policy__container figcaption { margin-bottom: 1.5em } .shopify-policy__container img { max-width: 100%; margin: 0 auto; margin-bottom: 1.5em } .shopify-policy__container p { margin-bottom: 1.5em; } .shopify-policy__container p:empty { margin-bottom: 0; height: 0 } .shopify-policy__container strong, .shopify-policy__container b { font-weight: 700 } .shopify-policy__container em, .shopify-policy__container i { font-style: italic } .shopify-policy__container a { -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #FC364C; text-decoration: underline } .shopify-policy__container a:hover { opacity: 0.7 } .shopify-policy__container ul, .shopify-policy__container ol { padding-left: 24px; margin-bottom: 1.5em } .shopify-policy__container ul li, .shopify-policy__container ol li { margin-bottom: 0 } @media (min-width: 1024px) { .shopify-policy__container ul li, .shopify-policy__container ol li { margin-bottom: 0 } } .shopify-policy__container ul { list-style-type: disc } .shopify-policy__container ul ul { margin-top: 0.6rem; list-style-type: circle } .shopify-policy__container ol ol, .shopify-policy__container ul ol, .shopify-policy__container ol ul, .shopify-policy__container ul ul { padding-left: 48px } .shopify-policy__container ol { list-style-type: decimal } .shopify-policy__container ol ol { margin-top: 0; list-style-type: lower-alpha } .shopify-policy__container blockquote, .shopify-policy__container q { border-left: 5px solid #222; padding-left: 1.7rem; margin-bottom: 1.5em } @media (min-width: 1024px) { .shopify-policy__container blockquote, .shopify-policy__container q { padding-left: 2rem } } .shopify-policy__container blockquote p, .shopify-policy__container q p { font: inherit; margin: 0 } .shopify-policy__container hr { border-top: 1px solid #222; width: 100%; margin: 1.5em 0 } .shopify-policy__container table { display: block; overflow-x: auto; border-collapse: collapse; margin: auto; margin-bottom: 1.5em; text-align: center; width: 100%; height: auto } .shopify-policy__container table td, .shopify-policy__container table th { padding: 10px; border: 1px solid #222; text-align: center; vertical-align: middle } .shopify-policy__container table td p, .shopify-policy__container table th p { margin-bottom: 0 } .shopify-policy__container table th:last-child, .shopify-policy__container table tr:first-of-type td:last-child { border-right: 1px solid #222 } .shopify-policy__container iframe { display: block; max-width: 100%; margin: 0 auto } .b-form { position: relative } @media (min-width: 768px) { .b-form { min-width: 37rem } } .b-form form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .b-form form input[type="email"] { border: none; border-bottom: 1px solid #fff; color: #B4B4B4; background-color: transparent; width: 100%; padding-bottom: 1.5rem; outline: none; font-size: 1.5rem; font-family: "Manrope", Arial, sans-serif } .b-form__input { position: absolute; right: 0; max-width: 4.2rem } .b-form__input input { border: none; width: 4.2rem; height: 100%; cursor: pointer; background: transparent } .b-form__input svg { position: absolute; right: 0rem; top: 0rem; cursor: pointer } .b-form--contact { max-width: 628px; margin: 50px auto 0; } .b-white-section { padding-top: 6rem; padding-bottom: 6rem; background-size: 777px; background-repeat: no-repeat; background-position-x: 0; background-position-y: 41% } @media (min-width: 768px) { .b-white-section { padding-top: 7rem; padding-bottom: 7rem; background-size: contain; background-position: center } } @media (max-width: 767px) { } .b-benefit-tabs { padding: 6rem 0 4.5rem; position: relative } @media (min-width: 768px) { .b-benefit-tabs { padding: 7rem 0 6rem } } .b-benefit-tabs:after { position: absolute; content: ""; background-image: url('vawe-secondary.png'); width: 100%; height: 27rem; background-repeat: no-repeat; background-size: 77.7rem; background-position-x: -14rem; bottom: 0rem; z-index: 1 } @media (min-width: 768px) { .b-benefit-tabs:after { background-size: contain; bottom: -37rem; height: 100%; background-position-x: unset } } .b-benefit-tabs--secondary { background-image: none } .b-benefit-tabs--secondary .b-benefit-tabs__body { position: relative } .b-benefit-tabs--secondary .b-benefit-tabs__nav { overflow: auto; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } @media (min-width: 768px) { .b-benefit-tabs--secondary .b-benefit-tabs__nav-wrapper { width: 41.9rem } } .b-benefit-tabs--secondary .b-benefit-tabs__tab { padding: 0 2rem 0.6rem 2rem; margin-right: 1.5rem; white-space: nowrap; font-size: 1.3rem } @media (max-width: 767px) { .b-benefit-tabs--secondary .b-benefit-tabs__tab { padding: 0 0.3rem 0.3rem .6rem; margin-right: 2rem } } .b-benefit-tabs--secondary .b-benefit-tabs__panels { margin-bottom: 0rem } .b-benefit-tabs--secondary::after { display: none } .b-benefit-tabs__body { z-index: 2; position: relative } @media (max-width: 767px) { .b-benefit-tabs__body { padding-top: 23.5rem } } @media (min-width: 768px) { .b-benefit-tabs__body { padding: 0 2.2% } } .b-benefit-tabs__nav { display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 767px) { .b-benefit-tabs__nav { overflow: auto; margin: 0 0 1rem 0; padding-bottom: 2rem } } @media (min-width: 768px) { .b-benefit-tabs__nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 4rem } } .b-benefit-tabs__nav-wrapper { position: relative } .b-benefit-tabs__nav-wrapper:after { content: ""; width: 5.2rem; height: 2.2rem; position: absolute; top: 0; right: -2rem; background: -webkit-gradient(linear, right top, left top, color-stop(38.02%, #fff), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(right, #fff 38.02%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(270deg, #fff 38.02%, rgba(255, 255, 255, 0) 100%) } @media (min-width: 768px) { .b-benefit-tabs__nav-wrapper:after { display: none } } .b-benefit-tabs .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100% } .b-benefit-tabs__tab { font-weight: 400; font-size: 1.5rem; line-height: 2.5rem; text-align: center; letter-spacing: 0.03em; color: #505050; border-bottom: 1px solid transparent; font-family: "Manrope", Arial, sans-serif; letter-spacing: 0.03em; -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } @media (max-width: 767px) { .b-benefit-tabs__tab { white-space: nowrap; margin-right: 2rem; padding-bottom: 0.6rem } } @media (min-width: 768px) { .b-benefit-tabs__tab { padding: 0.6rem 2rem; margin-right: 2.2rem } .b-benefit-tabs__tab:last-of-type { margin-right: 0 } } .b-benefit-tabs__tab:hover { color: #FC364C } .b-benefit-tabs__tab.active { color: #FC364C; border-color: #FC364C } .b-benefit-tabs__panels { margin-bottom: 3rem } @media (min-width: 768px) { .b-benefit-tabs__panels { margin-bottom: 8rem } } .b-benefit-tabs-panel { display: none } .b-benefit-tabs-panel.active { display: -webkit-box; display: -ms-flexbox; display: flex } @media (max-width: 767px) { .b-benefit-tabs-panel .c-image { position: absolute; top: 0; left: 0; width: 100% } } @media (min-width: 768px) { .b-benefit-tabs-panel .c-image img { min-height: 36rem } } @media (max-width: 767px) { .b-benefit-tabs-panel .c-image img { -o-object-fit: cover; object-fit: cover; max-height: 20rem } } @media (min-width: 768px) { .b-benefit-tabs-panel .c-image { width: 60rem; margin-right: 6.1rem } } @media (min-width: 768px) { .b-benefit-tabs-panel__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: -1rem } } .b-benefit-tabs-panel .c-title { font-weight: 500; font-size: 2rem; margin-bottom: 1.1rem; color: #505050 } @media (min-width: 768px) { .b-benefit-tabs-panel .c-title { font-size: 2.4rem; margin-bottom: 2rem } } .b-benefit-tabs-panel .c-text { margin-bottom: 1.5rem } @media (min-width: 768px) { .b-benefit-tabs-panel .c-text { margin-bottom: 3rem } } .b-benefit-tabs-panel .c-text:last-child { margin-bottom: 0 } .b-benefit-tabs-panel .c-text * { font-size: inherit; line-height: inherit; color: inherit } .b-benefit-tabs-panel .c-text ul li { position: relative; padding-left: 2.5rem; font-weight: 600 } .b-benefit-tabs-panel .c-text ul li:before { content: ""; position: absolute; left: 1rem; top: 1.1rem; border-radius: 50%; background-color: #505050; width: 4px; height: 4px } .b-benefit-tabs__icons { display: grid } @media (max-width: 767px) { .b-benefit-tabs__icons { grid-template-columns:repeat(2, 1fr); grid-gap: 3.7rem 0 } } @media (min-width: 768px) { .b-benefit-tabs__icons { grid-template-columns:repeat(6, 1fr); grid-gap: 2rem } } .b-benefit-tabs__icon-widget { text-align: center; -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } @media (max-width: 767px) { .b-benefit-tabs__icon-widget { padding: 0 1rem } } .b-benefit-tabs__icon-widget.active { color: #FC364C } .b-benefit-tabs__icon-widget.active .c-image { -webkit-filter: grayscale(0); filter: grayscale(0) } .b-benefit-tabs__icon-widget.active .c-text { color: #FC364C } .b-benefit-tabs__icon-widget .c-image { width: 6rem; margin: 0 auto 1rem; -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } .b-benefit-tabs__icon-widget .c-text { font-weight: 600; color: #222; -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s } .b-ambassador-about { padding: 6rem 0; background-image: url('vawe-primary.png'); background-size: 800px; background-position-y: 35.7%; background-position-x: 50%; background-repeat: no-repeat } @media (min-width: 768px) { .b-ambassador-about { padding: 8.4rem 0; background-position-y: 45%; background-size: contain } } .b-ambassador-about__quote-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 2rem } @media (min-width: 768px) { .b-ambassador-about__quote-wrapper { padding-bottom: 4rem } } .b-ambassador-about__quote { color: #505050; font-weight: 600; font-size: 2rem; line-height: 3.2rem; text-align: center; margin-bottom: 4.2rem; width: 33.5rem } @media (min-width: 768px) { .b-ambassador-about__quote { width: 60rem; margin-bottom: 3rem } } .b-ambassador-about .c-video-iframe { width: 100% } .b-ambassador-about__title { color: #222; font-weight: 500; font-size: 2.4rem; line-height: 4rem; margin-bottom: 5rem } @media (min-width: 768px) { .b-ambassador-about__title { margin-bottom: 6rem } } .b-ambassador-about__description { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (min-width: 768px) { .b-ambassador-about__description { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } .b-ambassador-about__category { margin-bottom: 1rem } @media (min-width: 768px) { .b-ambassador-about__category { margin-bottom: 3rem } } .b-ambassador-about__category h3 { font-weight: 500; font-size: 1.3rem; line-height: 2.8rem; color: #FC364C } @media (min-width: 768px) { .b-ambassador-about__category h3 { margin-bottom: 1rem } } .b-ambassador-about__category h2 { color: #222; font-weight: 500; font-size: 2.4rem; line-height: 4rem } .b-ambassador-about__text-container { width: 33.5rem } @media (min-width: 768px) { .b-ambassador-about__text-container { width: 60rem } } .b-icon-bar { padding-top: 2.5rem; padding-bottom: 3.5rem; background: #EFEFEF } @media (min-width: 768px) { .b-icon-bar { padding-bottom: 4.5rem; padding-top: 4rem } } .b-icon-bar__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } @media (min-width: 768px) { .b-icon-bar__wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .b-404 { padding-top: 60px; padding-bottom: 60px; background-position: center; background-size: 777px; background-repeat: no-repeat; text-align: center; background-color: #F8F8F8; background-image: url('vawe-primary.png'); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 391px } .b-404 .c-heading { gap: 22px } .b-404 .lsg-button { margin: 10px auto 0; } @media (min-width: 768px) { .b-404 { padding-top: 100px; padding-bottom: 100px; background-size: cover; min-height: 531px; background-position-y: -2rem } } .shopify-challenge__container { padding: 10rem 0; min-height: 60vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .shopify-challenge__message { font-size: 1.6rem; margin-bottom: 5rem } .shopify-challenge__button { margin: 5rem auto 0 auto !important; background-color: #FC364C; border-color: #FC364C; color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.4rem; line-height: 1.9rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; min-height: 5rem; border-radius: 3px; border: 1px solid; padding: 0 4.7rem; -webkit-transition: ease 0.3s; -o-transition: ease 0.3s; transition: ease 0.3s } @media (min-width: 1024px) { .shopify-challenge__button:hover:not([disabled]) { background-color: #fff; color: #222; border-color: #fff; -ms-box-shadow: 0 0 20px 0 rgba(252, 54, 76, 0.5); -o-box-shadow: 0 0 20px 0 rgba(252, 54, 76, 0.5); -webkit-box-shadow: 0 0 20px 0 rgba(252, 54, 76, 0.5); box-shadow: 0 0 20px 0 rgba(252, 54, 76, 0.5) } } .b-contact { padding-top: 60px; padding-bottom: 80px } @media (min-width: 768px) { .b-contact { padding-top: 100px; padding-bottom: 100px; } } .b-contact .c-text { max-width: 50rem; margin: 0 auto; margin-top: 1.3rem } .b-layer-tabs { padding-top: 6rem; padding-bottom: 6rem; background-color: #F8F8F8 } @media (min-width: 768px) { .b-layer-tabs { padding-top: 10rem; padding-bottom: 10rem } } .b-layer-tabs__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (min-width: 768px) { .b-layer-tabs__body { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .b-layer-tabs__right { width: 100%; position: relative; margin-bottom: 3.5rem } @media (min-width: 768px) { .b-layer-tabs__right { max-width: 58rem; max-height: 41.2rem; margin-top: 4.6rem; margin-bottom: 0rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 1.5rem } } .b-layer-tabs__right .c-image { height: 100% } .b-layer-tabs__right .c-image img { height: 100% } .b-layer-tabs__left { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } @media (min-width: 768px) { .b-layer-tabs__left { width: 50%; padding-right: 4rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } .b-layer-tabs-panel { visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: none } @media (min-width: 768px) { .b-layer-tabs-panel { max-width: 43.1rem } } .b-layer-tabs-panel__content .c-title { margin-bottom: 4rem; font-size: 2rem; line-height: 3.2rem; margin-bottom: 1rem } @media (min-width: 768px) { .b-layer-tabs-panel__content .c-title { font-size: 2.8rem; line-height: 4rem; margin-bottom: 2.3rem } } .b-layer-tabs-panel__content .c-text { margin-bottom: 3.3rem } @media (min-width: 768px) { .b-layer-tabs-panel__content .c-text { margin-bottom: 4.2rem } } .b-layer-tabs-panel__content .c-image { max-width: 43.1rem } .b-layer-tabs-panel.active { opacity: 1; visibility: visible; display: block } .b-layer-tabs__tab { font-size: 1.6rem; line-height: 2.6rem; color: #505050; border: 1px solid #505050; -webkit-box-sizing: border-box; box-sizing: border-box; width: 3.4rem; height: 3.4rem; border-radius: 50%; position: absolute; z-index: 2; background-color: #EFEFEF } .b-layer-tabs__tab:after { -webkit-box-shadow: 0px 0px 0px 0 #b8b8b8; box-shadow: 0px 0px 0px 0 #b8b8b8; border: 1px solid #b8b8b8; position: absolute; content: ""; top: -5px; left: -5px; width: 4rem; height: 4rem; border-radius: 50%; -webkit-animation-name: pulse; -webkit-animation-duration: 2s; -webkit-animation-timing-function: ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-name: pulse; -moz-animation-duration: 2s; -moz-animation-timing-function: ease-out; -moz-animation-iteration-count: infinite; -o-animation-name: pulse; -o-animation-duration: 2s; -o-animation-timing-function: ease-out; -o-animation-iteration-count: infinite; -ms-animation-name: pulse; -ms-animation-duration: 2s; -ms-animation-timing-function: ease-out; -ms-animation-iteration-count: infinite; animation-name: pulse; animation-duration: 2s; animation-timing-function: ease-out; animation-iteration-count: infinite } .b-layer-tabs__tab:before { -webkit-box-shadow: 0px 0px 0px 0 #b8b8b8; box-shadow: 0px 0px 0px 0 #b8b8b8; border: 1px solid #b8b8b8; position: absolute; content: ""; top: -5px; left: -5px; width: 4rem; height: 4rem; border-radius: 50%; -webkit-animation-name: pulse-back; -webkit-animation-duration: 2s; -webkit-animation-timing-function: ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-name: pulse-back; -moz-animation-duration: 2s; -moz-animation-timing-function: ease-out; -moz-animation-iteration-count: infinite; -o-animation-name: pulse-back; -o-animation-duration: 2s; -o-animation-timing-function: ease-out; -o-animation-iteration-count: infinite; -ms-animation-name: pulse-back; -ms-animation-duration: 2s; -ms-animation-timing-function: ease-out; -ms-animation-iteration-count: infinite; animation-name: pulse-back; animation-duration: 2s; animation-timing-function: ease-out; animation-iteration-count: infinite } .b-layer-tabs__tab.active { color: #fff; background-color: #FC364C; -webkit-box-shadow: 0px 0px 10px 2px #FC364C; box-shadow: 0px 0px 10px 2px #FC364C; border: 1px solid #FC364C } .b-layer-tabs__tab.active:after, .b-layer-tabs__tab.active:before { display: none } @media (min-width: 768px) { .b-layer-tabs__tab.active:after { width: calc(100% + 21rem); height: 2px; background-color: #FC364C; left: -24rem; top: 0; bottom: 0; display: block; -webkit-animation: unset; animation: unset; border-radius: unset; border: 0; margin: auto } } .b-layer-tabs__tab:nth-child(1) { top: 1.1rem; left: 6.8rem } @media (min-width: 768px) { .b-layer-tabs__tab:nth-child(1) { top: 2.1rem; left: 12.8rem } } @media (min-width: 768px) { .b-layer-tabs__tab:nth-child(1).active:after { width: calc(100% + 26rem); left: -28.8rem } } .b-layer-tabs__tab:nth-child(2) { top: 6.5rem; left: 1.4rem } @media (min-width: 768px) { .b-layer-tabs__tab:nth-child(2) { top: 10.7rem; left: 8rem } } .b-layer-tabs__tab:nth-child(3) { top: 11.9rem; left: 6.8rem } @media (min-width: 768px) { .b-layer-tabs__tab:nth-child(3) { top: 19.3rem; left: 16.7rem } } @media (min-width: 768px) { .b-layer-tabs__tab:nth-child(3).active:after { width: calc(100% + 30rem); left: -32.8rem } } .b-layer-tabs__tab:nth-child(4) { bottom: 4.4rem; left: 1.4rem } @media (min-width: 768px) { .b-layer-tabs__tab:nth-child(4) { bottom: 3rem; left: 8rem } } .b-layer-tabs__tab:nth-child(n+5) { display: none } .b-benefit-icons { padding-top: 5rem; padding-bottom: 6rem; background-color: #F8F8F8 } @media (min-width: 768px) { .b-benefit-icons { padding-top: 6rem; padding-bottom: 7rem } } .b-benefit-icons__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (min-width: 768px) { .b-benefit-icons__wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } @media (min-width: 768px) { .b-benefit-icons .c-benefit-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-preferred-size: 28rem; flex-basis: 28rem } } .b-article { background-color: #fff; } .b-article__wholesale { background-color: #F8F8F8; padding: 6rem 0 4rem } @media (min-width: 768px) { .b-article__wholesale { padding: 7rem 0 8rem } } .b-article__hero { --lsg-page-width: 1100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 60px 20px 60px; } @media (min-width: 768px) { .b-article__hero { padding: 100px 20px 60px; } } .b-article__hero .c-heading { margin-bottom: 1rem } .b-article__hero-image { aspect-ratio: 1060/628; width: 100%; } @media (min-width: 768px) { .b-article__hero-image { } } .b-article__hero-image .c-image__image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .b-article__media { width: 33.5rem; height: 23.3rem } @media (min-width: 768px) { .b-article__media { width: 60rem; height: 42rem } } .b-article__media img { height: 100%; -o-object-fit: cover; object-fit: cover } .b-article__content { padding-bottom: 100px } .b-article .b-blog-cards { background-color: #F8F8F8; padding-top: 6rem } @media (min-width: 768px) { .b-article .b-blog-cards { padding-top: 7rem } } .b-article .c-blog-card__body { background-color: #fff } .b-article__cards { display: grid; grid-gap: 7rem; padding-bottom: 6rem; margin-top: 5rem } @media (min-width: 768px) { .b-article__cards { grid-template-columns:repeat(3, 1fr); padding-bottom: 6rem; margin-top: 3.6rem } } .b-article__author-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 8px 0 56px; gap: 10px 30px; flex-wrap: wrap; } @media (min-width: 768px) { .b-article__author-wrapper { margin: 14px 0 36px } } .b-redirect { position: fixed; background: rgba(34, 34, 34, 0.2); left: 0; right: 0; top: 0; bottom: 0; z-index: 12; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; visibility: hidden } .b-redirect.popup-show { opacity: 1; visibility: visible } .b-redirect__popup { background: #fff; padding: 2.8rem; padding-top: 4rem; position: relative; max-width: 33.5rem; width: 100%; z-index: 2 } @media (min-width: 768px) { .b-redirect__popup { padding: 4rem; max-width: 36rem } } .b-redirect__popup h3 { margin-bottom: 3rem } .b-redirect__popup h2 { margin-bottom: 1rem; font-weight: 600; font-size: 2rem; line-height: 3.2rem; letter-spacing: 0 } .b-redirect__logo svg { margin-bottom: 2rem; width: 11.8rem } .b-redirect__logo svg path { fill: #FC364C } .b-redirect--item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0.5rem; background-color: #EFEFEF; padding: 1rem; border-radius: 0.3rem; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s } .b-redirect--item .c-image { border-radius: 50%; max-width: 3rem; margin-right: 1rem; height: 3rem; width: 100% } .b-redirect--item .c-image img { height: 3rem; -o-object-fit: cover; object-fit: cover } .b-redirect--item:last-of-type { margin-bottom: 0 } .b-redirect--item .c-link { color: #222; width: 100% } .b-redirect--item:hover { background-color: #D4D4D4 } .b-redirect__close { width: 100%; height: 100%; z-index: 1; position: absolute } .b-blog-related { background-color: #F8F8F8; padding: 6rem 0 } @media (min-width: 768px) { .b-blog-related { padding: 7rem 0 } } .b-blog-related__cards { display: block } @media (min-width: 768px) { .b-blog-related__cards .swiper-wrapper { display: grid; grid-template-columns:repeat(3, 1fr); grid-gap: 7rem } } .b-blog-related .c-blog-card__body { background-color: #fff } .b-ambassadors { padding-top: 6rem; padding-bottom: 6rem } @media (min-width: 768px) { .b-ambassadors { padding-bottom: 10rem; padding-top: 7rem } } .b-ambassadors__wrapper { display: grid; grid-gap: 3.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (min-width: 768px) { .b-ambassadors__wrapper { grid-template-columns:repeat(2, 1fr); grid-gap: 7.5rem; gap: 7.5rem; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .b-ambassadors .c-athlete { max-width: none } .b-ambassador-info { background-color: #F3F3F3; padding: 4rem 0 } @media (min-width: 768px) { .b-ambassador-info { padding: 3rem 0 } } @media (min-width: 768px) { .b-ambassador-info__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .b-ambassador-info .c-text { width: 100%; font-size: 1.4rem; line-height: 2.3rem; text-align: center; margin-bottom: 2.5rem; letter-spacing: 0 } @media (min-width: 768px) { .b-ambassador-info .c-text { max-width: 22rem; padding: 0 4rem; position: relative; margin-bottom: 0 } } .b-ambassador-info .c-text:after { content: ''; display: block; background-color: #D4D4D4 } @media (max-width: 767px) { .b-ambassador-info .c-text:after { height: 1px; width: 4rem; margin: 2.5rem auto 0 } } @media (min-width: 768px) { .b-ambassador-info .c-text:after { position: absolute; margin: auto; width: 1px; height: 4rem; right: 0; top: 0; bottom: 0 } } .b-ambassador-info .c-text:last-of-type::after { display: none } .b-timeline { padding-top: 7rem; padding-bottom: 6rem; background-color: #fff } @media (min-width: 768px) { .b-timeline { padding-top: 10rem; padding-bottom: 10rem } } .b-timeline .c-article { margin-bottom: 6rem; opacity: 0 } .b-timeline .c-article.in-view { -webkit-animation-name: fadeIn; -webkit-animation-duration: .8s; -webkit-animation-delay: .7 ss; -webkit-animation-fill-mode: forwards; -moz-animation-name: fadeIn; -moz-animation-duration: .8s; -moz-animation-delay: .7 ss; -moz-animation-fill-mode: forwards; -o-animation-name: fadeIn; -o-animation-duration: .8s; -o-animation-delay: .7 ss; -o-animation-fill-mode: forwards; -ms-animation-name: fadeIn; -ms-animation-duration: .8s; -ms-animation-delay: .7 ss; -ms-animation-fill-mode: forwards; animation-name: fadeIn; animation-duration: .8s; animation-delay: .7 ss; animation-fill-mode: forwards } @media (min-width: 768px) { .b-timeline .c-article { margin-bottom: 12rem } } .b-timeline .c-article:last-of-type { margin-bottom: 0 } .b-timeline .c-article__content { max-width: 44rem } @media (min-width: 768px) { .b-timeline .c-article__content { margin-right: 12rem } } .b-timeline .c-article__content p { margin-bottom: 0 } @media (min-width: 768px) { .b-timeline .c-article:nth-child(even) .c-timeline__point { right: -6.7rem; left: auto } } .b-timeline .c-article .c-title { font-size: 2.4rem } .b-timeline .c-article__media { max-width: 44rem; position: relative; overflow: visible } .b-timeline__wrapper { display: grid; grid-template-columns:10% auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (min-width: 768px) { .b-timeline__wrapper { grid-template-columns:100% auto; position: relative } } .b-advertorial-hero { padding: 0 0 5rem 0 } .b-advertorial-hero .lsg-page-width { max-width: 60rem; margin: 0 auto } @media (min-width: 768px) { .b-advertorial-hero .lsg-page-width { padding: 0 } } .b-advertorial-hero .c-heading { margin-bottom: 5rem } .b-advertorial-hero .c-advertorial-author { margin-bottom: 9.5rem } @media (min-width: 768px) { .b-advertorial-hero .c-advertorial-author { margin-bottom: 9.2rem } } .b-advertorial-content { position: relative; padding: 5rem 0 5rem 0 } .b-advertorial-content__background-image { background-image: url('vawe-primary.png'); width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: 77rem; position: absolute; z-index: -1; left: 0; top: 14% } @media (min-width: 768px) { .b-advertorial-content__background-image { background-size: contain; top: 7% } } .b-advertorial-content__background-image--video { background-image: url('vawe-primary.png'); width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: 77rem; position: absolute; z-index: -1; left: 0; top: 20% } @media (min-width: 768px) { .b-advertorial-content__background-image--video { background-size: contain; top: 13% } } .b-advertorial-content .lsg-page-width { max-width: 60rem; margin: 0 auto } @media (min-width: 768px) { .b-advertorial-content .lsg-page-width { padding: 0 } } .b-advertorial-content__title { margin-bottom: 5rem } @media (min-width: 768px) { .b-advertorial-content__title { margin-bottom: 6rem } } .b-advertorial-content__button-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 5rem } @media (min-width: 768px) { .b-advertorial-content__button-container { margin-top: 6rem } } .b-advertorial-content ul { padding: 0 0 0 2rem; font-weight: 600; font-size: 1.5rem; line-height: 2.5rem; letter-spacing: 0.03em; list-style: inherit; padding-bottom: 5rem } .b-advertorial-content ol { padding: 0 0 0 2rem; font-weight: 600; font-size: 1.5rem; line-height: 2.5rem; letter-spacing: 0.03em; list-style: decimal; padding-bottom: 5rem } .b-advertorial-content .c-text { margin-bottom: 5rem } @media (min-width: 768px) { .b-advertorial-content .c-text { margin-bottom: 6rem } } @media (max-width: 767px) { .b-advertorial-content .c-btn { padding: 0 3rem } } @media (min-width: 768px) { .b-advertorial-content .c-btn { font-size: 1.8rem; letter-spacing: 0.2em; line-height: 2.1rem } } .b-advertorial-headline .c-heading { margin-bottom: 5rem } .b-advertorial-cta .c-heading { max-width: 60rem; margin-bottom: 1.3rem } @media (min-width: 768px) { .b-advertorial-cta .c-heading { margin-bottom: 5rem } } @media (min-width: 768px) { .b-advertorial-cta .b-product-cta__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .b-advertorial-cta .b-product-cta__media { margin-bottom: 0rem } @media (min-width: 768px) { .b-advertorial-cta .b-product-cta__media { margin-bottom: 3rem } } @media (min-width: 768px) { .b-advertorial-cta .b-product-cta__content { padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .b-advertorial-cta .b-product-cta__description { margin-bottom: 3rem } .b-advertorial-cta .c-text { text-align: center; margin-bottom: 0 } .b-advertorial-cta .c-text.is-mobile { margin-bottom: 2.5rem; padding: 0 3rem } @media (max-width: 767px) { .b-advertorial-cta .b-product-cta__features { margin-bottom: 2rem } } @media (max-width: 767px) { .b-advertorial-cta .c-price { margin-bottom: 1.5rem } } .b-advertorial-footer { padding: 5rem 2rem 5rem 2rem } @media (min-width: 768px) { .b-advertorial-footer { padding: 10rem 0 10rem 0 } } .b-advertorial-footer__title, .b-advertorial-footer__text { max-width: 60rem; margin: 0 auto; text-align: center } .b-advertorial-footer__title, .b-advertorial-footer__text { margin-bottom: 6rem } .b-advertorial-footer__button-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100% } .b-advertorial-images__caption { font-size: 1.5rem; line-height: 2.5rem; letter-spacing: 0.03em; color: #505050; font-weight: 400; margin-top: 1.3rem } @media (min-width: 768px) { .b-advertorial-images__caption { margin-top: 2rem } } .b-advertorial-images__default-image { max-width: 60rem; margin: 0 auto; margin-top: 3rem } .b-advertorial-images__default-image div { margin-top: 3rem } .b-advertorial-images__grid-2 { display: grid; grid-gap: 3rem; gap: 3rem } .b-advertorial-images__grid-2 div { margin-top: 0 } @media (min-width: 768px) { .b-advertorial-images__grid-2 { grid-template-columns:repeat(2, 1fr); grid-gap: 2rem; gap: 2rem } } @media (min-width: 768px) and (max-width: 767px) { .b-advertorial-images__grid-2 .c-image { min-height: 48.2rem } } @media (min-width: 768px) { .b-advertorial-images__grid-2 .c-image__image { height: 100%; -o-object-fit: cover; object-fit: cover } } .b-advertorial-images__grid-3 { display: grid; grid-template-columns:repeat(3, 1fr); grid-gap: 1.5rem; gap: 1.5rem } .b-advertorial-images__grid-3 div { margin-top: 0 } .b-advertorial-images__grid-3 .c-image { width: 10.5rem; height: 10.5rem } @media (min-width: 768px) { .b-advertorial-images__grid-3 .c-image { width: 19rem; height: 19rem } } .b-advertorial-images__grid-3 .c-image__image { height: 100%; -o-object-fit: cover; object-fit: cover } .b-advertorial-images__grid-4 { display: grid; grid-column-gap: 1.9rem; grid-row-gap: 1.8rem; grid-template-columns:repeat(2, 1fr); padding-left: 2.2rem; padding-right: 2.2rem } .b-advertorial-images__grid-4 div { margin-top: 0 } @media (min-width: 768px) { .b-advertorial-images__grid-4 { grid-template-columns:repeat(4, 1fr); padding: 0 } } .b-advertorial-images__grid-4 .c-image { width: 13.6rem; height: 13.6rem } .b-advertorial-images__grid-4 .c-image__image { height: 100%; -o-object-fit: cover; object-fit: cover } .b-advertorial-reviews { padding: 0 2rem 3rem 2rem; max-width: 60rem; margin: 0 auto } @media (min-width: 768px) { .b-advertorial-reviews { padding: 5rem 0 } } .b-advertorial-reviews .summary-overview { width: 16.8rem !important } .b-advertorial-reviews .stamped-main-widget .stamped-summary-ratings { width: 17rem !important; border: none } .b-advertorial-reviews .stamped-summary-photos { max-width: 20rem !important; min-width: 20rem !important } .b-advertorial-reviews .stamped-summary-photos .stamped-photo { width: 4.2rem !important; height: 4.2rem !important } .b-advertorial-reviews__product-image { display: grid; grid-template-columns:repeat(3, 1fr); grid-gap: 1rem; gap: 1rem } @media (min-width: 768px) { .b-advertorial-reviews__product-image { grid-gap: 1.5rem; gap: 1.5rem } } .b-advertorial-reviews__product-image .c-image__image { height: 100%; -o-object-fit: cover; object-fit: cover } .b-advertorial-title { max-width: 60rem; margin: 0 auto; padding: 3rem 2rem 3rem 2rem } @media (min-width: 768px) { .b-advertorial-title { padding: 3rem 0 3rem 0 } } .b-advertorial-list { padding: 0 2rem 3rem 4rem; width: 100%; margin: 0 auto } @media (min-width: 768px) { .b-advertorial-list { padding: 0 0 3rem 2rem; max-width: 60rem } } .b-advertorial-list ul, .b-advertorial-list ol { list-style: inherit } .b-advertorial-list__item { font-weight: 600; font-size: 1.5rem; line-height: 2.5rem; letter-spacing: 0.03em } .b-advertorial-paragraph { width: 100% } @media (min-width: 768px) { .b-advertorial-paragraph { margin: 0 auto; max-width: 60rem } } .b-advertorial-author { padding: 0 0 5rem 0 } .b-advertorial-video__background-image { background-image: url('vawe-primary.png'); width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: 77rem; position: absolute; z-index: -1; left: 0; top: -25% } @media (min-width: 768px) { .b-advertorial-video__background-image { background-size: cover; top: -20% } } .b-advertorial-video__section-container { max-width: 60rem; margin: 0 auto } .b-advertorial-video .c-video-iframe__poster { border-radius: 0.5rem } .b-advertorial-video .c-video-iframe__video { border-radius: 0.5rem } .b-advertorial-video .c-video-iframe__play { width: 6rem; height: 6rem } @media (min-width: 768px) { .b-advertorial-video .c-video-iframe__play { width: 8rem; height: 8rem } } .b-advertorial-video .c-video-iframe__play svg { border: 1px solid #fff; border-radius: 100%; width: 6rem; height: 6rem } @media (min-width: 768px) { .b-advertorial-video .c-video-iframe__play svg { width: 8rem; height: 8rem } } .b-advertorial-video .c-video-iframe__play svg circle { fill: transparent } .b-advertorial-video .c-video-iframe__play svg path { fill: #fff } .b-advertorial-video-text { max-width: 60rem; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (min-width: 768px) { .b-advertorial-video-text { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .b-advertorial-video-text .c-video-iframe { width: 100%; margin-bottom: 3rem } @media (min-width: 768px) { .b-advertorial-video-text .c-video-iframe { width: 29rem; margin-bottom: 0 } } .b-advertorial-video-text .c-video-iframe__video { border-radius: 5px } .b-advertorial-video-text__separator { width: 7rem; height: 0.2rem; background-color: #FC364C; margin: 0 2rem } @media (max-width: 767px) { .b-advertorial-video-text__separator { display: none } } .b-advertorial-video-text .c-text { font-size: 1.5rem; line-height: 2.5rem; letter-spacing: 0.03em; font-weight: 600; margin-bottom: 0 } @media (min-width: 768px) { .b-advertorial-video-text .c-text { max-width: 20rem } } .b-advertorial-video-text .c-video-iframe__play { width: 6rem; height: 6rem } @media (min-width: 768px) { .b-advertorial-video-text .c-video-iframe__play { width: 8rem; height: 8rem } } .b-advertorial-video-text .c-video-iframe__play svg { border: 1px solid #fff; border-radius: 100%; width: 6rem; height: 6rem } @media (min-width: 768px) { .b-advertorial-video-text .c-video-iframe__play svg { width: 8rem; height: 8rem } } .b-advertorial-video-text .c-video-iframe__play svg circle { fill: transparent } .b-advertorial-video-text .c-video-iframe__play svg path { fill: #fff } .page-cart { position: relative; padding-top: 3rem } @media (min-width: 768px) { .page-cart { padding-top: 5rem; padding-bottom: 6rem } } .page-cart.active .page-cart__body { display: block } @media (min-width: 768px) { .page-cart.active .page-cart__body { display: -webkit-box; display: -ms-flexbox; display: flex } } .page-cart.active .page-cart__preloader { display: none } .page-cart-nav { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.3rem; line-height: 1.9rem; letter-spacing: 0.04em; color: #505050; width: 100%; border-bottom: 1px solid #D4D4D4; padding: 0 0 1.5rem 10rem } @media (max-width: 767px) { .page-cart-nav { display: none } } .page-cart-nav__product { width: 41.2rem } .page-cart-nav__quantity { width: 22.8rem } .page-cart .page-cart__body { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .page-cart .c-cart-header__close { display: none } .page-cart .c-cart-items__recommended { display: none } .page-cart .c-cart-empty { margin: 10rem 0 } @media (min-width: 768px) { .page-cart .c-cart-header { width: 100% } } @media (min-width: 768px) { .page-cart .c-cart-items { padding: 0; margin: 0; width: 100% } } @media (min-width: 768px) { .page-cart .c-cart-item { padding: 3rem 0; margin: 0 } } @media (min-width: 768px) { .page-cart .c-cart-item__content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media (min-width: 768px) { .page-cart .c-cart-item__top { width: 41rem; padding: 0; margin: 0 } } @media (min-width: 768px) { .page-cart .c-cart-item__title .c-cart-item__discount-message { display: none } } @media (min-width: 768px) { .page-cart .c-cart-item__bottom { width: 29.5rem; margin: 0 } } @media (min-width: 768px) { .page-cart .c-cart-item__close { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; margin: 0 } } @media (min-width: 768px) { .page-cart .c-cart-item__price.discount { margin-right: -18% } } @media (min-width: 768px) { .page-cart .c-cart-item__price .c-cart-item__discount-message { display: block } } @media (max-width: 767px) { .page-cart .c-cart-total { border-bottom: 1px solid #D4D4D4 } } @media (min-width: 768px) { .page-cart .c-cart-total { background-color: #fff; margin: 1.3rem 0 0; padding: 0 } } @media (min-width: 768px) { .page-cart .c-cart-total__header { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #222 } } @media (min-width: 768px) { .page-cart .c-cart-total__header .c-price span { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #222 } } @media (min-width: 768px) { .page-cart .c-cart-total__reviews { color: #222 } } @media (min-width: 768px) { .page-cart .c-cart-total__reviews .c-stars svg path { stroke: #222 } } @media (min-width: 768px) { .page-cart .c-cart-total__reviews .c-stars #star-full path { fill: #222 } } @media (min-width: 768px) { .page-cart .c-cart-total a { width: 100% } } .page--product { overflow-x: hidden } .page--product .b-testimonials { position: relative; z-index: 2 } .page--product .b-product-cta { background-color: #fff } @media (min-width: 768px) { .page--product .b-benefit { padding-bottom: 4rem } } .page--product .b-benefit .lsg-page-width { position: relative; z-index: 2 } .page--product .b-benefit .c-benefit__content { min-height: unset } .page--product .b-benefit:after { display: none } @media (min-width: 768px) { .page--product .b-benefit:after { display: block; bottom: 8rem } } .page--product #chat-button { bottom: 6rem !important } @media (min-width: 768px) { .page--product #chat-button { bottom: 5.5rem !important } } .p-contact { background-position: center; background-size: 777px; background-repeat: no-repeat; text-align: center; background-color: #fff; background-image: url('vawe-primary.png') } @media (min-width: 768px) { .p-contact { background-size: contain } } .p-contact--secondary { background-color: #F8F8F8 } @media (max-width: 767px) { .p-contact--secondary .c-heading { margin-bottom: 3.8rem } } .template--page-why-infrared .b-product-cta { background-color: #fff } @media (min-width: 768px) { .template--page-why-infrared .b-benefit-tabs { padding-bottom: 12rem } } .p-statik { padding-top: 60px; padding-bottom: 60px; } @media (min-width: 768px) { .p-statik { padding-top: 100px; padding-bottom: 100px; } } .template--page-advertorial { padding-top: 7rem } @media (min-width: 768px) { .template--page-advertorial { padding-top: 10rem } } .c-product-upsell--popup-container{ z-index: 20; } .c-product-upsell__close-btn .c-close-modal { top: 0; right: 0; } .c-product-upsell--popup{ position: relative; }