:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;-o-object-fit:contain;object-fit:contain;z-index:40;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:-moz-max-content;width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:-webkit-clip-path .33s ease;transition:clip-path .33s ease;transition:clip-path .33s ease, -webkit-clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );-webkit-clip-path:var(--clip-path);clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;-o-object-fit:cover;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}
@charset "UTF-8";
.row, .vendor.gravity-forms .gform_fields {
--theme-1-gutter-x: 2rem;
--theme-1-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--theme-1-gutter-y));
margin-right: calc(-0.5 * var(--theme-1-gutter-x));
margin-left: calc(-0.5 * var(--theme-1-gutter-x));
--row-gap: calc(1.3rem + 3.6vw);
row-gap: var(--row-gap);
}
@media (min-width: 1200px) {
.row, .vendor.gravity-forms .gform_fields {
--row-gap: 4rem;
}
}
.row > *, .vendor.gravity-forms .gform_fields > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--theme-1-gutter-x) * 0.5);
padding-left: calc(var(--theme-1-gutter-x) * 0.5);
margin-top: var(--theme-1-gutter-y);
}
.rows {
display: flex;
flex-direction: column;
}
.column {
flex: 1 0 0%;
}
.row-columns-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-columns-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-columns-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-columns-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-columns-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-columns-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.columns {
flex-direction: row;
}
.column-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.column-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.column-3 {
flex: 0 0 auto;
width: 25%;
}
.column-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.column-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.column-6 {
flex: 0 0 auto;
width: 50%;
}
.column-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.column-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.column-9 {
flex: 0 0 auto;
width: 75%;
}
.column-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.column-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.column-12 {
flex: 0 0 auto;
width: 100%;
}
@media (min-width: 576px) {
.column-sm {
flex: 1 0 0%;
}
.row-columns-1-sm > * {
flex: 0 0 auto;
width: 100%;
}
.row-columns-2-sm > * {
flex: 0 0 auto;
width: 50%;
}
.row-columns-3-sm > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-columns-4-sm > * {
flex: 0 0 auto;
width: 25%;
}
.row-columns-5-sm > * {
flex: 0 0 auto;
width: 20%;
}
.row-columns-6-sm > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.columns-sm {
flex-direction: row;
}
.column-1-sm {
flex: 0 0 auto;
width: 8.33333333%;
}
.column-2-sm {
flex: 0 0 auto;
width: 16.66666667%;
}
.column-3-sm {
flex: 0 0 auto;
width: 25%;
}
.column-4-sm {
flex: 0 0 auto;
width: 33.33333333%;
}
.column-5-sm {
flex: 0 0 auto;
width: 41.66666667%;
}
.column-6-sm {
flex: 0 0 auto;
width: 50%;
}
.column-7-sm {
flex: 0 0 auto;
width: 58.33333333%;
}
.column-8-sm {
flex: 0 0 auto;
width: 66.66666667%;
}
.column-9-sm {
flex: 0 0 auto;
width: 75%;
}
.column-10-sm {
flex: 0 0 auto;
width: 83.33333333%;
}
.column-11-sm {
flex: 0 0 auto;
width: 91.66666667%;
}
.column-12-sm {
flex: 0 0 auto;
width: 100%;
}
}
@media (min-width: 768px) {
.column-md {
flex: 1 0 0%;
}
.row-columns-1-md > * {
flex: 0 0 auto;
width: 100%;
}
.row-columns-2-md > * {
flex: 0 0 auto;
width: 50%;
}
.row-columns-3-md > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-columns-4-md > * {
flex: 0 0 auto;
width: 25%;
}
.row-columns-5-md > * {
flex: 0 0 auto;
width: 20%;
}
.row-columns-6-md > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.columns-md {
flex-direction: row;
}
.column-1-md {
flex: 0 0 auto;
width: 8.33333333%;
}
.column-2-md {
flex: 0 0 auto;
width: 16.66666667%;
}
.column-3-md {
flex: 0 0 auto;
width: 25%;
}
.column-4-md {
flex: 0 0 auto;
width: 33.33333333%;
}
.column-5-md {
flex: 0 0 auto;
width: 41.66666667%;
}
.column-6-md {
flex: 0 0 auto;
width: 50%;
}
.column-7-md {
flex: 0 0 auto;
width: 58.33333333%;
}
.column-8-md {
flex: 0 0 auto;
width: 66.66666667%;
}
.column-9-md {
flex: 0 0 auto;
width: 75%;
}
.column-10-md {
flex: 0 0 auto;
width: 83.33333333%;
}
.column-11-md {
flex: 0 0 auto;
width: 91.66666667%;
}
.column-12-md {
flex: 0 0 auto;
width: 100%;
}
}
@media (min-width: 992px) {
.column-lg {
flex: 1 0 0%;
}
.row-columns-1-lg > * {
flex: 0 0 auto;
width: 100%;
}
.row-columns-2-lg > * {
flex: 0 0 auto;
width: 50%;
}
.row-columns-3-lg > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-columns-4-lg > * {
flex: 0 0 auto;
width: 25%;
}
.row-columns-5-lg > * {
flex: 0 0 auto;
width: 20%;
}
.row-columns-6-lg > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.columns-lg {
flex-direction: row;
}
.column-1-lg {
flex: 0 0 auto;
width: 8.33333333%;
}
.column-2-lg {
flex: 0 0 auto;
width: 16.66666667%;
}
.column-3-lg {
flex: 0 0 auto;
width: 25%;
}
.column-4-lg {
flex: 0 0 auto;
width: 33.33333333%;
}
.column-5-lg {
flex: 0 0 auto;
width: 41.66666667%;
}
.column-6-lg {
flex: 0 0 auto;
width: 50%;
}
.column-7-lg {
flex: 0 0 auto;
width: 58.33333333%;
}
.column-8-lg {
flex: 0 0 auto;
width: 66.66666667%;
}
.column-9-lg {
flex: 0 0 auto;
width: 75%;
}
.column-10-lg {
flex: 0 0 auto;
width: 83.33333333%;
}
.column-11-lg {
flex: 0 0 auto;
width: 91.66666667%;
}
.column-12-lg {
flex: 0 0 auto;
width: 100%;
}
}
@media (min-width: 1200px) {
.column-xl {
flex: 1 0 0%;
}
.row-columns-1-xl > * {
flex: 0 0 auto;
width: 100%;
}
.row-columns-2-xl > * {
flex: 0 0 auto;
width: 50%;
}
.row-columns-3-xl > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-columns-4-xl > * {
flex: 0 0 auto;
width: 25%;
}
.row-columns-5-xl > * {
flex: 0 0 auto;
width: 20%;
}
.row-columns-6-xl > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.columns-xl {
flex-direction: row;
}
.column-1-xl {
flex: 0 0 auto;
width: 8.33333333%;
}
.column-2-xl {
flex: 0 0 auto;
width: 16.66666667%;
}
.column-3-xl {
flex: 0 0 auto;
width: 25%;
}
.column-4-xl {
flex: 0 0 auto;
width: 33.33333333%;
}
.column-5-xl {
flex: 0 0 auto;
width: 41.66666667%;
}
.column-6-xl {
flex: 0 0 auto;
width: 50%;
}
.column-7-xl {
flex: 0 0 auto;
width: 58.33333333%;
}
.column-8-xl {
flex: 0 0 auto;
width: 66.66666667%;
}
.column-9-xl {
flex: 0 0 auto;
width: 75%;
}
.column-10-xl {
flex: 0 0 auto;
width: 83.33333333%;
}
.column-11-xl {
flex: 0 0 auto;
width: 91.66666667%;
}
.column-12-xl {
flex: 0 0 auto;
width: 100%;
}
}
@media (min-width: 1600px) {
.column-xxl {
flex: 1 0 0%;
}
.row-columns-1-xxl > * {
flex: 0 0 auto;
width: 100%;
}
.row-columns-2-xxl > * {
flex: 0 0 auto;
width: 50%;
}
.row-columns-3-xxl > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-columns-4-xxl > * {
flex: 0 0 auto;
width: 25%;
}
.row-columns-5-xxl > * {
flex: 0 0 auto;
width: 20%;
}
.row-columns-6-xxl > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.columns-xxl {
flex-direction: row;
}
.column-1-xxl {
flex: 0 0 auto;
width: 8.33333333%;
}
.column-2-xxl {
flex: 0 0 auto;
width: 16.66666667%;
}
.column-3-xxl {
flex: 0 0 auto;
width: 25%;
}
.column-4-xxl {
flex: 0 0 auto;
width: 33.33333333%;
}
.column-5-xxl {
flex: 0 0 auto;
width: 41.66666667%;
}
.column-6-xxl {
flex: 0 0 auto;
width: 50%;
}
.column-7-xxl {
flex: 0 0 auto;
width: 58.33333333%;
}
.column-8-xxl {
flex: 0 0 auto;
width: 66.66666667%;
}
.column-9-xxl {
flex: 0 0 auto;
width: 75%;
}
.column-10-xxl {
flex: 0 0 auto;
width: 83.33333333%;
}
.column-11-xxl {
flex: 0 0 auto;
width: 91.66666667%;
}
.column-12-xxl {
flex: 0 0 auto;
width: 100%;
}
}
.container, body .page.checkout-1 > .inner, body .page.cart-1 > .inner, .page.search-1 > .inner > .contained, .page.single.product-3 > .inner, .page > .inner:not(.has-sidebar)::after, .page > .inner:not(.has-sidebar)::before, .section.fire-sale-1, .section.blogs-related-1, .section.columns-1.section-width.section-full-width .contained.narrow, .section.columns-1.section-width.section-full-width.section-contained .contained, .section.columns-1.section-width:not(.section-full-width) .contained.narrow, .section.columns-1.section-width:not(.section-full-width), .section.breadcrumbs-1, .section.slider.hero-1, .section.footer .bottom, .section.footer .middle, .section.footer .top, .section.footer, .section.header-1, .section.main-top-1, .section.main-top, .section.main-bottom,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
--theme-1-gutter-x: 1rem;
--theme-1-gutter-y: 0;
width: 100%;
padding-right: calc(var(--theme-1-gutter-x) * 0.5);
padding-left: calc(var(--theme-1-gutter-x) * 0.5);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm, .container, body .page.checkout-1 > .inner, body .page.cart-1 > .inner, .page.search-1 > .inner > .contained, .page.single.product-3 > .inner, .page > .inner:not(.has-sidebar)::after, .page > .inner:not(.has-sidebar)::before, .section.fire-sale-1, .section.blogs-related-1, .section.columns-1.section-width.section-full-width .contained.narrow, .section.columns-1.section-width.section-full-width.section-contained .contained, .section.columns-1.section-width:not(.section-full-width) .contained.narrow, .section.columns-1.section-width:not(.section-full-width), .section.breadcrumbs-1, .section.slider.hero-1, .section.footer .bottom, .section.footer .middle, .section.footer .top, .section.footer, .section.header-1, .section.main-top-1, .section.main-top, .section.main-bottom {
max-width: 100%;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container, body .page.checkout-1 > .inner, body .page.cart-1 > .inner, .page.search-1 > .inner > .contained, .page.single.product-3 > .inner, .page > .inner:not(.has-sidebar)::after, .page > .inner:not(.has-sidebar)::before, .section.fire-sale-1, .section.blogs-related-1, .section.columns-1.section-width.section-full-width .contained.narrow, .section.columns-1.section-width.section-full-width.section-contained .contained, .section.columns-1.section-width:not(.section-full-width) .contained.narrow, .section.columns-1.section-width:not(.section-full-width), .section.breadcrumbs-1, .section.slider.hero-1, .section.footer .bottom, .section.footer .middle, .section.footer .top, .section.footer, .section.header-1, .section.main-top-1, .section.main-top, .section.main-bottom {
max-width: 100%;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container, body .page.checkout-1 > .inner, body .page.cart-1 > .inner, .page.search-1 > .inner > .contained, .page.single.product-3 > .inner, .page > .inner:not(.has-sidebar)::after, .page > .inner:not(.has-sidebar)::before, .section.fire-sale-1, .section.blogs-related-1, .section.columns-1.section-width.section-full-width .contained.narrow, .section.columns-1.section-width.section-full-width.section-contained .contained, .section.columns-1.section-width:not(.section-full-width) .contained.narrow, .section.columns-1.section-width:not(.section-full-width), .section.breadcrumbs-1, .section.slider.hero-1, .section.footer .bottom, .section.footer .middle, .section.footer .top, .section.footer, .section.header-1, .section.main-top-1, .section.main-top, .section.main-bottom {
max-width: 96%;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container, body .page.checkout-1 > .inner, body .page.cart-1 > .inner, .page.search-1 > .inner > .contained, .page.single.product-3 > .inner, .page > .inner:not(.has-sidebar)::after, .page > .inner:not(.has-sidebar)::before, .section.fire-sale-1, .section.blogs-related-1, .section.columns-1.section-width.section-full-width .contained.narrow, .section.columns-1.section-width.section-full-width.section-contained .contained, .section.columns-1.section-width:not(.section-full-width) .contained.narrow, .section.columns-1.section-width:not(.section-full-width), .section.breadcrumbs-1, .section.slider.hero-1, .section.footer .bottom, .section.footer .middle, .section.footer .top, .section.footer, .section.header-1, .section.main-top-1, .section.main-top, .section.main-bottom {
max-width: 92%;
}
}
@media (min-width: 1600px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, body .page.checkout-1 > .inner, body .page.cart-1 > .inner, .page.search-1 > .inner > .contained, .page.single.product-3 > .inner, .page > .inner:not(.has-sidebar)::after, .page > .inner:not(.has-sidebar)::before, .section.fire-sale-1, .section.blogs-related-1, .section.columns-1.section-width.section-full-width .contained.narrow, .section.columns-1.section-width.section-full-width.section-contained .contained, .section.columns-1.section-width:not(.section-full-width) .contained.narrow, .section.columns-1.section-width:not(.section-full-width), .section.breadcrumbs-1, .section.slider.hero-1, .section.footer .bottom, .section.footer .middle, .section.footer .top, .section.footer, .section.header-1, .section.main-top-1, .section.main-top, .section.main-bottom {
max-width: 1540px;
}
}
/* These following classes are not made specific so they can be used elsewhere as well */
/* General hide classes */
@media (min-width: 1600px) {
.hide-xxl {
display: none !important;
}
}
@media (min-width: 1200px) and (max-width: 1599.98px) {
.hide-xl {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.hide-lg {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.hide-md {
display: none !important;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.hide-sm {
display: none !important;
}
}
@media (max-width: 575.98px) {
.hide-xs {
display: none !important;
}
}
/* Hide classes specific for A/B testing A variant */
@media (min-width: 1600px) {
body.a-var .a-var-hide-xxl {
display: none !important;
}
}
@media (min-width: 1200px) and (max-width: 1599.98px) {
body.a-var .a-var-hide-xl {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.a-var .a-var-hide-lg {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
body.a-var .a-var-hide-md {
display: none !important;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
body.a-var .a-var-hide-sm {
display: none !important;
}
}
@media (max-width: 575.98px) {
body.a-var .a-var-hide-xs {
display: none !important;
}
}
body.a-var .a-var-hide {
display: none !important;
}
/* Hide classes specific for A/B testing B variant */
@media (min-width: 1600px) {
body.b-var .b-var-hide-xxl {
display: none !important;
}
}
@media (min-width: 1200px) and (max-width: 1599.98px) {
body.b-var .b-var-hide-xl {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body.b-var .b-var-hide-lg {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
body.b-var .b-var-hide-md {
display: none !important;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
body.b-var .b-var-hide-sm {
display: none !important;
}
}
@media (max-width: 575.98px) {
body.b-var .b-var-hide-xs {
display: none !important;
}
}
body.b-var .b-var-hide {
display: none !important;
}
.display-flex {
display: flex !important;
}
.display-inline-flex {
display: inline-flex !important;
}
.display-block {
display: block !important;
}
.display-none {
display: none !important;
}
.position-relative {
position: relative !important;
}
.text-wrap-nowrap {
text-wrap: nowrap !important;
}
@media (min-width: 576px) {
.display-flex-sm {
display: flex !important;
}
.display-inline-flex-sm {
display: inline-flex !important;
}
.display-block-sm {
display: block !important;
}
.display-none-sm {
display: none !important;
}
.position-relative-sm {
position: relative !important;
}
.text-wrap-nowrap-sm {
text-wrap: nowrap !important;
}
}
@media (min-width: 768px) {
.display-flex-md {
display: flex !important;
}
.display-inline-flex-md {
display: inline-flex !important;
}
.display-block-md {
display: block !important;
}
.display-none-md {
display: none !important;
}
.position-relative-md {
position: relative !important;
}
.text-wrap-nowrap-md {
text-wrap: nowrap !important;
}
}
@media (min-width: 992px) {
.display-flex-lg {
display: flex !important;
}
.display-inline-flex-lg {
display: inline-flex !important;
}
.display-block-lg {
display: block !important;
}
.display-none-lg {
display: none !important;
}
.position-relative-lg {
position: relative !important;
}
.text-wrap-nowrap-lg {
text-wrap: nowrap !important;
}
}
@media (min-width: 1200px) {
.display-flex-xl {
display: flex !important;
}
.display-inline-flex-xl {
display: inline-flex !important;
}
.display-block-xl {
display: block !important;
}
.display-none-xl {
display: none !important;
}
.position-relative-xl {
position: relative !important;
}
.text-wrap-nowrap-xl {
text-wrap: nowrap !important;
}
}
@media (min-width: 1600px) {
.display-flex-xxl {
display: flex !important;
}
.display-inline-flex-xxl {
display: inline-flex !important;
}
.display-block-xxl {
display: block !important;
}
.display-none-xxl {
display: none !important;
}
.position-relative-xxl {
position: relative !important;
}
.text-wrap-nowrap-xxl {
text-wrap: nowrap !important;
}
}
:root {
--heading-1--font-size: calc(1.125rem + 1.5vw);
--heading-1--margin-bottom: 0.75rem;
--heading-1-subtitle--font-size: calc(1.075rem + 0.9vw);
--heading-2--font-size: calc(1.075rem + 0.9vw);
--heading-2--margin-bottom: 0.7rem;
--heading-2-subtitle--font-size: calc(1.05rem + 0.6vw);
--heading-3--font-size: calc(1.0625rem + 0.75vw);
--heading-3--margin-bottom: 0.65rem;
--heading-3-subtitle--font-size: calc(1.0375rem + 0.45vw);
--heading-4--font-size: calc(1.05rem + 0.6vw);
--heading-4--margin-bottom: 0.6rem;
--heading-4-subtitle--font-size: calc(1.025rem + 0.3vw);
--heading-5--font-size: calc(1.0375rem + 0.45vw);
--heading-5--margin-bottom: 0.55rem;
--heading-5-subtitle--font-size: calc(1.025rem + 0.3vw);
--heading-6--font-size: calc(1.0125rem + 0.15vw);
--heading-6--margin-bottom: 0.5rem;
--heading-6-subtitle--font-size: 1rem;
--display-1--font-size: calc(1.5rem + 6vw);
--display-1--margin-bottom: calc(1.0125rem + 0.15vw);
--display-1-subtitle--font-size: calc(1.5rem + 6vw);
--display-2--font-size: calc(1.4rem + 4.8vw);
--display-2--margin-bottom: 1rem;
--display-2-subtitle--font-size: calc(1.4rem + 4.8vw);
--display-3--font-size: calc(1.3rem + 3.6vw);
--display-3--margin-bottom: 1rem;
--display-3-subtitle--font-size: calc(1.3rem + 3.6vw);
--display-4--font-size: calc(1.2rem + 2.4vw);
--display-4--margin-bottom: 1rem;
--display-4-subtitle--font-size: calc(1.2rem + 2.4vw);
}
@media (min-width: 1200px) {
:root {
--heading-1--font-size: 2.25rem;
}
}
@media (min-width: 1200px) {
:root {
--heading-1-subtitle--font-size: 1.75rem;
}
}
@media (min-width: 1200px) {
:root {
--heading-2--font-size: 1.75rem;
}
}
@media (min-width: 1200px) {
:root {
--heading-2-subtitle--font-size: 1.5rem;
}
}
@media (min-width: 1200px) {
:root {
--heading-3--font-size: 1.625rem;
}
}
@media (min-width: 1200px) {
:root {
--heading-3-subtitle--font-size: 1.375rem;
}
}
@media (min-width: 1200px) {
:root {
--heading-4--font-size: 1.5rem;
}
}
@media (min-width: 1200px) {
:root {
--heading-4-subtitle--font-size: 1.25rem;
}
}
@media (min-width: 1200px) {
:root {
--heading-5--font-size: 1.375rem;
}
}
@media (min-width: 1200px) {
:root {
--heading-5-subtitle--font-size: 1.25rem;
}
}
@media (min-width: 1200px) {
:root {
--heading-6--font-size: 1.125rem;
}
}
@media (min-width: 1200px) {
:root {
--display-1--font-size: 6rem;
}
}
@media (min-width: 1200px) {
:root {
--display-1--margin-bottom: 1.125rem;
}
}
@media (min-width: 1200px) {
:root {
--display-1-subtitle--font-size: 6rem;
}
}
@media (min-width: 1200px) {
:root {
--display-2--font-size: 5rem;
}
}
@media (min-width: 1200px) {
:root {
--display-2-subtitle--font-size: 5rem;
}
}
@media (min-width: 1200px) {
:root {
--display-3--font-size: 4rem;
}
}
@media (min-width: 1200px) {
:root {
--display-3-subtitle--font-size: 4rem;
}
}
@media (min-width: 1200px) {
:root {
--display-4--font-size: 3rem;
}
}
@media (min-width: 1200px) {
:root {
--display-4-subtitle--font-size: 3rem;
}
}
body {
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
font-size: 1rem;
line-height: 160%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
h1,
.heading-1,
body .page.cart .button-group > .label,
body .page.cart-1 > .title,
.component .form.quantity-1 .input-group .increment > span,
.component .form.quantity-1 .input-group .decrement > span,
.component.slide-4 .inner .title .lead {
font-size: var(--heading-1--font-size);
font-weight: 700;
letter-spacing: 0;
line-height: 1.25;
margin-bottom: var(--heading-1--margin-bottom);
margin-top: 0;
}
h1 .subtitle,
.heading-1 .subtitle,
body .page.cart .button-group > .label .subtitle,
body .page.cart-1 > .title .subtitle,
.component .form.quantity-1 .input-group .increment > span .subtitle,
.component .form.quantity-1 .input-group .decrement > span .subtitle,
.component.slide-4 .inner .title .lead .subtitle {
font-size: var(--heading-1-subtitle--font-size);
font-weight: 500;
letter-spacing: 0;
line-height: 1.4;
}
h2,
.heading-2 {
font-size: var(--heading-2--font-size);
font-weight: 700;
letter-spacing: 0;
line-height: 1.41;
margin-bottom: var(--heading-2--margin-bottom);
margin-top: 0;
}
h2 .subtitle,
.heading-2 .subtitle {
font-size: var(--heading-2-subtitle--font-size);
font-weight: 500;
letter-spacing: 0;
line-height: 1.4;
}
h3,
.heading-3,
.section.products-related-1 > .title,
.section.blogs-related-1 > .title,
.component.slide-4 .inner .title .text,
.component.slide-2 > .inner > .title {
font-size: var(--heading-3--font-size);
font-weight: 700;
letter-spacing: 0;
line-height: 1.4;
margin-bottom: var(--heading-3--margin-bottom);
margin-top: 0;
}
h3 .subtitle,
.heading-3 .subtitle,
.section.products-related-1 > .title .subtitle,
.section.blogs-related-1 > .title .subtitle,
.component.slide-4 .inner .title .text .subtitle,
.component.slide-2 > .inner > .title .subtitle {
font-size: var(--heading-3-subtitle--font-size);
font-weight: 500;
letter-spacing: 0;
line-height: 1.4;
}
h4,
.heading-4 {
font-size: var(--heading-4--font-size);
font-weight: 700;
letter-spacing: 0;
line-height: 1.4;
margin-bottom: var(--heading-4--margin-bottom);
margin-top: 0;
}
h4 .subtitle,
.heading-4 .subtitle {
font-size: var(--heading-4-subtitle--font-size);
font-weight: 500;
letter-spacing: 0;
line-height: 1.4;
}
h5, .component.modal.flash-sales .top .text,
.heading-5,
.component .order-overview-1 .overview .title,
.component.card.customizable-1.background-image > .inner .content .title,
.component.slide-2 > .inner .product .left .title {
font-size: var(--heading-5--font-size);
font-weight: 700;
letter-spacing: 0;
line-height: 1.4;
margin-bottom: var(--heading-5--margin-bottom);
margin-top: 0;
}
h5 .subtitle, .component.modal.flash-sales .top .text .subtitle,
.heading-5 .subtitle,
.component .order-overview-1 .overview .title .subtitle,
.component.card.customizable-1.background-image > .inner .content .title .subtitle,
.component.slide-2 > .inner .product .left .title .subtitle {
font-size: var(--heading-5-subtitle--font-size);
font-weight: 500;
letter-spacing: 0;
line-height: 1.4;
}
h6,
.heading-6,
.component.table-1 thead tr th {
font-size: var(--heading-6--font-size);
font-weight: 700;
letter-spacing: 0;
line-height: 1.4;
margin-bottom: var(--heading-6--margin-bottom);
margin-top: 0;
}
h6 .subtitle,
.heading-6 .subtitle,
.component.table-1 thead tr th .subtitle {
font-size: var(--heading-6-subtitle--font-size);
font-weight: 500;
letter-spacing: 0;
line-height: 1.4;
}
.display-1 {
font-size: var(--display-1--font-size);
font-weight: 900;
letter-spacing: 0;
line-height: 1;
margin-bottom: var(--display-1--margin-bottom);
margin-top: 0;
}
.display-1 .subtitle {
font-size: var(--display-1-subtitle--font-size);
font-weight: 900;
letter-spacing: 0;
line-height: 1;
}
.display-2 {
font-size: var(--display-2--font-size);
font-weight: 900;
letter-spacing: 0;
line-height: 1;
margin-bottom: var(--display-2--margin-bottom);
margin-top: 0;
}
.display-2 .subtitle {
font-size: var(--display-2-subtitle--font-size);
font-weight: 900;
letter-spacing: 0;
line-height: 1;
}
.display-3, .component.slide-3 .inner .title, .component.slide-1 .inner .title {
font-size: var(--display-3--font-size);
font-weight: 900;
letter-spacing: 0;
line-height: 1;
margin-bottom: var(--display-3--margin-bottom);
margin-top: 0;
}
.display-3 .subtitle, .component.slide-3 .inner .title .subtitle, .component.slide-1 .inner .title .subtitle {
font-size: var(--display-3-subtitle--font-size);
font-weight: 900;
letter-spacing: 0;
line-height: 1;
}
.display-4 {
font-size: var(--display-4--font-size);
font-weight: 900;
letter-spacing: 0;
line-height: 1;
margin-bottom: var(--display-4--margin-bottom);
margin-top: 0;
}
.display-4 .subtitle {
font-size: var(--display-4-subtitle--font-size);
font-weight: 900;
letter-spacing: 0;
line-height: 1;
}
p {
margin-top: 0;
margin-bottom: 1rem;
line-height: 1.75;
opacity: 0.9;
width: 100%;
}
p:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
}
strong {
font-weight: 700;
}
b {
font-weight: 500;
}
a {
color: rgb(255, 0, 0);
text-decoration: underline;
transition: color 0.1s ease-in-out;
}
a:hover {
color: rgb(255, 0, 0);
text-decoration: underline;
}
address {
font-style: normal;
line-height: inherit;
}
::-moz-selection {
color: rgb(255, 255, 255);
background-color: rgb(255, 0, 0);
}
::selection {
color: rgb(255, 255, 255);
background-color: rgb(255, 0, 0);
}
::-moz-selection {
color: rgb(255, 255, 255);
background-color: rgb(255, 0, 0);
}
.no-wrap {
white-space: nowrap;
}
html {
height: 100%;
scroll-behavior: smooth;
}
body {
display: flex;
flex-direction: column;
min-height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
ul li {
list-style-position: inside;
}
ul li ul {
padding-left: 1.5rem;
}
.element.icon {
overflow: visible;
fill: none;
}
.element.icon path {
stroke: rgb(34, 34, 34);
stroke-width: 1.5px;
stroke-linejoin: round;
stroke-linecap: round;
}
.element.icon path.fill {
fill: rgb(34, 34, 34);
stroke: none;
}
.element.icon circle {
stroke: rgb(34, 34, 34);
stroke-width: 1.5px;
stroke-linejoin: round;
stroke-linecap: round;
}
.section.columns-1.section-background-color-1 {
color: rgb(255, 255, 255);
}
.section.columns-1.section-background-color-1 .text,
.section.columns-1.section-background-color-1 p {
color: rgba(255, 255, 255, 0.8);
}
.section.columns-1.section-background-color-2 {
color: inherit;
}
.section.columns-1.section-background-color-2 .text,
.section.columns-1.section-background-color-2 p {
color: inherit;
}
.element.image-1 {
width: 100%;
max-width: 100%;
height: auto;
border-radius: unset;
}
.element.image-1[data-fancybox]:hover {
cursor: zoom-in;
}
.aspect-ratio .image {
-o-object-fit: cover;
object-fit: cover;
position: relative;
z-index: 1;
}
.aspect-ratio-16-9 .image {
aspect-ratio: 16/9;
}
.aspect-ratio-16-7 .image {
aspect-ratio: 16/7;
}
.aspect-ratio-4-3 .image {
aspect-ratio: 4/3;
}
.aspect-ratio-3-4 .image {
aspect-ratio: 3/4;
}
.aspect-ratio-1-1 .image {
aspect-ratio: 1/1;
}
.aspect-ratio-100 .image {
width: 100%;
}
@media (min-width: 768px) {
.aspect-ratio-75 .image {
width: 75%;
}
}
@media (min-width: 768px) {
.aspect-ratio-50 .image {
width: 50%;
}
}
@media (min-width: 768px) {
.aspect-ratio-25 .image {
width: 25%;
}
}
@media (min-width: 768px) {
.aspect-ratio-none .image {
width: auto;
}
}
iframe:not(.entered) {
background-color: rgba(34, 34, 34, 0.05);
}
iframe:focus, iframe:focus-visible, iframe:focus-within {
outline: 0;
}
.aspect-ratio-16-9 iframe {
aspect-ratio: 16/9;
}
.aspect-ratio-16-7 iframe {
aspect-ratio: 16/7;
}
.aspect-ratio-4-3 iframe {
aspect-ratio: 4/3;
}
.aspect-ratio-3-4 iframe {
aspect-ratio: 3/4;
}
.aspect-ratio-1-1 iframe {
aspect-ratio: 1/1;
}
.aspect-ratio-100 iframe {
width: auto;
}
@media (min-width: 768px) {
.aspect-ratio-75 iframe {
width: 75%;
}
}
@media (min-width: 768px) {
.aspect-ratio-50 iframe {
width: 50%;
}
}
@media (min-width: 768px) {
.aspect-ratio-25 iframe {
width: 25%;
}
}
:root {
--ul-ol--margin: 0;
--ul-ol--padding: calc(1.0125rem + 0.15vw);
}
@media (min-width: 1200px) {
:root {
--ul-ol--padding: 1.125rem;
}
}
ul,
ol {
margin: var(--ul-ol--margin);
padding: var(--ul-ol--padding);
}
ul li,
ol li {
list-style-position: outside;
}
table {
border-spacing: 0px;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
.vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=text], [type=text].element.form.input, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=date], [type=date].element.form.input, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=tel], [type=tel].element.form.input, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=email], [type=email].element.form.input, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=search], [type=search].element.form.input, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=file], [type=file].element.form.input, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=number], [type=number].element.form.input {
width: 100%;
height: 46px;
padding-right: 20px;
padding-left: 20px;
background-color: rgba(34, 34, 34, 0.05);
border-style: none;
border-width: none;
border-color: none;
border-radius: 5px;
transition: background-color 0.1s ease-in-out;
font-size: 1rem;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
outline: 0;
}
.vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=text]:hover, [type=text].element.form.input:hover, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=date]:hover, [type=date].element.form.input:hover, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=tel]:hover, [type=tel].element.form.input:hover, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=email]:hover, [type=email].element.form.input:hover, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=search]:hover, [type=search].element.form.input:hover, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=file]:hover, [type=file].element.form.input:hover, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=number]:hover, [type=number].element.form.input:hover {
background-color: rgba(34, 34, 34, 0.1);
border-color: inherit;
}
.vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=text]:focus, [type=text].element.form.input:focus, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=text]:focus-within, [type=text].element.form.input:focus-within, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=text]:focus-visible, [type=text].element.form.input:focus-visible, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=date]:focus, [type=date].element.form.input:focus, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=date]:focus-within, [type=date].element.form.input:focus-within, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=date]:focus-visible, [type=date].element.form.input:focus-visible, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=tel]:focus, [type=tel].element.form.input:focus, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=tel]:focus-within, [type=tel].element.form.input:focus-within, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=tel]:focus-visible, [type=tel].element.form.input:focus-visible, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=email]:focus, [type=email].element.form.input:focus, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=email]:focus-within, [type=email].element.form.input:focus-within, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=email]:focus-visible, [type=email].element.form.input:focus-visible, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=search]:focus, [type=search].element.form.input:focus, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=search]:focus-within, [type=search].element.form.input:focus-within, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=search]:focus-visible, [type=search].element.form.input:focus-visible, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=file]:focus, [type=file].element.form.input:focus, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=file]:focus-within, [type=file].element.form.input:focus-within, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=file]:focus-visible, [type=file].element.form.input:focus-visible, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=number]:focus, [type=number].element.form.input:focus, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=number]:focus-within, [type=number].element.form.input:focus-within, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=number]:focus-visible, [type=number].element.form.input:focus-visible {
background-color: rgba(34, 34, 34, 0.15);
border-color: inherit;
}
.vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=search]::-webkit-search-decoration, [type=search].element.form.input::-webkit-search-decoration, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=search]::-webkit-search-cancel-button, [type=search].element.form.input::-webkit-search-cancel-button, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=search]::-webkit-search-results-button, [type=search].element.form.input::-webkit-search-results-button, .vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=search]::-webkit-search-results-decoration, [type=search].element.form.input::-webkit-search-results-decoration {
display: none;
}
.vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=file]::file-selector-button, [type=file].element.form.input::file-selector-button {
height: 100%;
background-color: rgba(34, 34, 34, 0.1);
margin-inline-end: 20px;
margin-inline-start: -20px;
padding-right: 20px;
padding-left: 20px;
border: 0;
}
.vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=file]:hover:not(:disabled):not([readonly])::file-selector-button, [type=file].element.form.input:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: rgba(34, 34, 34, 0.2);
}
.vendor.gravity-forms .gform_fields .gfield .ginput_container input[type=radio], [type=radio].element.form.input {
height: 1rem;
min-height: 1rem;
width: 1rem;
min-width: 1rem;
margin: 0;
position: relative;
bottom: -2px;
}
.vendor.gravity-forms .gform_fields .gfield .ginput_container input::-moz-placeholder, .element.form.input::-moz-placeholder {
font-size: 1rem;
}
.vendor.gravity-forms .gform_fields .gfield .ginput_container input::placeholder, .element.form.input::placeholder {
font-size: 1rem;
}
#ui-datepicker-div {
border-radius: 10px;
overflow: hidden;
}
.ui-datepicker {
padding: 0;
margin: 0;
border-radius: 0;
background-color: #fff;
border: 1px solid #dcdcde;
border-top: none;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
min-width: 17em;
width: auto !important;
z-index: 1000 !important;
}
.ui-datepicker-group {
float: left;
}
.ui-datepicker table {
font-size: 13px;
margin: 0;
border: none;
width: 100%;
}
.ui-datepicker thead {
color: rgba(34, 34, 34, 0.8);
font-weight: 600;
background: #fff;
}
.ui-datepicker th {
padding: 10px;
}
.ui-datepicker td {
padding: 0;
}
.ui-datepicker td.ui-datepicker-other-month {
border: transparent;
}
.ui-datepicker td .ui-datepicker-week-end {
background-color: #f6f7f7;
}
.ui-datepicker td.ui-datepicker-today {
background-color: rgba(34, 34, 34, 0.4);
}
.ui-datepicker td.ui-datepicker-current-day {
background: #b8e6bf;
}
.ui-datepicker td.ui-state-disabled {
cursor: default;
opacity: 0.2;
}
.ui-datepicker td.ui-state-disabled.ui-state-default {
background-color: #dcdcde;
cursor: default;
}
.ui-datepicker td .ui-state-default {
background-color: transparent;
border: none;
text-align: center;
text-decoration: none;
width: auto;
display: block;
padding: 5px 10px;
font-weight: normal;
color: rgba(34, 34, 34, 0.8);
}
.ui-datepicker td .ui-state-default.ui-priority-secondary {
opacity: 0.3;
}
.ui-datepicker td .ui-state-default.ui-priority-secondary.ui-state-hover {
opacity: 1;
}
.ui-datepicker td .ui-state-hover {
background-color: rgb(255, 0, 0);
color: #fff;
}
.ui-datepicker tr:first-of-type td {
border-top: 1px solid #f0f0f1;
}
.ui-datepicker * {
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.ui-datepicker.ui-widget-header, .ui-datepicker.ui-datepicker-header {
background-image: none;
border: none;
color: #fff;
font-weight: normal;
background-color: #fff;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 33%;
}
.ui-datepicker .ui-datepicker-title {
margin: 0;
padding: 10px 0;
color: #fff;
font-size: 14px;
line-height: 14px;
text-align: center;
}
.ui-datepicker .ui-datepicker-header .ui-state-hover {
background-color: transparent;
border-color: transparent;
cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position: relative;
top: 0;
height: 34px;
width: 34px;
color: rgba(34, 34, 34, 0.4);
text-decoration: none;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display: none;
}
.ui-datepicker .ui-datepicker-prev .ui-state-disabled, .ui-datepicker .ui-datepicker-next .ui-state-disabled {
visibility: hidden;
}
.ui-datepicker .ui-datepicker-prev-hover:before, .ui-datepicker .ui-datepicker-next-hover:before {
opacity: 0.7;
}
.ui-datepicker .ui-datepicker-prev:not(.ui-state-disabled):before, .ui-datepicker .ui-datepicker-next:not(.ui-state-disabled):before {
font: normal 20px/34px "dashicons";
padding-left: 7px;
color: rgba(34, 34, 34, 0.8);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 34px;
height: 34px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover {
left: 0;
}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover {
right: 0;
}
.ui-datepicker .ui-datepicker-prev {
float: left;
}
.ui-datepicker .ui-datepicker-prev:before {
content: "\f341";
}
.ui-datepicker .ui-datepicker-next {
float: right;
}
.ui-datepicker .ui-datepicker-next:before {
content: "\f345";
}
.ui-datepicker.ui-state-hover.ui-datepicker-next, .ui-datepicker.ui-state-hover.ui-datepicker-prev {
border: none;
}
.vendor.gravity-forms .gform_fields .gfield .ginput_container textarea, .element.form.textarea {
width: 100%;
height: 184px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
background-color: rgba(34, 34, 34, 0.05);
border-style: none;
border-width: none;
border-color: none;
border-radius: 5px;
transition: background-color 0.1s ease-in-out;
font-size: 1rem;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
outline: 0;
resize: none;
}
.vendor.gravity-forms .gform_fields .gfield .ginput_container textarea:hover, .element.form.textarea:hover {
background-color: rgba(34, 34, 34, 0.1);
border-color: inherit;
}
.vendor.gravity-forms .gform_fields .gfield .ginput_container textarea:focus, .element.form.textarea:focus, .vendor.gravity-forms .gform_fields .gfield .ginput_container textarea:focus-within, .element.form.textarea:focus-within, .vendor.gravity-forms .gform_fields .gfield .ginput_container textarea:focus-visible, .element.form.textarea:focus-visible {
background-color: rgba(34, 34, 34, 0.15);
border-color: inherit;
outline: 0;
}
.vendor.gravity-forms .gform_fields .gfield .ginput_container select, .element.form.select {
width: 100%;
height: 46px;
padding-right: 20px;
padding-left: 20px;
background-color: rgba(34, 34, 34, 0.05);
border-style: none;
border-width: none;
border-color: none;
border-radius: 5px;
transition: background-color 0.1s ease-in-out;
font-size: 1rem;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
color: rgb(34, 34, 34);
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position-x: calc(100% - 20px);
background-position-y: 50%;
}
.vendor.gravity-forms .gform_fields .gfield .ginput_container select:hover, .element.form.select:hover {
background-color: rgba(34, 34, 34, 0.1);
border-color: inherit;
}
.vendor.gravity-forms .gform_fields .gfield .ginput_container select:focus, .element.form.select:focus, .vendor.gravity-forms .gform_fields .gfield .ginput_container select:focus-within, .element.form.select:focus-within, .vendor.gravity-forms .gform_fields .gfield .ginput_container select:focus-visible, .element.form.select:focus-visible {
background-color: rgba(34, 34, 34, 0.15);
border-color: inherit;
background-image: url('data:image/svg+xml;utf8,');
}
.vendor.gravity-forms .gform_fields .gfield .ginput_container select option, .element.form.select option {
font-size: 1rem;
color: rgb(34, 34, 34);
background-color: rgb(255, 255, 255);
}
:root {
--element-label-label-1--font-size: 0.75rem;
--element-label-label-1--padding-top: 0;
--element-label-label-1--padding-bottom: 0;
}
.element.label-1 {
padding: 0 2px;
color: #FF0;
background-color: rgb(34, 34, 34);
height: 20px;
line-height: 18px;
transform: skewY(-5deg);
font-weight: 600;
letter-spacing: 0.05rem;
font-size: 0.75rem;
}
.element.unit {
color: rgb(34, 34, 34);
font-size: 0.75rem;
line-height: 12px;
height: 12px;
}
:root {
--component-columns--padding-y: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--component-columns--padding-y: 2rem;
}
}
.component.columns {
position: relative;
padding-top: var(--component-columns--padding-y);
padding-bottom: var(--component-columns--padding-y);
}
.component.columns-vertical-align-top {
display: flex;
align-items: flex-start;
}
.component.columns-vertical-align-center {
display: flex;
align-items: center;
}
.component.columns-vertical-align-bottom {
display: flex;
align-items: flex-end;
}
.component.columns-horizontal-align-left .content {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.component.columns-horizontal-align-left .content .image {
justify-content: flex-start;
}
.component.columns-horizontal-align-left .content .title .subtitle {
justify-content: flex-start;
}
.component.columns-horizontal-align-left .content .link {
text-align: left;
}
.component.columns-horizontal-align-center .content {
display: flex;
flex-direction: column;
align-items: center;
}
.component.columns-horizontal-align-center .content .image {
justify-content: center;
}
.component.columns-horizontal-align-center .content .title .subtitle {
justify-content: center;
}
.component.columns-horizontal-align-center .content .link {
text-align: center;
}
.component.columns-horizontal-align-right .content {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.component.columns-horizontal-align-right .content .image {
justify-content: flex-end;
}
.component.columns-horizontal-align-right .content .title .subtitle {
justify-content: flex-end;
}
.component.columns-horizontal-align-right .content .link {
text-align: right;
}
.component.columns-min-height-25 {
min-height: 25vh;
}
.component.columns-min-height-30 {
min-height: 30vh;
}
.component.columns-min-height-35 {
min-height: 35vh;
}
.component.columns-min-height-40 {
min-height: 40vh;
}
.component.columns-min-height-45 {
min-height: 45vh;
}
.component.columns-min-height-50 {
min-height: 50vh;
}
.component.columns-min-height-55 {
min-height: 55vh;
}
.component.columns-min-height-60 {
min-height: 60vh;
}
.component.columns-min-height-65 {
min-height: 65vh;
}
.component.columns-min-height-70 {
min-height: 70vh;
}
.component.columns-min-height-75 {
min-height: 75vh;
}
.component.columns-min-height-80 {
min-height: 80vh;
}
.component.columns-min-height-85 {
min-height: 85vh;
}
.component.columns-min-height-90 {
min-height: 90vh;
}
.component.columns-min-height-95 {
min-height: 95vh;
}
.component.columns-min-height-100 {
min-height: 100vh;
}
@media (min-width: 992px) {
.component.columns:not(:only-child) > .image {
position: absolute;
top: 0;
right: 1rem;
bottom: 0;
left: 1rem;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: -webkit-fill-available;
height: 100%;
max-width: unset;
border-radius: 0;
}
.component.columns:not(:only-child):first-child > .image {
right: 1rem;
left: unset;
width: 100%;
}
.component.columns:not(:only-child):last-child > .image {
right: unset;
left: 1rem;
width: 100%;
}
}
.row.column-count-1 .columns.has-background-image, .vendor.gravity-forms .column-count-1.gform_fields .columns.has-background-image {
color: rgb(255, 255, 255);
text-shadow: 0 0 120px rgba(255, 255, 255, 0.5);
}
.row.column-count-1 .columns.has-background-image > .image, .vendor.gravity-forms .column-count-1.gform_fields .columns.has-background-image > .image {
width: calc(100% + 2rem);
margin-left: -1rem;
}
.row.column-count-1 .columns > .image, .vendor.gravity-forms .column-count-1.gform_fields .columns > .image {
position: absolute;
margin-left: -2rem;
inset: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100vw;
height: 100%;
max-width: unset;
}
.section:not(.section-full-width) > .row.column-count-1 .columns > .image, .vendor.gravity-forms .section:not(.section-full-width) > .column-count-1.gform_fields .columns > .image {
width: calc(100% + 2rem);
margin-left: -1rem;
}
.section-contained .row.column-count-1 .columns.has-background-image > .image, .section-contained .vendor.gravity-forms .column-count-1.gform_fields .columns.has-background-image > .image, .vendor.gravity-forms .section-contained .column-count-1.gform_fields .columns.has-background-image > .image {
margin-left: 1rem;
width: calc(100% - 2rem);
}
@media (min-width: 992px) {
.has-sidebar .section.section-background-color-default .component.columns:not(:only-child):first-child > .image {
width: calc(100% - 2rem);
}
.has-sidebar .section.section-background-color-default .component.columns:not(:only-child):last-child > .image {
width: calc(100% - 2rem);
}
}
.component.origo.opening-hours .day {
position: relative;
display: inline-block;
/* If has label */
}
.component.origo.opening-hours .day:has(.label) {
padding-bottom: 25px;
}
.component.origo.opening-hours .day .label {
position: absolute;
display: flex;
align-items: center;
margin-top: 4px;
padding-left: 4px;
padding-right: 4px;
background-color: rgb(255, 0, 0);
border-radius: 1.5px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
color: rgb(255, 255, 255);
white-space: nowrap;
line-height: 17px;
min-height: 17px;
/* Triangle */
}
.component.origo.opening-hours .day .label:after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -3.5px;
border-width: 3.5px;
border-style: solid;
border-color: transparent transparent rgb(255, 0, 0) transparent;
}
.component.origo.campaigns.banners {
width: 100%;
display: flex;
}
.component.origo.campaigns.banners.align-left {
justify-content: flex-start;
}
.component.origo.campaigns.banners.align-center {
justify-content: center;
}
.component.origo.campaigns.banners.align-right {
justify-content: flex-end;
}
.component.origo.campaigns.banners .campaign-banner-container {
position: relative;
display: inline-block;
line-height: 0; /* remove inline-gap under images */
max-width: 100%;
margin-top: 5%;
margin-bottom: 5%;
/* Image fills the container; container size is the “truth” */
/* Button positioning — combine X/Y using CSS variables */
}
.component.origo.campaigns.banners .campaign-banner-container img {
display: block;
max-width: 100%;
height: auto;
width: 100%;
}
.component.origo.campaigns.banners .campaign-banner-container .button, .component.origo.campaigns.banners .campaign-banner-container .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.origo.campaigns.banners .campaign-banner-container a {
position: absolute;
transform: translate(var(--tx, 0), var(--ty, 0));
}
.component.origo.campaigns.banners .campaign-banner-container .button.position, .component.origo.campaigns.banners .campaign-banner-container .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.position, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.origo.campaigns.banners .campaign-banner-container a.position {
/* Top row */
/* Middle row */
/* Bottom row */
}
.component.origo.campaigns.banners .campaign-banner-container .button.position-top-left, .component.origo.campaigns.banners .campaign-banner-container .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.position-top-left, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.origo.campaigns.banners .campaign-banner-container a.position-top-left {
top: 3%;
left: 3%;
}
.component.origo.campaigns.banners .campaign-banner-container .button.position-top-center, .component.origo.campaigns.banners .campaign-banner-container .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.position-top-center, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.origo.campaigns.banners .campaign-banner-container a.position-top-center {
top: 3%;
left: 50%;
transform: translateX(-50%);
}
.component.origo.campaigns.banners .campaign-banner-container .button.position-top-right, .component.origo.campaigns.banners .campaign-banner-container .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.position-top-right, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.origo.campaigns.banners .campaign-banner-container a.position-top-right {
top: 3%;
right: 3%;
}
.component.origo.campaigns.banners .campaign-banner-container .button.position-middle-left, .component.origo.campaigns.banners .campaign-banner-container .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.position-middle-left, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.origo.campaigns.banners .campaign-banner-container a.position-middle-left {
top: 50%;
left: 3%;
transform: translateY(-50%);
}
.component.origo.campaigns.banners .campaign-banner-container .button.position-center, .component.origo.campaigns.banners .campaign-banner-container .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.position-center, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.origo.campaigns.banners .campaign-banner-container a.position-center {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.component.origo.campaigns.banners .campaign-banner-container .button.position-middle-right, .component.origo.campaigns.banners .campaign-banner-container .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.position-middle-right, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.origo.campaigns.banners .campaign-banner-container a.position-middle-right {
top: 50%;
right: 3%;
transform: translateY(-50%);
}
.component.origo.campaigns.banners .campaign-banner-container .button.position-bottom-left, .component.origo.campaigns.banners .campaign-banner-container .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.position-bottom-left, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.origo.campaigns.banners .campaign-banner-container a.position-bottom-left {
bottom: 3%;
left: 3%;
}
.component.origo.campaigns.banners .campaign-banner-container .button.position-bottom-center, .component.origo.campaigns.banners .campaign-banner-container .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.position-bottom-center, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.origo.campaigns.banners .campaign-banner-container a.position-bottom-center {
bottom: 3%;
left: 50%;
transform: translateX(-50%);
}
.component.origo.campaigns.banners .campaign-banner-container .button.position-bottom-right, .component.origo.campaigns.banners .campaign-banner-container .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.position-bottom-right, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.origo.campaigns.banners .campaign-banner-container a.position-bottom-right {
bottom: 3%;
right: 3%;
}
.component.phone-number-1 {
display: flex;
align-items: center;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.component.phone-number-1 .link {
color: #084;
text-decoration: none;
font-weight: 500;
white-space: nowrap;
display: inline-flex;
}
.component.phone-number-1 .link:hover {
text-decoration: underline;
}
:root {
--component-ribbons--font-size: 0.625rem;
--component-ribbons--min-height: calc(1.5046875rem + 6.05625vw);
--component-ribbons--min-width: calc(1.5046875rem + 6.05625vw);
--component-ribbons-sm-up--font-size: 0.75rem;
--component-ribbons-sm-up--min-height: calc(1.6185rem + 7.422vw);
--component-ribbons-sm-up--min-width: calc(1.5046875rem + 6.05625vw);
}
@media (min-width: 1200px) {
:root {
--component-ribbons--min-height: 6.046875rem;
}
}
@media (min-width: 1200px) {
:root {
--component-ribbons--min-width: 6.046875rem;
}
}
@media (min-width: 1200px) {
:root {
--component-ribbons-sm-up--min-height: 7.185rem;
}
}
@media (min-width: 1200px) {
:root {
--component-ribbons-sm-up--min-width: 6.046875rem;
}
}
.component.ribbons {
position: absolute;
top: 0;
left: 0;
transform: translate(-29.3%) rotate(-45deg);
transform-origin: 100% 0;
z-index: 1;
display: flex;
flex-direction: column;
row-gap: 0.5rem;
min-height: 96.75px;
min-width: 96.75px;
pointer-events: none;
}
@media (min-width: 576px) {
.component.ribbons {
min-height: 114.96px;
min-width: 114.96px;
}
}
.component.ribbon-1 {
-webkit-clip-path: inset(0 -100%);
clip-path: inset(0 -100%);
inset: 0 auto auto 0;
background-color: rgb(255, 0, 0);
box-shadow: 0 0 0 100px rgb(255, 0, 0);
color: rgb(255, 255, 255);
text-transform: uppercase;
font-weight: 600;
line-height: 1.6;
padding-left: 0;
padding-right: 0;
text-align: center;
font-size: 0.625rem;
}
@media (min-width: 576px) {
.component.ribbon-1 {
font-size: 0.75rem;
}
}
.component.ribbon-2 {
-webkit-clip-path: inset(0 -100%);
clip-path: inset(0 -100%);
inset: 0 auto auto 0;
background-color: #00AEEF;
box-shadow: 0 0 0 100px #00AEEF;
color: rgb(255, 255, 255);
text-transform: none;
font-weight: 600;
line-height: 1.6;
padding-left: 0;
padding-right: 0;
text-align: center;
font-size: 0.625rem;
}
@media (min-width: 576px) {
.component.ribbon-2 {
font-size: 0.75rem;
}
}
.component.ribbon-2.black-friday {
background-color: rgb(34, 34, 34);
box-shadow: 0 0 0 100px rgb(34, 34, 34);
color: #FF0;
}
:root {
--component-caption-caption-1--padding: 0 1rem 1rem;
--component-caption-caption-1--line-height: 140%;
}
.component.caption-1 {
color: rgba(34, 34, 34, 0.75);
font-size: 12px;
line-height: 140%;
padding: 0 1rem 1rem;
}
:root {
--component-divider-size-small--padding-y: 0.5rem;
--component-divider-size-medium--padding-y: 1rem;
--component-divider-size-large--padding-y: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--component-divider-size-large--padding-y: 2rem;
}
}
.component.divider {
display: flex;
align-items: center;
}
.component.divider.type-line:before {
content: "";
width: 100%;
height: 2px;
background-color: rgba(34, 34, 34, 0.05);
border-radius: 0;
}
.component.divider.size-small {
padding-top: var(--component-divider-size-small--padding-y);
padding-bottom: var(--component-divider-size-small--padding-y);
}
.component.divider.size-medium {
padding-top: var(--component-divider-size-medium--padding-y);
padding-bottom: var(--component-divider-size-medium--padding-y);
}
.component.divider.size-large {
padding-top: var(--component-divider-size-large--padding-y);
padding-bottom: var(--component-divider-size-large--padding-y);
}
:root {
--component-cards-filter--padding-top: calc(1.1rem + 1.2vw);
--component-cards-filter--padding-bottom: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--component-cards-filter--padding-top: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-cards-filter--padding-bottom: 2rem;
}
}
.component.cards .filter {
padding-top: var(--component-cards-filter--padding-top);
padding-bottom: var(--component-cards-filter--padding-bottom);
}
.component.cards .filter .buttons, .component.cards .filter .component.pagination {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
flex-direction: row;
overflow-y: auto;
width: 100%;
row-gap: var(--component-buttons--row-gap);
}
.component.cards .filter .buttons .button, .component.cards .filter .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.cards .filter .buttons a, .component.cards .filter .component.pagination .button, .component.cards .filter .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.cards .filter .component.pagination a {
white-space: nowrap;
}
.component.cards .filter-1 {
padding-top: var(--component-cards--padding-y);
padding-right: 0;
padding-bottom: var(--component-cards--padding-y);
padding-left: 0;
}
.component.cards .filter-1 > .inner {
padding-top: var(--component-cards-inner--padding-top);
padding-right: 0;
padding-bottom: var(--component-cards-inner--padding-bottom);
padding-left: 0;
}
:root {
--component-push-notification-form--margin: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--component-push-notification-form--margin: 2rem;
}
}
.component.push-notification.form {
position: fixed;
z-index: 11;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: space-between;
-moz-column-gap: 1rem;
column-gap: 1rem;
padding-top: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
margin: var(--component-push-notification-form--margin);
margin-bottom: var(--component-push-notification-form--margin);
background-color: rgba(34, 34, 34, 0.9);
color: rgb(255, 255, 255);
border-radius: 5px;
}
@media (min-width: 576px) {
.component.push-notification.form {
left: unset;
}
}
.component.push-notification.form .button, .component.push-notification.form .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.push-notification.form a {
width: 56px;
}
.component.push-notification.form .button.close svg path, .component.push-notification.form .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.close svg path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.push-notification.form a.close svg path {
stroke: rgb(255, 255, 255);
}
html body .page .push-notification .button.close, html body .page .push-notification .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.close, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child html body .page .push-notification a.close {
width: 30px;
}
.vendor.gravity-forms .gform_previous_button, .vendor.gravity-forms .gform_next_button, .vendor.gravity-forms .gform_button, .component.pagination .button, .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.pagination a, .component.card.blog-latest .inner .content .categories .button, .component.card.blog-latest .inner .content .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .inner .content .categories a, .component.card.blog-1 .inner .categories .button, .component.card.blog-1 .inner .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-1 .inner .categories a, .component.card.customizable-1.background-image .button, .component.card.customizable-1.background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1.background-image a, .component.card.customizable-1:not(.background-image) .button, .component.card.customizable-1:not(.background-image) .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1:not(.background-image) a, .component.button, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding-right: 11px;
padding-left: 11px;
border-radius: 5px;
text-decoration: none;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
font-size: 1rem;
font-weight: 500;
transition: all 0.1s ease-in-out;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
border-width: 0;
}
.vendor.gravity-forms .icon-text.gform_previous_button .icon, .vendor.gravity-forms .icon-text.gform_next_button .icon, .vendor.gravity-forms .icon-text.gform_button .icon, .component.pagination .icon-text.button .icon, .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.icon-text .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.pagination a.icon-text .icon, .component.card.blog-latest .inner .content .categories .icon-text.button .icon, .component.card.blog-latest .inner .content .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.icon-text .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .inner .content .categories a.icon-text .icon, .component.card.blog-1 .inner .categories .icon-text.button .icon, .component.card.blog-1 .inner .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.icon-text .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-1 .inner .categories a.icon-text .icon, .component.card.customizable-1.background-image .icon-text.button .icon, .component.card.customizable-1.background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.icon-text .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1.background-image a.icon-text .icon, .component.card.customizable-1:not(.background-image) .icon-text.button .icon, .component.card.customizable-1:not(.background-image) .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.icon-text .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1:not(.background-image) a.icon-text .icon, .icon-text.component.button .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.icon-text.component .icon, .vendor.gravity-forms .text-icon.gform_previous_button .icon, .vendor.gravity-forms .text-icon.gform_next_button .icon, .vendor.gravity-forms .text-icon.gform_button .icon, .component.pagination .text-icon.button .icon, .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.text-icon .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.pagination a.text-icon .icon, .component.card.blog-latest .inner .content .categories .text-icon.button .icon, .component.card.blog-latest .inner .content .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.text-icon .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .inner .content .categories a.text-icon .icon, .component.card.blog-1 .inner .categories .text-icon.button .icon, .component.card.blog-1 .inner .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.text-icon .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-1 .inner .categories a.text-icon .icon, .component.card.customizable-1.background-image .text-icon.button .icon, .component.card.customizable-1.background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.text-icon .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1.background-image a.text-icon .icon, .component.card.customizable-1:not(.background-image) .text-icon.button .icon, .component.card.customizable-1:not(.background-image) .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.text-icon .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1:not(.background-image) a.text-icon .icon, .text-icon.component.button .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.text-icon.component .icon {
transition: none;
}
.vendor.gravity-forms .gform_previous_button:hover, .vendor.gravity-forms .gform_next_button:hover, .vendor.gravity-forms .gform_button:hover, .component.pagination .button:hover, .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.pagination a:hover, .component.card.blog-latest .inner .content .categories .button:hover, .component.card.blog-latest .inner .content .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .inner .content .categories a:hover, .component.card.blog-1 .inner .categories .button:hover, .component.card.blog-1 .inner .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-1 .inner .categories a:hover, .component.card.customizable-1.background-image .button:hover, .component.card.customizable-1.background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1.background-image a:hover, .component.card.customizable-1:not(.background-image) .button:hover, .component.card.customizable-1:not(.background-image) .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1:not(.background-image) a:hover, .component.button:hover, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:hover {
text-decoration: none;
cursor: pointer;
}
.vendor.gravity-forms .gform_previous_button:hover.icon-text .icon, .vendor.gravity-forms .gform_next_button:hover.icon-text .icon, .vendor.gravity-forms .gform_button:hover.icon-text .icon, .component.pagination .button:hover.icon-text .icon, .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover.icon-text .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.pagination a:hover.icon-text .icon, .component.card.blog-latest .inner .content .categories .button:hover.icon-text .icon, .component.card.blog-latest .inner .content .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover.icon-text .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .inner .content .categories a:hover.icon-text .icon, .component.card.blog-1 .inner .categories .button:hover.icon-text .icon, .component.card.blog-1 .inner .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover.icon-text .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-1 .inner .categories a:hover.icon-text .icon, .component.card.customizable-1.background-image .button:hover.icon-text .icon, .component.card.customizable-1.background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover.icon-text .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1.background-image a:hover.icon-text .icon, .component.card.customizable-1:not(.background-image) .button:hover.icon-text .icon, .component.card.customizable-1:not(.background-image) .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover.icon-text .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1:not(.background-image) a:hover.icon-text .icon, .component.button:hover.icon-text .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:hover.icon-text .icon, .vendor.gravity-forms .gform_previous_button:hover.text-icon .icon, .vendor.gravity-forms .gform_next_button:hover.text-icon .icon, .vendor.gravity-forms .gform_button:hover.text-icon .icon, .component.pagination .button:hover.text-icon .icon, .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover.text-icon .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.pagination a:hover.text-icon .icon, .component.card.blog-latest .inner .content .categories .button:hover.text-icon .icon, .component.card.blog-latest .inner .content .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover.text-icon .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .inner .content .categories a:hover.text-icon .icon, .component.card.blog-1 .inner .categories .button:hover.text-icon .icon, .component.card.blog-1 .inner .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover.text-icon .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-1 .inner .categories a:hover.text-icon .icon, .component.card.customizable-1.background-image .button:hover.text-icon .icon, .component.card.customizable-1.background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover.text-icon .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1.background-image a:hover.text-icon .icon, .component.card.customizable-1:not(.background-image) .button:hover.text-icon .icon, .component.card.customizable-1:not(.background-image) .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover.text-icon .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1:not(.background-image) a:hover.text-icon .icon, .component.button:hover.text-icon .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:hover.text-icon .icon {
transition: none;
margin-left: 0;
}
.vendor.gravity-forms .gform_previous_button .label, .vendor.gravity-forms .gform_next_button .label, .vendor.gravity-forms .gform_button .label, .component.pagination .button .label, .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .label, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.pagination a .label, .component.card.blog-latest .inner .content .categories .button .label, .component.card.blog-latest .inner .content .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .label, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .inner .content .categories a .label, .component.card.blog-1 .inner .categories .button .label, .component.card.blog-1 .inner .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .label, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-1 .inner .categories a .label, .component.card.customizable-1.background-image .button .label, .component.card.customizable-1.background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .label, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1.background-image a .label, .component.card.customizable-1:not(.background-image) .button .label, .component.card.customizable-1:not(.background-image) .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .label, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1:not(.background-image) a .label, .component.button .label, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component .label {
opacity: 1;
transition: opacity 0.2s ease-in-out;
}
.vendor.gravity-forms .gform_previous_button .loader, .vendor.gravity-forms .gform_next_button .loader, .vendor.gravity-forms .gform_button .loader, .component.pagination .button .loader, .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.pagination a .loader, .component.card.blog-latest .inner .content .categories .button .loader, .component.card.blog-latest .inner .content .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .inner .content .categories a .loader, .component.card.blog-1 .inner .categories .button .loader, .component.card.blog-1 .inner .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-1 .inner .categories a .loader, .component.card.customizable-1.background-image .button .loader, .component.card.customizable-1.background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1.background-image a .loader, .component.card.customizable-1:not(.background-image) .button .loader, .component.card.customizable-1:not(.background-image) .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1:not(.background-image) a .loader, .component.button .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component .loader {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -160%);
display: inline-block;
width: 0.375rem;
height: 0.375rem;
background-color: rgb(255, 255, 255);
border-radius: 0.1875rem;
animation: button-loader 0.7s infinite;
opacity: 0;
visibility: hidden;
overflow: hidden;
transition-property: opacity, transform;
transition-duration: 0.25s;
transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
}
.vendor.gravity-forms .loading.gform_previous_button:not(.icon, .previous, .number, .next), .vendor.gravity-forms .loading.gform_next_button:not(.icon, .previous, .number, .next), .vendor.gravity-forms .loading.gform_button:not(.icon, .previous, .number, .next), .component.pagination .loading.button:not(.icon, .previous, .number, .next), .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.loading:not(.icon, .previous, .number, .next), .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.pagination a.loading:not(.icon, .previous, .number, .next), .component.card.blog-latest .inner .content .categories .loading.button:not(.icon, .previous, .number, .next), .component.card.blog-latest .inner .content .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.loading:not(.icon, .previous, .number, .next), .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .inner .content .categories a.loading:not(.icon, .previous, .number, .next), .component.card.blog-1 .inner .categories .loading.button:not(.icon, .previous, .number, .next), .component.card.blog-1 .inner .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.loading:not(.icon, .previous, .number, .next), .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-1 .inner .categories a.loading:not(.icon, .previous, .number, .next), .component.card.customizable-1.background-image .loading.button:not(.icon, .previous, .number, .next), .component.card.customizable-1.background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.loading:not(.icon, .previous, .number, .next), .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1.background-image a.loading:not(.icon, .previous, .number, .next), .component.card.customizable-1:not(.background-image) .loading.button:not(.icon, .previous, .number, .next), .component.card.customizable-1:not(.background-image) .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.loading:not(.icon, .previous, .number, .next), .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1:not(.background-image) a.loading:not(.icon, .previous, .number, .next), .loading.component.button:not(.icon, .previous, .number, .next), .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.loading.component:not(.icon, .previous, .number, .next) {
pointer-events: none;
}
.vendor.gravity-forms .loading.gform_previous_button:not(.icon, .previous, .number, .next) .label, .vendor.gravity-forms .loading.gform_next_button:not(.icon, .previous, .number, .next) .label, .vendor.gravity-forms .loading.gform_button:not(.icon, .previous, .number, .next) .label, .component.pagination .loading.button:not(.icon, .previous, .number, .next) .label, .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.loading:not(.icon, .previous, .number, .next) .label, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.pagination a.loading:not(.icon, .previous, .number, .next) .label, .component.card.blog-latest .inner .content .categories .loading.button:not(.icon, .previous, .number, .next) .label, .component.card.blog-latest .inner .content .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.loading:not(.icon, .previous, .number, .next) .label, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .inner .content .categories a.loading:not(.icon, .previous, .number, .next) .label, .component.card.blog-1 .inner .categories .loading.button:not(.icon, .previous, .number, .next) .label, .component.card.blog-1 .inner .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.loading:not(.icon, .previous, .number, .next) .label, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-1 .inner .categories a.loading:not(.icon, .previous, .number, .next) .label, .component.card.customizable-1.background-image .loading.button:not(.icon, .previous, .number, .next) .label, .component.card.customizable-1.background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.loading:not(.icon, .previous, .number, .next) .label, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1.background-image a.loading:not(.icon, .previous, .number, .next) .label, .component.card.customizable-1:not(.background-image) .loading.button:not(.icon, .previous, .number, .next) .label, .component.card.customizable-1:not(.background-image) .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.loading:not(.icon, .previous, .number, .next) .label, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1:not(.background-image) a.loading:not(.icon, .previous, .number, .next) .label, .loading.component.button:not(.icon, .previous, .number, .next) .label, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.loading.component:not(.icon, .previous, .number, .next) .label {
opacity: 0;
}
.vendor.gravity-forms .loading.gform_previous_button:not(.icon, .previous, .number, .next) .loader, .vendor.gravity-forms .loading.gform_next_button:not(.icon, .previous, .number, .next) .loader, .vendor.gravity-forms .loading.gform_button:not(.icon, .previous, .number, .next) .loader, .component.pagination .loading.button:not(.icon, .previous, .number, .next) .loader, .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.loading:not(.icon, .previous, .number, .next) .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.pagination a.loading:not(.icon, .previous, .number, .next) .loader, .component.card.blog-latest .inner .content .categories .loading.button:not(.icon, .previous, .number, .next) .loader, .component.card.blog-latest .inner .content .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.loading:not(.icon, .previous, .number, .next) .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .inner .content .categories a.loading:not(.icon, .previous, .number, .next) .loader, .component.card.blog-1 .inner .categories .loading.button:not(.icon, .previous, .number, .next) .loader, .component.card.blog-1 .inner .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.loading:not(.icon, .previous, .number, .next) .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-1 .inner .categories a.loading:not(.icon, .previous, .number, .next) .loader, .component.card.customizable-1.background-image .loading.button:not(.icon, .previous, .number, .next) .loader, .component.card.customizable-1.background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.loading:not(.icon, .previous, .number, .next) .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1.background-image a.loading:not(.icon, .previous, .number, .next) .loader, .component.card.customizable-1:not(.background-image) .loading.button:not(.icon, .previous, .number, .next) .loader, .component.card.customizable-1:not(.background-image) .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.loading:not(.icon, .previous, .number, .next) .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1:not(.background-image) a.loading:not(.icon, .previous, .number, .next) .loader, .loading.component.button:not(.icon, .previous, .number, .next) .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.loading.component:not(.icon, .previous, .number, .next) .loader {
opacity: 1;
visibility: visible;
}
@keyframes button-loader {
0%, to {
transform: translate(-50%, -160%);
animation-timing-function: ease-in;
}
40% {
transform: translate(-50%, 20%);
animation-timing-function: cubic-bezier(0, 0, 0, 1);
-webkit-animation-timing-function: ease-out;
}
50% {
height: 0.375rem;
-webkit-animation-timing-function: ease-out;
}
55% {
height: 0.3125rem;
-webkit-animation-timing-function: ease-in;
}
75% {
height: 0.375rem;
}
95% {
-webkit-animation-timing-function: ease-out;
}
100% {
-webkit-animation-timing-function: ease-in;
}
}
.component.card.blog-latest .inner .content .categories .button, .component.card.blog-latest .inner .content .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .inner .content .categories a, .component.card.blog-1 .inner .categories .button, .component.card.blog-1 .inner .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-1 .inner .categories a, .component.button-small {
min-height: 30px;
padding-right: 7.3333333333px;
padding-left: 7.3333333333px;
border-radius: 5px;
font-weight: 500;
font-size: 0.875rem;
-moz-column-gap: 0.375rem;
column-gap: 0.375rem;
}
.vendor.gravity-forms .gform_next_button, .vendor.gravity-forms .gform_button, .component.card.customizable-1:not(.background-image) .button, .component.card.customizable-1:not(.background-image) .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1:not(.background-image) a, .component.button-primary, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component, .component.card.blog-latest .buttons .component.button, .component.card.blog-latest .component.pagination .component.button, .component.card.blog-1 .component.button, .component.card.product-1 .component.button, .component.button.request-quote, .component.button.go-to-the-factory {
color: rgb(255, 255, 255);
background-color: #00AEEF;
border-width: 0;
border-color: unset;
border-style: unset;
}
.vendor.gravity-forms .gform_next_button .loader, .vendor.gravity-forms .gform_button .loader, .component.card.customizable-1:not(.background-image) .button .loader, .component.card.customizable-1:not(.background-image) .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1:not(.background-image) a .loader, .component.button-primary .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component .loader, .component.card.blog-latest .buttons .component.button .loader, .component.card.blog-latest .component.pagination .component.button .loader, .component.card.blog-1 .component.button .loader, .component.card.product-1 .component.button .loader, .component.button.request-quote .loader, .component.button.go-to-the-factory .loader {
background-color: rgb(255, 255, 255);
}
.vendor.gravity-forms .gform_next_button .icon path, .vendor.gravity-forms .gform_button .icon path, .component.card.customizable-1:not(.background-image) .button .icon path, .component.card.customizable-1:not(.background-image) .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1:not(.background-image) a .icon path, .component.button-primary .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component .icon path, .component.card.blog-latest .buttons .component.button .icon path, .component.card.blog-latest .component.pagination .component.button .icon path, .component.card.blog-1 .component.button .icon path, .component.card.product-1 .component.button .icon path, .component.button.request-quote .icon path, .component.button.go-to-the-factory .icon path,
.vendor.gravity-forms .gform_next_button .icon circle,
.vendor.gravity-forms .gform_button .icon circle,
.component.card.customizable-1:not(.background-image) .button .icon circle,
.component.card.customizable-1:not(.background-image) .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1:not(.background-image) a .icon circle,
.component.button-primary .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component .icon circle,
.component.card.blog-latest .buttons .component.button .icon circle,
.component.card.blog-latest .component.pagination .component.button .icon circle,
.component.card.blog-1 .component.button .icon circle,
.component.card.product-1 .component.button .icon circle,
.component.button.request-quote .icon circle,
.component.button.go-to-the-factory .icon circle {
stroke: rgb(255, 255, 255);
}
.vendor.gravity-forms .gform_next_button .icon path.fill, .vendor.gravity-forms .gform_button .icon path.fill, .component.card.customizable-1:not(.background-image) .button .icon path.fill, .component.card.customizable-1:not(.background-image) .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1:not(.background-image) a .icon path.fill, .component.button-primary .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component .icon path.fill, .component.card.blog-latest .buttons .component.button .icon path.fill, .component.card.blog-latest .component.pagination .component.button .icon path.fill, .component.card.blog-1 .component.button .icon path.fill, .component.card.product-1 .component.button .icon path.fill, .component.button.request-quote .icon path.fill, .component.button.go-to-the-factory .icon path.fill,
.vendor.gravity-forms .gform_next_button .icon circle.fill,
.vendor.gravity-forms .gform_button .icon circle.fill,
.component.card.customizable-1:not(.background-image) .button .icon circle.fill,
.component.card.customizable-1:not(.background-image) .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1:not(.background-image) a .icon circle.fill,
.component.button-primary .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component .icon circle.fill,
.component.card.blog-latest .buttons .component.button .icon circle.fill,
.component.card.blog-latest .component.pagination .component.button .icon circle.fill,
.component.card.blog-1 .component.button .icon circle.fill,
.component.card.product-1 .component.button .icon circle.fill,
.component.button.request-quote .icon circle.fill,
.component.button.go-to-the-factory .icon circle.fill {
fill: rgb(255, 255, 255);
stroke: none;
}
.vendor.gravity-forms .gform_next_button:hover, .vendor.gravity-forms .gform_button:hover, .component.card.customizable-1:not(.background-image) .button:hover, .component.card.customizable-1:not(.background-image) .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1:not(.background-image) a:hover, .component.button-primary:hover, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:hover, .component.card.blog-latest .buttons .component.button:hover, .component.card.blog-latest .component.pagination .component.button:hover, .component.card.blog-1 .component.button:hover, .component.card.product-1 .component.button:hover, .component.button.request-quote:hover, .component.button.go-to-the-factory:hover {
color: rgb(255, 255, 255);
border-color: unset;
background-color: #009bd6;
}
.vendor.gravity-forms .gform_next_button:hover .icon path, .vendor.gravity-forms .gform_button:hover .icon path, .component.card.customizable-1:not(.background-image) .button:hover .icon path, .component.card.customizable-1:not(.background-image) .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1:not(.background-image) a:hover .icon path, .component.button-primary:hover .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:hover .icon path, .component.card.blog-latest .buttons .component.button:hover .icon path, .component.card.blog-latest .component.pagination .component.button:hover .icon path, .component.card.blog-1 .component.button:hover .icon path, .component.card.product-1 .component.button:hover .icon path, .component.button.request-quote:hover .icon path, .component.button.go-to-the-factory:hover .icon path,
.vendor.gravity-forms .gform_next_button:hover .icon circle,
.vendor.gravity-forms .gform_button:hover .icon circle,
.component.card.customizable-1:not(.background-image) .button:hover .icon circle,
.component.card.customizable-1:not(.background-image) .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1:not(.background-image) a:hover .icon circle,
.component.button-primary:hover .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:hover .icon circle,
.component.card.blog-latest .buttons .component.button:hover .icon circle,
.component.card.blog-latest .component.pagination .component.button:hover .icon circle,
.component.card.blog-1 .component.button:hover .icon circle,
.component.card.product-1 .component.button:hover .icon circle,
.component.button.request-quote:hover .icon circle,
.component.button.go-to-the-factory:hover .icon circle {
stroke: rgb(255, 255, 255);
}
.vendor.gravity-forms .gform_next_button:hover .icon path.fill, .vendor.gravity-forms .gform_button:hover .icon path.fill, .component.card.customizable-1:not(.background-image) .button:hover .icon path.fill, .component.card.customizable-1:not(.background-image) .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1:not(.background-image) a:hover .icon path.fill, .component.button-primary:hover .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:hover .icon path.fill, .component.card.blog-latest .buttons .component.button:hover .icon path.fill, .component.card.blog-latest .component.pagination .component.button:hover .icon path.fill, .component.card.blog-1 .component.button:hover .icon path.fill, .component.card.product-1 .component.button:hover .icon path.fill, .component.button.request-quote:hover .icon path.fill, .component.button.go-to-the-factory:hover .icon path.fill,
.vendor.gravity-forms .gform_next_button:hover .icon circle.fill,
.vendor.gravity-forms .gform_button:hover .icon circle.fill,
.component.card.customizable-1:not(.background-image) .button:hover .icon circle.fill,
.component.card.customizable-1:not(.background-image) .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1:not(.background-image) a:hover .icon circle.fill,
.component.button-primary:hover .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:hover .icon circle.fill,
.component.card.blog-latest .buttons .component.button:hover .icon circle.fill,
.component.card.blog-latest .component.pagination .component.button:hover .icon circle.fill,
.component.card.blog-1 .component.button:hover .icon circle.fill,
.component.card.product-1 .component.button:hover .icon circle.fill,
.component.button.request-quote:hover .icon circle.fill,
.component.button.go-to-the-factory:hover .icon circle.fill {
fill: rgb(255, 255, 255);
stroke: none;
}
.component.button-primary-outlined {
color: #FA2;
background-color: transparent;
border-width: 1px;
border-color: #FA2;
border-style: solid;
}
.component.button-primary-outlined .loader {
background-color: #FA2;
}
.component.button-primary-outlined .icon path,
.component.button-primary-outlined .icon circle {
stroke: rgb(255, 255, 255);
}
.component.button-primary-outlined .icon path.fill,
.component.button-primary-outlined .icon circle.fill {
fill: rgb(255, 255, 255);
stroke: none;
}
.component.button-primary-outlined:hover {
color: rgb(255, 255, 255);
border-color: #ffa009;
background-color: #ffa009;
}
.component.button-primary-outlined:hover .icon path,
.component.button-primary-outlined:hover .icon circle {
stroke: rgb(255, 255, 255);
}
.component.button-primary-outlined:hover .icon path.fill,
.component.button-primary-outlined:hover .icon circle.fill {
fill: rgb(255, 255, 255);
stroke: none;
}
.component.card.customizable-1.background-image .button, .component.card.customizable-1.background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1.background-image a, .component.button-secondary, .component.card.vlog-latest > .background-image .component.button.play, .component.card.vlog-latest > .background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.play, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-latest > .background-image a.component.play, .component.card.vlog-1 .component.button.play, .component.card.vlog-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.play, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-1 a.component.play, .component.video .component.button, .component.video .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.video a.component {
color: rgb(255, 255, 255);
background-color: rgb(34, 34, 34);
border-color: unset;
border-style: unset;
}
.component.card.customizable-1.background-image .button .loader, .component.card.customizable-1.background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1.background-image a .loader, .component.button-secondary .loader, .component.card.vlog-latest > .background-image .component.button.play .loader, .component.card.vlog-latest > .background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.play .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-latest > .background-image a.component.play .loader, .component.card.vlog-1 .component.button.play .loader, .component.card.vlog-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.play .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-1 a.component.play .loader, .component.video .component.button .loader, .component.video .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.video a.component .loader {
background-color: rgb(255, 255, 255);
}
.component.card.customizable-1.background-image .button .icon path, .component.card.customizable-1.background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1.background-image a .icon path, .component.button-secondary .icon path, .component.card.vlog-latest > .background-image .component.button.play .icon path, .component.card.vlog-latest > .background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.play .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-latest > .background-image a.component.play .icon path, .component.card.vlog-1 .component.button.play .icon path, .component.card.vlog-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.play .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-1 a.component.play .icon path, .component.video .component.button .icon path, .component.video .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.video a.component .icon path,
.component.card.customizable-1.background-image .button .icon circle,
.component.card.customizable-1.background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1.background-image a .icon circle,
.component.button-secondary .icon circle,
.component.card.vlog-latest > .background-image .component.button.play .icon circle,
.component.card.vlog-latest > .background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.play .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-latest > .background-image a.component.play .icon circle,
.component.card.vlog-1 .component.button.play .icon circle,
.component.card.vlog-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.play .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-1 a.component.play .icon circle,
.component.video .component.button .icon circle,
.component.video .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.video a.component .icon circle {
stroke: rgb(255, 255, 255);
}
.component.card.customizable-1.background-image .button .icon path.fill, .component.card.customizable-1.background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1.background-image a .icon path.fill, .component.button-secondary .icon path.fill, .component.card.vlog-latest > .background-image .component.button.play .icon path.fill, .component.card.vlog-latest > .background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.play .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-latest > .background-image a.component.play .icon path.fill, .component.card.vlog-1 .component.button.play .icon path.fill, .component.card.vlog-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.play .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-1 a.component.play .icon path.fill, .component.video .component.button .icon path.fill, .component.video .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.video a.component .icon path.fill,
.component.card.customizable-1.background-image .button .icon circle.fill,
.component.card.customizable-1.background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1.background-image a .icon circle.fill,
.component.button-secondary .icon circle.fill,
.component.card.vlog-latest > .background-image .component.button.play .icon circle.fill,
.component.card.vlog-latest > .background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.play .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-latest > .background-image a.component.play .icon circle.fill,
.component.card.vlog-1 .component.button.play .icon circle.fill,
.component.card.vlog-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.play .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-1 a.component.play .icon circle.fill,
.component.video .component.button .icon circle.fill,
.component.video .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.video a.component .icon circle.fill {
fill: rgb(255, 255, 255);
stroke: none;
}
.component.card.customizable-1.background-image .button:hover, .component.card.customizable-1.background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1.background-image a:hover, .component.button-secondary:hover, .component.card.vlog-latest > .background-image .component.button.play:hover, .component.card.vlog-latest > .background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.play:hover, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-latest > .background-image a.component.play:hover, .component.card.vlog-1 .component.button.play:hover, .component.card.vlog-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.play:hover, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-1 a.component.play:hover, .component.video .component.button:hover, .component.video .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:hover, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.video a.component:hover {
color: rgb(255, 255, 255);
background-color: #2f2f2f;
}
.component.card.customizable-1.background-image .button:hover .icon path, .component.card.customizable-1.background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1.background-image a:hover .icon path, .component.button-secondary:hover .icon path, .component.card.vlog-latest > .background-image .component.button.play:hover .icon path, .component.card.vlog-latest > .background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.play:hover .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-latest > .background-image a.component.play:hover .icon path, .component.card.vlog-1 .component.button.play:hover .icon path, .component.card.vlog-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.play:hover .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-1 a.component.play:hover .icon path, .component.video .component.button:hover .icon path, .component.video .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:hover .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.video a.component:hover .icon path,
.component.card.customizable-1.background-image .button:hover .icon circle,
.component.card.customizable-1.background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1.background-image a:hover .icon circle,
.component.button-secondary:hover .icon circle,
.component.card.vlog-latest > .background-image .component.button.play:hover .icon circle,
.component.card.vlog-latest > .background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.play:hover .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-latest > .background-image a.component.play:hover .icon circle,
.component.card.vlog-1 .component.button.play:hover .icon circle,
.component.card.vlog-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.play:hover .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-1 a.component.play:hover .icon circle,
.component.video .component.button:hover .icon circle,
.component.video .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:hover .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.video a.component:hover .icon circle {
stroke: rgb(255, 255, 255);
}
.component.card.customizable-1.background-image .button:hover .icon path.fill, .component.card.customizable-1.background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1.background-image a:hover .icon path.fill, .component.button-secondary:hover .icon path.fill, .component.card.vlog-latest > .background-image .component.button.play:hover .icon path.fill, .component.card.vlog-latest > .background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.play:hover .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-latest > .background-image a.component.play:hover .icon path.fill, .component.card.vlog-1 .component.button.play:hover .icon path.fill, .component.card.vlog-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.play:hover .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-1 a.component.play:hover .icon path.fill, .component.video .component.button:hover .icon path.fill, .component.video .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:hover .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.video a.component:hover .icon path.fill,
.component.card.customizable-1.background-image .button:hover .icon circle.fill,
.component.card.customizable-1.background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1.background-image a:hover .icon circle.fill,
.component.button-secondary:hover .icon circle.fill,
.component.card.vlog-latest > .background-image .component.button.play:hover .icon circle.fill,
.component.card.vlog-latest > .background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.play:hover .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-latest > .background-image a.component.play:hover .icon circle.fill,
.component.card.vlog-1 .component.button.play:hover .icon circle.fill,
.component.card.vlog-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.play:hover .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-1 a.component.play:hover .icon circle.fill,
.component.video .component.button:hover .icon circle.fill,
.component.video .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:hover .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.video a.component:hover .icon circle.fill {
fill: rgb(255, 255, 255);
stroke: none;
}
.component.button-secondary-outlined {
color: rgb(34, 34, 34);
background-color: transparent;
border-width: 1px;
border-color: rgb(34, 34, 34);
border-style: solid;
}
.component.button-secondary-outlined .loader {
background-color: rgb(34, 34, 34);
}
.component.button-secondary-outlined .icon path,
.component.button-secondary-outlined .icon circle {
stroke: rgb(255, 255, 255);
}
.component.button-secondary-outlined .icon path.fill,
.component.button-secondary-outlined .icon circle.fill {
fill: rgb(255, 255, 255);
stroke: none;
}
.component.button-secondary-outlined:hover {
color: rgb(255, 255, 255);
border-color: rgb(34, 34, 34);
background-color: rgb(34, 34, 34);
}
.component.button-secondary-outlined:hover .icon path,
.component.button-secondary-outlined:hover .icon circle {
stroke: rgb(255, 255, 255);
}
.component.button-secondary-outlined:hover .icon path.fill,
.component.button-secondary-outlined:hover .icon circle.fill {
fill: rgb(255, 255, 255);
stroke: none;
}
.component.button-tertiary, .component.product-sample-add-2 .component.button, .component.product-sample-add-2 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.product-sample-add-2 a.component, .component.product-sample-add-1 .component.button, .component.product-sample-add-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.product-sample-add-1 a.component {
color: rgb(34, 34, 34);
background-color: #E6F1F6;
border-width: 0;
border-color: unset;
border-style: unset;
}
.component.button-tertiary .loader, .component.product-sample-add-2 .component.button .loader, .component.product-sample-add-2 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.product-sample-add-2 a.component .loader, .component.product-sample-add-1 .component.button .loader, .component.product-sample-add-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.product-sample-add-1 a.component .loader {
background-color: rgb(34, 34, 34);
}
.component.button-tertiary .icon path, .component.product-sample-add-2 .component.button .icon path, .component.product-sample-add-2 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.product-sample-add-2 a.component .icon path, .component.product-sample-add-1 .component.button .icon path, .component.product-sample-add-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.product-sample-add-1 a.component .icon path,
.component.button-tertiary .icon circle,
.component.product-sample-add-2 .component.button .icon circle,
.component.product-sample-add-2 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.product-sample-add-2 a.component .icon circle,
.component.product-sample-add-1 .component.button .icon circle,
.component.product-sample-add-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.product-sample-add-1 a.component .icon circle {
stroke: rgb(34, 34, 34);
}
.component.button-tertiary .icon path.fill, .component.product-sample-add-2 .component.button .icon path.fill, .component.product-sample-add-2 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.product-sample-add-2 a.component .icon path.fill, .component.product-sample-add-1 .component.button .icon path.fill, .component.product-sample-add-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.product-sample-add-1 a.component .icon path.fill,
.component.button-tertiary .icon circle.fill,
.component.product-sample-add-2 .component.button .icon circle.fill,
.component.product-sample-add-2 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.product-sample-add-2 a.component .icon circle.fill,
.component.product-sample-add-1 .component.button .icon circle.fill,
.component.product-sample-add-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.product-sample-add-1 a.component .icon circle.fill {
fill: rgb(34, 34, 34);
stroke: none;
}
.component.button-tertiary:hover, .component.product-sample-add-2 .component.button:hover, .component.product-sample-add-2 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:hover, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.product-sample-add-2 a.component:hover, .component.product-sample-add-1 .component.button:hover, .component.product-sample-add-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:hover, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.product-sample-add-1 a.component:hover {
color: rgb(34, 34, 34);
border-color: unset;
background-color: #d3e7ef;
}
.component.button-tertiary:hover .icon path, .component.product-sample-add-2 .component.button:hover .icon path, .component.product-sample-add-2 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:hover .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.product-sample-add-2 a.component:hover .icon path, .component.product-sample-add-1 .component.button:hover .icon path, .component.product-sample-add-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:hover .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.product-sample-add-1 a.component:hover .icon path,
.component.button-tertiary:hover .icon circle,
.component.product-sample-add-2 .component.button:hover .icon circle,
.component.product-sample-add-2 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:hover .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.product-sample-add-2 a.component:hover .icon circle,
.component.product-sample-add-1 .component.button:hover .icon circle,
.component.product-sample-add-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:hover .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.product-sample-add-1 a.component:hover .icon circle {
stroke: rgb(34, 34, 34);
}
.component.button-tertiary:hover .icon path.fill, .component.product-sample-add-2 .component.button:hover .icon path.fill, .component.product-sample-add-2 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:hover .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.product-sample-add-2 a.component:hover .icon path.fill, .component.product-sample-add-1 .component.button:hover .icon path.fill, .component.product-sample-add-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:hover .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.product-sample-add-1 a.component:hover .icon path.fill,
.component.button-tertiary:hover .icon circle.fill,
.component.product-sample-add-2 .component.button:hover .icon circle.fill,
.component.product-sample-add-2 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:hover .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.product-sample-add-2 a.component:hover .icon circle.fill,
.component.product-sample-add-1 .component.button:hover .icon circle.fill,
.component.product-sample-add-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:hover .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.product-sample-add-1 a.component:hover .icon circle.fill {
fill: rgb(34, 34, 34);
stroke: none;
}
.component.button-tertiary-outlined {
color: rgb(34, 34, 34);
background-color: transparent;
border-width: 1px;
border-color: #E6F1F6;
border-style: solid;
}
.component.button-tertiary-outlined .loader {
background-color: rgb(34, 34, 34);
}
.component.button-tertiary-outlined .icon path,
.component.button-tertiary-outlined .icon circle {
stroke: rgb(34, 34, 34);
}
.component.button-tertiary-outlined .icon path.fill,
.component.button-tertiary-outlined .icon circle.fill {
fill: rgb(34, 34, 34);
stroke: none;
}
.component.button-tertiary-outlined:hover {
color: rgb(34, 34, 34);
border-color: #d3e7ef;
background-color: #d3e7ef;
}
.component.button-tertiary-outlined:hover .icon path,
.component.button-tertiary-outlined:hover .icon circle {
stroke: rgb(255, 255, 255);
}
.component.button-tertiary-outlined:hover .icon path.fill,
.component.button-tertiary-outlined:hover .icon circle.fill {
fill: rgb(255, 255, 255);
stroke: none;
}
.vendor.gravity-forms .gform_previous_button, .component.pagination .button, .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.pagination a, .component.card.blog-latest .inner .content .categories .button, .component.card.blog-latest .inner .content .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .inner .content .categories a, .component.card.blog-1 .inner .categories .button, .component.card.blog-1 .inner .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-1 .inner .categories a, .component.button-gray, .component.cards .filter .buttons .button, .component.cards .filter .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.cards .filter .buttons a, .component.cards .filter .component.pagination .button {
color: rgb(34, 34, 34);
background-color: rgba(34, 34, 34, 0.1);
}
.vendor.gravity-forms .gform_previous_button .loader, .component.pagination .button .loader, .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.pagination a .loader, .component.card.blog-latest .inner .content .categories .button .loader, .component.card.blog-latest .inner .content .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .inner .content .categories a .loader, .component.card.blog-1 .inner .categories .button .loader, .component.card.blog-1 .inner .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-1 .inner .categories a .loader, .component.button-gray .loader, .component.cards .filter .buttons .button .loader, .component.cards .filter .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .loader, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.cards .filter .buttons a .loader, .component.cards .filter .component.pagination .button .loader {
background-color: rgb(34, 34, 34);
}
.vendor.gravity-forms .gform_previous_button .icon path, .component.pagination .button .icon path, .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.pagination a .icon path, .component.card.blog-latest .inner .content .categories .button .icon path, .component.card.blog-latest .inner .content .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .inner .content .categories a .icon path, .component.card.blog-1 .inner .categories .button .icon path, .component.card.blog-1 .inner .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-1 .inner .categories a .icon path, .component.button-gray .icon path, .component.cards .filter .buttons .button .icon path, .component.cards .filter .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.cards .filter .buttons a .icon path, .component.cards .filter .component.pagination .button .icon path,
.vendor.gravity-forms .gform_previous_button .icon circle,
.component.pagination .button .icon circle,
.component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.pagination a .icon circle,
.component.card.blog-latest .inner .content .categories .button .icon circle,
.component.card.blog-latest .inner .content .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .inner .content .categories a .icon circle,
.component.card.blog-1 .inner .categories .button .icon circle,
.component.card.blog-1 .inner .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-1 .inner .categories a .icon circle,
.component.button-gray .icon circle,
.component.cards .filter .buttons .button .icon circle,
.component.cards .filter .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.cards .filter .buttons a .icon circle,
.component.cards .filter .component.pagination .button .icon circle {
stroke: rgb(34, 34, 34);
}
.vendor.gravity-forms .gform_previous_button .icon path.fill, .component.pagination .button .icon path.fill, .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.pagination a .icon path.fill, .component.card.blog-latest .inner .content .categories .button .icon path.fill, .component.card.blog-latest .inner .content .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .inner .content .categories a .icon path.fill, .component.card.blog-1 .inner .categories .button .icon path.fill, .component.card.blog-1 .inner .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-1 .inner .categories a .icon path.fill, .component.button-gray .icon path.fill, .component.cards .filter .buttons .button .icon path.fill, .component.cards .filter .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.cards .filter .buttons a .icon path.fill,
.vendor.gravity-forms .gform_previous_button .icon circle.fill,
.component.pagination .button .icon circle.fill,
.component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.pagination a .icon circle.fill,
.component.card.blog-latest .inner .content .categories .button .icon circle.fill,
.component.card.blog-latest .inner .content .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .inner .content .categories a .icon circle.fill,
.component.card.blog-1 .inner .categories .button .icon circle.fill,
.component.card.blog-1 .inner .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-1 .inner .categories a .icon circle.fill,
.component.button-gray .icon circle.fill,
.component.cards .filter .buttons .button .icon circle.fill,
.component.cards .filter .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.cards .filter .buttons a .icon circle.fill {
fill: rgb(34, 34, 34);
stroke: none;
}
.vendor.gravity-forms .gform_previous_button:hover, .component.pagination .button:hover, .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.pagination a:hover, .component.card.blog-latest .inner .content .categories .button:hover, .component.card.blog-latest .inner .content .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .inner .content .categories a:hover, .component.card.blog-1 .inner .categories .button:hover, .component.card.blog-1 .inner .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-1 .inner .categories a:hover, .component.button-gray:hover, .component.cards .filter .buttons .button:hover, .component.cards .filter .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.cards .filter .buttons a:hover, .component.cards .filter .component.pagination .button:hover {
color: rgb(34, 34, 34);
background-color: rgba(34, 34, 34, 0.15);
}
.vendor.gravity-forms .gform_previous_button:hover .icon path, .component.pagination .button:hover .icon path, .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.pagination a:hover .icon path, .component.card.blog-latest .inner .content .categories .button:hover .icon path, .component.card.blog-latest .inner .content .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .inner .content .categories a:hover .icon path, .component.card.blog-1 .inner .categories .button:hover .icon path, .component.card.blog-1 .inner .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-1 .inner .categories a:hover .icon path, .component.button-gray:hover .icon path, .component.cards .filter .buttons .button:hover .icon path, .component.cards .filter .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.cards .filter .buttons a:hover .icon path,
.vendor.gravity-forms .gform_previous_button:hover .icon circle,
.component.pagination .button:hover .icon circle,
.component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.pagination a:hover .icon circle,
.component.card.blog-latest .inner .content .categories .button:hover .icon circle,
.component.card.blog-latest .inner .content .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .inner .content .categories a:hover .icon circle,
.component.card.blog-1 .inner .categories .button:hover .icon circle,
.component.card.blog-1 .inner .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-1 .inner .categories a:hover .icon circle,
.component.button-gray:hover .icon circle,
.component.cards .filter .buttons .button:hover .icon circle,
.component.cards .filter .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.cards .filter .buttons a:hover .icon circle {
stroke: rgb(34, 34, 34);
}
.vendor.gravity-forms .gform_previous_button:hover .icon path.fill, .component.pagination .button:hover .icon path.fill, .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.pagination a:hover .icon path.fill, .component.card.blog-latest .inner .content .categories .button:hover .icon path.fill, .component.card.blog-latest .inner .content .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .inner .content .categories a:hover .icon path.fill, .component.card.blog-1 .inner .categories .button:hover .icon path.fill, .component.card.blog-1 .inner .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-1 .inner .categories a:hover .icon path.fill, .component.button-gray:hover .icon path.fill, .component.cards .filter .buttons .button:hover .icon path.fill, .component.cards .filter .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.cards .filter .buttons a:hover .icon path.fill,
.vendor.gravity-forms .gform_previous_button:hover .icon circle.fill,
.component.pagination .button:hover .icon circle.fill,
.component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.pagination a:hover .icon circle.fill,
.component.card.blog-latest .inner .content .categories .button:hover .icon circle.fill,
.component.card.blog-latest .inner .content .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .inner .content .categories a:hover .icon circle.fill,
.component.card.blog-1 .inner .categories .button:hover .icon circle.fill,
.component.card.blog-1 .inner .categories .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-1 .inner .categories a:hover .icon circle.fill,
.component.button-gray:hover .icon circle.fill,
.component.cards .filter .buttons .button:hover .icon circle.fill,
.component.cards .filter .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.cards .filter .buttons a:hover .icon circle.fill {
fill: rgb(34, 34, 34);
stroke: none;
}
.component.cards .filter .buttons .button.active, .component.cards .filter .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.active, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.cards .filter .buttons a.active, .component.cards .filter .component.pagination .button.active, .component.cards .filter .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.active, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.cards .filter .component.pagination a.active {
color: rgb(34, 34, 34);
background-color: rgba(34, 34, 34, 0.3);
}
.component.cards .filter .buttons .button.active .icon path, .component.cards .filter .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.active .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.cards .filter .buttons a.active .icon path, .component.cards .filter .component.pagination .button.active .icon path, .component.cards .filter .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.active .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.cards .filter .component.pagination a.active .icon path,
.component.cards .filter .buttons .button.active .icon circle,
.component.cards .filter .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.active .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.cards .filter .buttons a.active .icon circle,
.component.cards .filter .component.pagination .button.active .icon circle,
.component.cards .filter .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.active .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.cards .filter .component.pagination a.active .icon circle {
stroke: rgb(34, 34, 34);
}
.component.cards .filter .buttons .button.active .icon path.fill, .component.cards .filter .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.active .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.cards .filter .buttons a.active .icon path.fill, .component.cards .filter .component.pagination .button.active .icon path.fill, .component.cards .filter .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.active .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.cards .filter .component.pagination a.active .icon path.fill,
.component.cards .filter .buttons .button.active .icon circle.fill,
.component.cards .filter .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.active .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.cards .filter .buttons a.active .icon circle.fill,
.component.cards .filter .component.pagination .button.active .icon circle.fill,
.component.cards .filter .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.active .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.cards .filter .component.pagination a.active .icon circle.fill {
fill: rgb(34, 34, 34);
stroke: none;
}
.component.button-transparent {
color: rgb(34, 34, 34);
background-color: transparent;
}
.component.button-transparent .loader {
background-color: rgb(34, 34, 34);
}
.component.button-transparent .icon path,
.component.button-transparent .icon circle {
stroke: rgb(34, 34, 34);
}
.component.button-transparent .icon path.fill,
.component.button-transparent .icon circle.fill {
fill: rgb(255, 255, 255);
}
.component.button-transparent .icon path.fill.fill,
.component.button-transparent .icon circle.fill.fill {
fill: rgb(34, 34, 34);
stroke: none;
}
.component.button-transparent:hover {
color: rgb(255, 255, 255);
background-color: rgb(34, 34, 34);
}
.component.button-transparent:hover .icon path,
.component.button-transparent:hover .icon circle {
stroke: rgb(255, 255, 255);
}
.component.button-transparent:hover .icon path.fill,
.component.button-transparent:hover .icon circle.fill {
fill: rgb(255, 255, 255);
}
.component.button-transparent-outlined {
color: rgb(34, 34, 34);
background-color: transparent;
border-width: 1px;
border-color: rgb(34, 34, 34);
border-style: solid;
}
.component.button-transparent-outlined .loader {
background-color: rgb(34, 34, 34);
}
.component.button-transparent-outlined .icon path,
.component.button-transparent-outlined .icon circle {
stroke: rgb(255, 255, 255);
}
.component.button-transparent-outlined .icon path.fill,
.component.button-transparent-outlined .icon circle.fill {
fill: rgb(255, 255, 255);
stroke: none;
}
.component.button-transparent-outlined:hover {
color: rgb(255, 255, 255);
border-color: rgb(34, 34, 34);
background-color: rgb(34, 34, 34);
}
.component.button-transparent-outlined:hover .icon path,
.component.button-transparent-outlined:hover .icon circle {
stroke: rgb(255, 255, 255);
}
.component.button-transparent-outlined:hover .icon path.fill,
.component.button-transparent-outlined:hover .icon circle.fill {
fill: rgb(255, 255, 255);
stroke: none;
}
.component.button.icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.icon {
width: 46px;
padding: 0;
}
:root {
--component-buttons--padding-top: calc(1.1rem + 1.2vw);
--component-buttons--padding-bottom: 0;
--component-buttons--column-gap: 1rem;
--component-buttons--row-gap: 1rem;
}
@media (min-width: 1200px) {
:root {
--component-buttons--padding-top: 2rem;
}
}
.component.buttons, .component.pagination {
display: flex;
padding-top: var(--component-buttons--padding-top);
padding-bottom: var(--component-buttons--padding-bottom);
-moz-column-gap: var(--component-buttons--column-gap);
column-gap: var(--component-buttons--column-gap);
width: 100%;
}
.component.buttons:empty, .component.pagination:empty {
display: none;
}
.component.buttons:has(.button ~ .button, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a ~ .button, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .button ~ a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a ~ a), .component.pagination:has(.button ~ .button, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a ~ .button, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .button ~ a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a ~ a) {
display: inline-flex;
flex-direction: column;
row-gap: var(--component-buttons--row-gap);
}
@media (min-width: 576px) {
.component.buttons:has(.button ~ .button, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a ~ .button, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .button ~ a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a ~ a), .component.pagination:has(.button ~ .button, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a ~ .button, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .button ~ a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a ~ a) {
display: flex;
flex-direction: row;
}
}
.component.buttons.align-left, .component.align-left.pagination {
justify-content: flex-start;
}
.component.buttons.align-center, .component.align-center.pagination {
justify-content: center;
}
.component.buttons.align-right, .component.align-right.pagination {
justify-content: flex-end;
}
.component.buttons + .buttons, .component.pagination + .buttons, .component.buttons + .component.pagination, .component.pagination + .component.pagination {
margin-top: var(--component-buttons--padding-top);
}
.title-1 {
display: flex;
flex-direction: column;
}
.title-1.step-1 {
display: flex;
align-items: center;
flex-direction: row;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.title-1 .subtitle {
display: flex;
}
.title + .component.list, .title + .component.buttons, .title + .component.pagination {
padding-top: 0;
}
.columns-horizontal-align-left .title-1 {
text-align: left;
}
.columns-horizontal-align-left .title-1 .subtitle {
text-align: left;
}
.columns-horizontal-align-center .title-1 {
text-align: center;
}
.columns-horizontal-align-center .title-1 .subtitle {
text-align: center;
}
.columns-horizontal-align-right .title-1 {
text-align: right;
}
.columns-horizontal-align-right .title-1 .subtitle {
text-align: right;
}
:root {
--component-images-row--row-gap: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--component-images-row--row-gap: 2rem;
}
}
.component.images {
width: 100%;
}
.component.images .row, .component.images .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .component.images .gform_fields {
row-gap: var(--component-images-row--row-gap);
}
.component .image {
display: flex;
}
.component.interactive-image-1 {
position: relative;
}
.component.interactive-image-1 .button, .component.interactive-image-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.interactive-image-1 a {
position: absolute;
height: 30px;
width: 30px;
}
.component.interactive-image-1 .button:before, .component.interactive-image-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:before, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.interactive-image-1 a:before {
content: "";
height: 30px;
width: 30px;
border-radius: 15px;
background-color: rgba(34, 34, 34, 0.1);
position: absolute;
z-index: 1;
transition: background-color 0.2s ease-in-out;
}
.component.interactive-image-1 .button:after, .component.interactive-image-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:after, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.interactive-image-1 a:after {
content: "";
height: 15px;
width: 15px;
border-radius: 7.5px;
margin: 7.5px;
background-color: rgb(255, 255, 255);
position: absolute;
z-index: 2;
transition: height 0.2s ease-in-out, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, margin 0.2s ease-in-out;
}
.component.interactive-image-1 .button .title, .component.interactive-image-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .title, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.interactive-image-1 a .title {
visibility: hidden;
opacity: 0;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
top: 50px;
z-index: 3;
width: -moz-max-content;
width: max-content;
background-color: rgba(34, 34, 34, 0.8);
transition: opacity 0.2s ease-in-out;
color: rgb(255, 255, 255);
font-weight: 500;
font-size: 12px;
padding-left: 5px;
padding-right: 5px;
}
.component.interactive-image-1 .button:hover:before, .component.interactive-image-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover:before, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.interactive-image-1 a:hover:before {
background-color: rgba(34, 34, 34, 0.6);
}
.component.interactive-image-1 .button:hover:after, .component.interactive-image-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover:after, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.interactive-image-1 a:hover:after {
height: 10px;
width: 10px;
border-radius: 5px;
margin: 10px;
}
.component.interactive-image-1 .button:hover .title, .component.interactive-image-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .title, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.interactive-image-1 a:hover .title {
visibility: visible;
opacity: 1;
}
:root {
--component-images-product-images-product-images-1-top: calc(1.1rem + 1.2vw);
--component-images-product-images-product-images-2-top: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--component-images-product-images-product-images-1-top: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-images-product-images-product-images-2-top: 2rem;
}
}
.component.images.product-images-1 {
position: sticky;
overflow: hidden;
top: var(--component-images-product-images-product-images-1-top);
}
.component.images.product-images-2 {
position: sticky;
overflow: hidden;
top: var(--component-images-product-images-product-images-2-top);
}
.component.video {
position: relative;
display: flex;
}
.component.video:before {
content: "";
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background-color: transparent;
z-index: 2;
transition: all 0.1s ease-in-out;
}
.component.video:hover:before {
background-color: rgba(34, 34, 34, 0.4);
}
.component.video .button, .component.video .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.video a {
position: absolute;
z-index: 3;
top: calc(50% - 23px);
left: calc(50% - 23px);
}
.component.content-1 {
width: 100%;
position: relative;
}
:root {
--component-slide-slide-1--padding-y: calc(1.3rem + 3.6vw);
--component-slide-slide-1--padding-x: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--component-slide-slide-1--padding-y: 4rem;
}
}
@media (min-width: 1200px) {
:root {
--component-slide-slide-1--padding-x: 2rem;
}
}
.component.slide {
position: relative;
}
.component.slide-1 {
position: absolute;
padding-top: var(--component-slide-slide-1--padding-y);
padding-right: var(--component-slide-slide-1--padding-x);
padding-bottom: var(--component-slide-slide-1--padding-y);
padding-left: var(--component-slide-slide-1--padding-x);
background-color: rgb(255, 0, 0);
min-height: 100%;
}
.component.slide-1 .inner {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.component.slide-1 .inner .title {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin: 0;
}
.component.slide-1 .inner .title .lead {
display: flex;
text-transform: uppercase;
padding: 1rem;
color: rgb(255, 0, 0);
background-color: rgb(255, 255, 255);
}
.component.slide-1 .inner .title .text {
padding-top: 1rem;
text-transform: uppercase;
color: rgb(255, 255, 255);
}
.component.slide-1 .inner .image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.component.slide .slide-link {
top: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
}
:root {
--component-slide-slide-2--padding-y: calc(1.1rem + 1.2vw);
--component-slide-slide-2--padding-x: calc(1.1rem + 1.2vw);
--component-slide-slide-2-inner--padding-y: 1rem;
--component-slide-slide-2-inner--padding-x: 1rem;
--component-slide-slide-2-inner--row-gap: 1rem;
--component-slide-slide-2-inner-product--padding-y: 1rem;
--component-slide-slide-2-inner-product--padding-x: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--component-slide-slide-2--padding-y: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-slide-slide-2--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-slide-slide-2-inner-product--padding-x: 2rem;
}
}
.component.slide-2 {
position: absolute;
align-items: center;
padding-top: var(--component-slide-slide-2--padding-y);
padding-right: var(--component-slide-slide-2--padding-x);
padding-bottom: var(--component-slide-slide-2--padding-y);
padding-left: var(--component-slide-slide-2--padding-x);
min-height: 100%;
}
.component.slide-2 .image-background {
position: absolute;
width: 100%;
height: 100%;
}
.component.slide-2 .image-background > .image {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.component.slide-2 .image-background-mobile {
display: none;
}
@media (max-width: 767.98px) {
.component.slide-2 .image-background-mobile {
display: block;
}
}
.component.slide-2 .image-background-desktop {
display: block;
}
@media (max-width: 767.98px) {
.component.slide-2 .image-background-desktop {
display: none;
}
}
.component.slide-2 > .inner {
display: flex;
flex-direction: column;
row-gap: var(--component-slide-slide-2-inner--row-gap);
padding-top: var(--component-slide-slide-2-inner--padding-y);
padding-right: var(--component-slide-slide-2-inner--padding-x);
padding-bottom: var(--component-slide-slide-2-inner--padding-y);
padding-left: var(--component-slide-slide-2-inner--padding-x);
background-color: rgb(255, 0, 0);
width: 100%;
min-height: 100%;
z-index: 1;
}
.component.slide-2 > .inner > .title {
background-color: #FF0;
text-transform: uppercase;
padding: 0.5rem;
margin: 0;
text-align: center;
}
.component.slide-2 > .inner > .row, .vendor.gravity-forms .component.slide-2 > .inner > .gform_fields {
flex-wrap: nowrap;
margin-left: -0.5rem;
margin-right: -0.5rem;
}
.component.slide-2 > .inner > .row .column, .vendor.gravity-forms .component.slide-2 > .inner > .gform_fields .column {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.component.slide-2 > .inner .product {
display: flex;
align-items: center;
justify-content: space-between;
-moz-column-gap: 1rem;
column-gap: 1rem;
row-gap: 0.5rem;
flex-direction: column;
position: relative;
padding-top: var(--component-slide-slide-2-inner-product--padding-y);
padding-right: var(--component-slide-slide-2-inner-product--padding-x);
padding-bottom: var(--component-slide-slide-2-inner-product--padding-y);
padding-left: var(--component-slide-slide-2-inner-product--padding-x);
border: 2px solid rgb(255, 255, 255);
text-decoration: none;
}
@media (min-width: 1200px) {
.component.slide-2 > .inner .product {
flex-direction: row;
}
}
.component.slide-2 > .inner .product .image {
z-index: 2;
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
inset: 0;
}
.component.slide-2 > .inner .product:after {
content: "";
position: absolute;
z-index: 3;
inset: 0;
height: 100%;
width: 100%;
}
.component.slide-2 > .inner .product .left {
position: relative;
z-index: 4;
text-align: center;
}
@media (min-width: 1200px) {
.component.slide-2 > .inner .product .left {
text-align: left;
}
}
.component.slide-2 > .inner .product .left .title {
color: rgb(255, 255, 255);
margin-bottom: 0;
text-shadow: 1px 1px 2px rgba(34, 34, 34, 0.5), 1px 1px 4px rgba(34, 34, 34, 0.3);
}
.component.slide-2 > .inner .product .left .text {
position: relative;
color: rgb(255, 255, 255);
text-shadow: 1px 1px 2px rgba(34, 34, 34, 0.5), 1px 1px 4px rgba(34, 34, 34, 0.3);
}
.component.slide-2 > .inner .product .right {
position: relative;
z-index: 4;
display: flex;
flex-direction: column;
}
.component.slide-2 > .inner .product .right > .price {
padding-top: 0;
}
.component.slide-2 > .inner .product .right > .price .old {
padding-top: 0;
text-align: center;
}
:root {
--component-slide-slide-3--padding-y: calc(1.3rem + 3.6vw);
--component-slide-slide-3--padding-x: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--component-slide-slide-3--padding-y: 4rem;
}
}
@media (min-width: 1200px) {
:root {
--component-slide-slide-3--padding-x: 2rem;
}
}
.component.slide-3 {
position: absolute;
padding-top: var(--component-slide-slide-3--padding-y);
padding-right: var(--component-slide-slide-3--padding-x);
padding-bottom: var(--component-slide-slide-3--padding-y);
padding-left: var(--component-slide-slide-3--padding-x);
min-height: 100%;
}
.component.slide-3 .image {
position: absolute;
width: 100%;
height: 100%;
inset: 0;
-o-object-fit: cover;
object-fit: cover;
}
.component.slide-3 .inner {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
z-index: 1;
}
.component.slide-3 .inner .title {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin: 0;
}
.component.slide-3 .inner .title .lead {
display: flex;
text-transform: uppercase;
color: rgb(255, 255, 255);
padding-bottom: 1rem;
text-shadow: 1px 1px 2px rgba(34, 34, 34, 0.5), 1px 1px 4px rgba(34, 34, 34, 0.3);
}
.component.slide-3 .inner .title .text {
padding: 1rem;
text-transform: uppercase;
color: rgb(255, 255, 255);
background-color: rgb(255, 0, 0);
}
:root {
--component-slide-slide-4--padding-y: calc(1.3rem + 3.6vw);
--component-slide-slide-4--padding-x: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--component-slide-slide-4--padding-y: 4rem;
}
}
@media (min-width: 1200px) {
:root {
--component-slide-slide-4--padding-x: 2rem;
}
}
.component.slide-4 {
position: absolute;
padding-top: var(--component-slide-slide-4--padding-y);
padding-right: var(--component-slide-slide-4--padding-x);
padding-bottom: var(--component-slide-slide-4--padding-y);
padding-left: var(--component-slide-slide-4--padding-x);
min-height: 100%;
}
.component.slide-4 > .image {
position: absolute;
width: 100%;
height: 100%;
inset: 0;
-o-object-fit: cover;
object-fit: cover;
}
.component.slide-4 > .image-left {
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
display: none;
}
@media (min-width: 992px) {
.component.slide-4 > .image-left {
display: flex;
}
}
.component.slide-4 > .image-right {
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
display: none;
}
@media (min-width: 992px) {
.component.slide-4 > .image-right {
display: flex;
}
}
.component.slide-4 .inner {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
z-index: 1;
}
@media (min-width: 992px) {
.component.slide-4 .inner {
max-width: 80%;
}
}
.component.slide-4 .inner .title {
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
margin: 0;
}
.component.slide-4 .inner .title .lead {
display: flex;
font-weight: 900;
text-transform: uppercase;
padding: 1rem;
color: rgb(255, 255, 255);
background-color: rgb(255, 0, 0);
margin-bottom: 0;
}
.component.slide-4 .inner .title .text {
padding: 1rem;
text-transform: uppercase;
color: rgb(34, 34, 34);
background-color: #FF0;
margin-bottom: 0;
}
:root {
--component-slide-slide-5--padding-y: calc(1.025rem + 0.3vw);
--component-slide-slide-5--padding-x: calc(1.025rem + 0.3vw);
}
@media (min-width: 1200px) {
:root {
--component-slide-slide-5--padding-y: 1.25rem;
}
}
@media (min-width: 1200px) {
:root {
--component-slide-slide-5--padding-x: 1.25rem;
}
}
.component.slide-5 {
position: absolute;
padding-top: var(--component-slide-slide-5--padding-y);
padding-right: var(--component-slide-slide-5--padding-x);
padding-bottom: var(--component-slide-slide-5--padding-y);
padding-left: var(--component-slide-slide-5--padding-x);
min-height: 100%;
display: flex;
align-items: center;
}
.component.slide-5 .image-background {
position: absolute;
width: 100%;
height: 100%;
inset: 0;
}
.component.slide-5 .image-background .image {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.component.slide-5 .image-background-mobile {
display: none;
}
@media (max-width: 767.98px) {
.component.slide-5 .image-background-mobile {
display: block;
}
}
.component.slide-5 .image-background-desktop {
display: block;
}
@media (max-width: 767.98px) {
.component.slide-5 .image-background-desktop {
display: none;
}
}
.component.slide-5 > .image {
position: relative;
width: 100%;
height: -moz-fit-content;
height: fit-content;
z-index: 1;
}
.component.slide-5 > .image-mobile {
display: none;
}
@media (max-width: 767.98px) {
.component.slide-5 > .image-mobile {
display: block;
}
}
.component.slide-5 > .image-desktop {
display: block;
}
@media (max-width: 767.98px) {
.component.slide-5 > .image-desktop {
display: none;
}
}
.component.slide-5 > .image .image {
width: 100%;
height: -moz-fit-content;
height: fit-content;
}
.component.slide-6.modal-mode .video {
width: 100%;
}
.component.slide-6.modal-mode .video img {
height: 100%;
}
.component.slide-6.embed-mode {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
}
.component.slide-6.embed-mode iframe,
.component.slide-6.embed-mode object,
.component.slide-6.embed-mode embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.component.slide-6 .slide-handle {
position: absolute;
left: 0;
width: 40%;
top: 60px;
bottom: 60px;
}
.component.slide-6 .slide-handle:before {
position: absolute;
display: block;
content: "";
width: 60%;
height: 35%;
top: 0;
left: 100%;
}
.component.slide-6 .slide-handle + .slide-handle {
left: auto;
right: 0;
}
.component.slide-6 .slide-handle + .slide-handle:before {
bottom: 0;
top: auto;
right: 100%;
left: auto;
}
.flickity-slider :only-child.slide-6.modal-mode {
min-height: --flickety-slider-slide-6--min-height;
height: --flickety-slider-slide-6--height;
}
@media (max-width: 575.98px) {
.flickity-slider :only-child.slide-6.modal-mode {
min-height: 200px;
height: 50vh;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.flickity-slider :only-child.slide-6.modal-mode {
min-height: 250px;
height: 50vh;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.flickity-slider :only-child.slide-6.modal-mode {
min-height: 275px;
height: 50vh;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.flickity-slider :only-child.slide-6.modal-mode {
min-height: 300px;
height: 50vh;
}
}
@media (min-width: 1200px) and (max-width: 1599.98px) {
.flickity-slider :only-child.slide-6.modal-mode {
min-height: 350px;
height: 50vh;
}
}
@media (min-width: 1600px) {
.flickity-slider :only-child.slide-6.modal-mode {
min-height: 400px;
height: 50vh;
}
}
:root {
--component-navigation-menu-header-menu-header-1-menu--padding-y: 0;
--component-navigation-menu-header-menu-header-1-menu-menu-item--padding-y: 0.2rem;
--component-navigation-menu-header-menu-header-1-menu-item-link--padding-y: calc(1.0333333333rem + 0.4vw);
--component-navigation-menu-header-menu-header-1-menu-item-dropdown-simple--padding-y: calc(1.0333333333rem + 0.4vw);
--component-navigation-menu-header-menu-header-1-menu-item-dropdown-simple--padding-x: calc(1.0333333333rem + 0.4vw);
--component-navigation-menu-header-menu-header-1-menu-item-dropdown-advanced-menu-items-menu-item-link--padding-y: calc(1.0333333333rem + 0.4vw);
--component-navigation-menu-header-menu-header-1-menu-item-dropdown-advanced-menu-items-menu-item-link--padding-x: calc(1.1rem + 1.2vw);
--component-navigation-menu-header-menu-header-1-menu-item-dropdown-advanced-sub-menu-inner--padding-y: calc(1.0333333333rem + 0.4vw);
--component-navigation-menu-header-menu-header-1-menu-item-dropdown-advanced-sub-menu-inner--padding-x: calc(1.0333333333rem + 0.4vw);
}
@media (min-width: 1200px) {
:root {
--component-navigation-menu-header-menu-header-1-menu-item-link--padding-y: 1.3333333333rem;
}
}
@media (min-width: 1200px) {
:root {
--component-navigation-menu-header-menu-header-1-menu-item-dropdown-simple--padding-y: 1.3333333333rem;
}
}
@media (min-width: 1200px) {
:root {
--component-navigation-menu-header-menu-header-1-menu-item-dropdown-simple--padding-x: 1.3333333333rem;
}
}
@media (min-width: 1200px) {
:root {
--component-navigation-menu-header-menu-header-1-menu-item-dropdown-advanced-menu-items-menu-item-link--padding-y: 1.3333333333rem;
}
}
@media (min-width: 1200px) {
:root {
--component-navigation-menu-header-menu-header-1-menu-item-dropdown-advanced-menu-items-menu-item-link--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-navigation-menu-header-menu-header-1-menu-item-dropdown-advanced-sub-menu-inner--padding-y: 1.3333333333rem;
}
}
@media (min-width: 1200px) {
:root {
--component-navigation-menu-header-menu-header-1-menu-item-dropdown-advanced-sub-menu-inner--padding-x: 1.3333333333rem;
}
}
.component.navigation.menu-header-1 {
width: 100%;
}
.component.navigation.menu-header-1.dom-loading {
opacity: 0;
}
.component.navigation.menu-header-1.dom-loaded {
opacity: 1;
}
.component.navigation.menu-header-1 .menu {
display: flex;
justify-content: space-between;
-moz-column-gap: 0;
column-gap: 0;
align-items: center;
padding-top: var(--component-navigation-menu-header-menu-header-1-menu--padding-y);
padding-right: 0;
padding-bottom: var(--component-navigation-menu-header-menu-header-1-menu--padding-y);
padding-left: 0;
margin-left: calc(var(--component-navigation-menu-header-menu-header-1-menu-menu-item--padding-y) / -1);
margin-right: calc(var(--component-navigation-menu-header-menu-header-1-menu-menu-item--padding-y) / -1);
}
.component.navigation.menu-header-1 .menu > .menu-item {
padding-left: var(--component-navigation-menu-header-menu-header-1-menu-menu-item--padding-y);
padding-right: var(--component-navigation-menu-header-menu-header-1-menu-menu-item--padding-y);
}
.component.navigation.menu-header-1 .menu > .menu-item > .link {
display: flex;
align-items: center;
padding-top: var(--component-navigation-menu-header-menu-header-1-menu-item-link--padding-y);
padding-bottom: var(--component-navigation-menu-header-menu-header-1-menu-item-link--padding-y);
color: rgb(34, 34, 34);
font-weight: 500;
font-size: inherit;
text-decoration: none;
text-decoration-thickness: 2px;
text-decoration-color: rgb(255, 0, 0);
text-underline-offset: 4px;
}
.component.navigation.menu-header-1 .menu > .menu-item > .link:hover {
color: rgb(34, 34, 34);
text-decoration: underline;
text-decoration-thickness: 2px;
text-decoration-color: rgb(255, 0, 0);
text-underline-offset: 4px;
}
.component.navigation.menu-header-1 .menu > .menu-item > .link[aria-current=page] {
color: rgb(255, 0, 0);
text-decoration: underline;
text-decoration-color: rgb(255, 0, 0);
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}
.component.navigation.menu-header-1 .menu > .menu-item > .link[aria-current=page]:hover {
cursor: default;
}
.component.navigation.menu-header-1 .menu > .menu-item.has-dropdown > .link:after {
content: "";
height: 8px;
width: 14px;
margin-top: 4px;
margin-left: 8px;
background-image: url('data:image/svg+xml;utf8,');
}
.component.navigation.menu-header-1 .menu > .menu-item.has-dropdown > .link[aria-current=page]:hover {
cursor: default;
}
.component.navigation.menu-header-1 .menu > .menu-item.has-dropdown:hover > .link {
color: rgb(34, 34, 34);
text-decoration: underline;
text-decoration-thickness: 2px;
text-decoration-color: rgb(255, 0, 0);
text-underline-offset: 4px;
}
.component.navigation.menu-header-1 .menu > .menu-item.has-dropdown:hover > .link:after {
background-image: url('data:image/svg+xml;utf8,');
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown {
display: none;
position: absolute;
flex-direction: column;
z-index: 3;
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown:hover {
display: flex;
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown.simple {
background-color: rgb(255, 255, 255);
padding-top: var(--component-navigation-menu-header-menu-header-1-menu-item-dropdown-simple--padding-y);
padding-right: var(--component-navigation-menu-header-menu-header-1-menu-item-dropdown-simple--padding-x);
padding-bottom: var(--component-navigation-menu-header-menu-header-1-menu-item-dropdown-simple--padding-y);
padding-left: var(--component-navigation-menu-header-menu-header-1-menu-item-dropdown-simple--padding-x);
margin-left: calc(var(--component-navigation-menu-header-menu-header-1-menu-item-dropdown-simple--padding-x) / -1);
border-top-style: solid;
border-top-width: 2px;
border-top-color: rgba(34, 34, 34, 0.1);
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown.simple .links .link {
width: 100%;
line-height: 2;
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown.simple .links .link:hover {
text-decoration: underline;
text-decoration-thickness: 2px;
text-decoration-color: rgb(255, 0, 0);
text-underline-offset: 4px;
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown.simple .links .link[aria-current=page] {
color: rgb(34, 34, 34);
text-decoration: underline;
text-decoration-thickness: 2px;
text-decoration-color: rgb(255, 0, 0);
text-underline-offset: 4px;
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown.simple .links .link[aria-current=page]:hover {
cursor: default;
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced {
left: 0;
right: 0;
width: 100%;
background-color: rgb(255, 255, 255);
min-height: 306px;
border-top-style: solid;
border-top-width: 2px;
border-top-color: rgba(34, 34, 34, 0.1);
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced:before {
content: "";
background-color: rgba(34, 34, 34, 0.05);
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 20%;
z-index: 1;
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .menu-item > .link {
width: 20%;
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
padding-top: var(--component-navigation-menu-header-menu-header-1-menu-item-dropdown-advanced-menu-items-menu-item-link--padding-y);
padding-right: var(--component-navigation-menu-header-menu-header-1-menu-item-dropdown-advanced-menu-items-menu-item-link--padding-x);
padding-bottom: var(--component-navigation-menu-header-menu-header-1-menu-item-dropdown-advanced-menu-items-menu-item-link--padding-y);
padding-left: var(--component-navigation-menu-header-menu-header-1-menu-item-dropdown-advanced-menu-items-menu-item-link--padding-x);
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .menu-item > .link[aria-current=page] {
color: inherit;
text-decoration: underline;
text-decoration-thickness: 2px;
text-decoration-color: rgb(255, 0, 0);
text-underline-offset: 4px;
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .menu-item > .link[aria-current=page]:hover {
cursor: default;
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .menu-item > .link:after {
content: "";
height: 14px;
width: 8px;
background-image: url('data:image/svg+xml;utf8,');
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .menu-item:hover > .link {
text-decoration: underline;
text-decoration-thickness: 2px;
text-decoration-color: rgb(255, 0, 0);
text-underline-offset: 4px;
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .menu-item:hover .sub-menu {
display: block;
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu {
display: none;
height: 100%;
width: 80%;
position: absolute;
top: 0;
left: 20%;
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu:hover {
display: block;
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu > .inner {
height: 100%;
padding-top: var(--component-navigation-menu-header-menu-header-1-menu-item-dropdown-advanced-sub-menu-inner--padding-y);
padding-right: var(--component-navigation-menu-header-menu-header-1-menu-item-dropdown-advanced-sub-menu-inner--padding-x);
padding-bottom: var(--component-navigation-menu-header-menu-header-1-menu-item-dropdown-advanced-sub-menu-inner--padding-y);
padding-left: var(--component-navigation-menu-header-menu-header-1-menu-item-dropdown-advanced-sub-menu-inner--padding-x);
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu > .inner .row, .component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu > .inner .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu > .inner .gform_fields {
height: 100%;
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu > .inner .row > *, .component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu > .inner .vendor.gravity-forms .gform_fields > *, .vendor.gravity-forms .component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu > .inner .gform_fields > * {
height: 100%;
padding-top: 0;
padding-bottom: 0;
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu > .inner .row > * .content, .component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu > .inner .vendor.gravity-forms .gform_fields > * .content, .vendor.gravity-forms .component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu > .inner .gform_fields > * .content {
height: 100%;
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu > .inner .row > * .content .links .link, .component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu > .inner .vendor.gravity-forms .gform_fields > * .content .links .link, .vendor.gravity-forms .component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu > .inner .gform_fields > * .content .links .link {
width: 100%;
line-height: 2;
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu > .inner .row > * .content .links .link[aria-current=page], .component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu > .inner .vendor.gravity-forms .gform_fields > * .content .links .link[aria-current=page], .vendor.gravity-forms .component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu > .inner .gform_fields > * .content .links .link[aria-current=page] {
color: inherit;
text-decoration: underline;
text-decoration-thickness: 2px;
text-decoration-color: rgb(255, 0, 0);
text-underline-offset: 4px;
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu > .inner .row > * .content .links .link[aria-current=page]:hover, .component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu > .inner .vendor.gravity-forms .gform_fields > * .content .links .link[aria-current=page]:hover, .vendor.gravity-forms .component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu > .inner .gform_fields > * .content .links .link[aria-current=page]:hover {
cursor: default;
}
.component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu > .inner .row > * .content .links .link:hover, .component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu > .inner .vendor.gravity-forms .gform_fields > * .content .links .link:hover, .vendor.gravity-forms .component.navigation.menu-header-1 .menu > .menu-item .dropdown.advanced .sub-menu > .inner .gform_fields > * .content .links .link:hover {
text-decoration: underline;
text-decoration-thickness: 2px;
text-decoration-color: rgb(255, 0, 0);
text-underline-offset: 4px;
}
.component.navigation.menu-header-1 .menu > .menu-item:hover .dropdown {
display: flex;
}
.component.navigation.menu-icons {
display: flex;
}
.component.navigation.menu-icons .component.button, .component.navigation.menu-icons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.navigation.menu-icons a.component {
height: 64px;
width: 64px;
}
.component.navigation.menu-icons .component.button:before, .component.navigation.menu-icons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:before, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.navigation.menu-icons a.component:before {
content: "";
position: absolute;
display: block;
width: 1px;
height: 64px;
top: 0;
left: -5px;
background-color: rgba(34, 34, 34, 0.15);
transform-origin: bottom left;
transform: skew(-9deg, 0deg);
}
.component.navigation.menu-icons .component.button:not(.bars):hover:after, .component.navigation.menu-icons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component:not(.bars):hover:after, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.navigation.menu-icons a.component:not(.bars):hover:after {
content: "";
position: absolute;
bottom: 0;
left: -5px;
height: 2px;
width: 100%;
background-color: rgb(255, 0, 0);
}
.component.navigation.menu-icons .component.button.cart:hover:after, .component.navigation.menu-icons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.cart:hover:after, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.navigation.menu-icons a.component.cart:hover:after {
width: calc(100% + 5px);
}
.component.navigation.menu-icons .component.button.bars:hover, .component.navigation.menu-icons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.bars:hover, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.navigation.menu-icons a.component.bars:hover {
background-color: #2f2f2f;
}
:root {
--component-list-item-list-item--column-gap: 0.5rem;
}
.component.list-item {
display: flex;
align-items: center;
-moz-column-gap: var(--component-list-item-list-item--column-gap);
column-gap: var(--component-list-item-list-item--column-gap);
}
.component.list-item-1 .icon circle,
.component.list-item-1 .icon path {
stroke: #084;
}
.component.list-item-1 .icon circle.fill,
.component.list-item-1 .icon path.fill {
fill: #084;
stroke: none;
}
.component.list-item-2 .icon circle,
.component.list-item-2 .icon path {
stroke: #084;
}
.component.list-item-2 .icon circle.fill,
.component.list-item-2 .icon path.fill {
fill: #084;
stroke: none;
}
.component.list-item .link {
color: rgb(255, 0, 0);
text-decoration: underline;
}
.component.list-item .link:hover {
color: rgb(255, 0, 0);
text-decoration: underline;
}
.component.form.search-1 {
position: relative;
width: 100%;
}
.component.form.search-1 .input.search::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.component.form.search-1 .input:hover {
background-color: rgba(34, 34, 34, 0.1);
border-color: rgba(34, 34, 34, 0.6);
}
.component.form.search-1 .button.search, .component.form.search-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.search, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.form.search-1 a.search {
position: absolute;
right: 0;
top: 0;
height: 46px;
width: 46px;
border: none;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
background-color: transparent;
}
.component.form.search-1 .button.search:hover, .component.form.search-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.search:hover, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.form.search-1 a.search:hover {
cursor: pointer;
background-color: rgb(34, 34, 34);
}
.component.form.search-1 .button.search:hover .icon path, .component.form.search-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.search:hover .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.form.search-1 a.search:hover .icon path {
stroke: rgb(255, 255, 255);
}
.component.form.search-1 .button.search-4, .component.form.search-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.search-4, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.form.search-1 a.search-4 {
color: unset;
background-color: inherit;
border-width: 0;
border-color: unset;
border-style: unset;
}
.component.form.search-1 .button.search-4:hover, .component.form.search-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.search-4:hover, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.form.search-1 a.search-4:hover {
background-color: rgb(34, 34, 34);
}
.component .form.quantity-1 .input-group {
display: flex;
position: relative;
max-width: 240px;
}
.component .form.quantity-1 .input-group .decrement,
.component .form.quantity-1 .input-group .increment {
position: absolute;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 46px;
}
.component .form.quantity-1 .input-group .decrement:hover,
.component .form.quantity-1 .input-group .increment:hover {
cursor: pointer;
}
.component .form.quantity-1 .input-group .decrement span,
.component .form.quantity-1 .input-group .increment span {
display: none;
}
.component .form.quantity-1 .input-group .decrement {
left: 0;
}
.component .form.quantity-1 .input-group .decrement:before {
content: "";
position: absolute;
display: block;
width: 1px;
height: 46px;
top: 0;
right: 5px;
background-color: rgba(34, 34, 34, 0.15);
transform-origin: bottom left;
transform: skew(-8.5deg, 0deg);
}
.component .form.quantity-1 .input-group .qty {
padding-left: 66px;
padding-right: 93px;
-moz-appearance: textfield;
}
.component .form.quantity-1 .input-group .qty::-webkit-inner-spin-button, .component .form.quantity-1 .input-group .qty::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.component .form.quantity-1 .input-group .qty input[type=number] {
-webkit-appearance: none;
}
.component .form.quantity-1 .input-group .qty input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.component .form.quantity-1 .input-group .increment {
right: 0;
}
.component .form.quantity-1 .input-group .increment:before {
content: "";
position: absolute;
display: block;
width: 1px;
height: 46px;
top: 0;
left: -5px;
background-color: rgba(34, 34, 34, 0.15);
transform-origin: bottom left;
transform: skew(-8.5deg, 0deg);
}
.component .form.quantity-1 .unit {
height: 46px;
display: flex;
align-items: center;
position: absolute;
right: 66px;
font-size: 14px;
color: rgba(34, 34, 34, 0.5);
}
:root {
--component-card-product-product-1--padding: 0;
--component-card-product-product-1-inner-content--padding: 0 1rem;
--component-card-product-product-1-inner-content--font-size: 0.75rem;
--component-card-product-product-1-inner-content-list--fontsize: 0.75rem;
--component-card-product-product-1-inner-content-list--line-height: 160%;
--component-card-product-product-1-inner-content-list--padding: 0.5rem 0 0;
}
.component.card.product-1 {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
row-gap: 1rem;
justify-content: center;
height: 100%;
text-align: center;
padding: var(--component-card-product-product-1--padding);
background-color: #FDA;
}
.component.card.product-1 .no-page {
pointer-events: none;
cursor: default;
}
.component.card.product-1 .image {
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 1;
}
.component.card.product-1 .image-ambiance {
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.component.card.product-1 .image-group {
display: flex;
position: relative;
}
.component.card.product-1 .image-group:hover .image-ambiance {
opacity: 1;
}
.component.card.product-1 .image .sticker {
position: absolute;
top: 0.5rem;
left: 0.5rem;
}
.component.card.product-1 > .inner {
display: flex;
flex-direction: column;
height: 100%;
}
.component.card.product-1 > .inner .content {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 1rem;
font-size: 0.75rem;
}
.component.card.product-1 > .inner .content .title {
color: rgb(255, 0, 0);
font-size: 1.125rem;
font-weight: 700;
text-decoration: none;
}
.component.card.product-1 > .inner .content .title:hover {
color: rgb(255, 0, 0);
text-decoration: underline;
}
.component.card.product-1 > .inner .content .text {
display: none;
}
.component.card.product-1 > .inner .content ul {
width: -moz-fit-content;
width: fit-content;
list-style: none;
line-height: 160%;
color: rgba(34, 34, 34, 0.75);
padding: 0.5rem 0 0;
font-size: 0.75rem;
}
.component.card.product-1 > .inner .content ul li:before {
color: unset;
content: "";
width: 14px;
height: 10px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
position: relative;
display: inline-flex;
margin-right: 0.375rem;
}
.component.card.product-1 > .inner .content .text {
display: none;
}
.component.card.product-1 .button, .component.card.product-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.product-1 a {
display: none;
}
.component.card.product-1 .link {
min-height: auto;
color: rgb(255, 0, 0);
text-decoration: underline;
}
.component.card.product-1 .link:hover {
color: rgb(255, 0, 0);
text-decoration: underline;
}
.component.card.product-2 {
aspect-ratio: 1.3333333333;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
row-gap: 1rem;
justify-content: start;
height: 100%;
text-align: left;
text-decoration: none;
padding: 1rem;
background-color: #FDA;
}
.component.card.product-2 .image {
-o-object-fit: cover;
object-fit: cover;
}
.component.card.product-2 .image-ambiance {
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.component.card.product-2 .image-ambiance .image {
height: 100%;
}
.component.card.product-2 .image-group {
display: flex;
position: absolute;
inset: 0;
height: 100%;
width: 100%;
}
.component.card.product-2 .image-group:hover .image-ambiance {
opacity: 1;
}
.component.card.product-2 .image-group:after {
content: "";
position: absolute;
height: 100%;
width: 100%;
inset: 0;
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 50%);
}
.component.card.product-2 > .inner {
display: inline-flex;
flex-direction: column;
justify-content: flex-end;
height: 100%;
}
.component.card.product-2 > .inner .content {
height: auto;
display: flex;
flex-direction: row;
align-items: baseline;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
z-index: 1;
}
.component.card.product-2 > .inner .content .left {
display: flex;
flex-direction: column;
width: 100%;
}
.component.card.product-2 > .inner .content .left .title {
color: rgb(255, 255, 255);
font-size: 1.125rem;
font-weight: 700;
text-decoration: none;
}
.component.card.product-2 > .inner .content .left .title:hover {
color: rgb(255, 255, 255);
text-decoration: none;
}
.component.card.product-2 > .inner .content .left .text {
color: rgb(255, 255, 255);
}
.component.card.product-2 > .inner .content .right .icon path {
stroke: rgb(255, 255, 255);
}
.component.card.product-3 {
position: relative;
overflow: hidden;
display: flex;
flex-direction: row;
-moz-column-gap: 1rem;
column-gap: 1rem;
justify-content: flex-start;
height: 100%;
text-align: left;
padding: 0;
background-color: unset;
margin-bottom: 20px;
}
.component.card.product-3 .image {
position: relative;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 4/3;
}
.component.card.product-3 .image-ambiance {
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.component.card.product-3 .image-group {
display: flex;
position: relative;
width: 160px;
height: 90px;
}
.component.card.product-3 .image-group[href]:hover .image-ambiance {
opacity: 1;
}
.component.card.product-3 > .inner {
display: flex;
flex-direction: column;
width: 100%;
row-gap: 1.5rem;
}
.component.card.product-3 > .inner .content {
height: 100%;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.component.card.product-3 > .inner .content .title {
color: rgb(34, 34, 34);
font-size: 1.125rem;
font-weight: 700;
text-decoration: none;
}
.component.card.product-3 > .inner .content .title:hover:not(strong) {
color: rgb(34, 34, 34);
text-decoration: underline;
}
.component.card.product-3 > .inner .content .specifications {
line-height: 1.2rem;
}
.component.card.product-3 > .inner .content .specifications .brand {
color: rgba(34, 34, 34, 0.8);
font-size: 14px;
}
.component.card.product-3 > .inner .content .specifications .color {
color: rgba(34, 34, 34, 0.8);
font-size: 14px;
}
.component.card.product-3 > .inner .content .left {
align-self: center;
}
.component.card.product-4 {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
row-gap: 1.5rem;
justify-content: flex-start;
height: 100%;
text-align: left;
padding: 0;
background-color: unset;
}
.component.card.product-4 .image {
position: relative;
-o-object-fit: cover;
object-fit: cover;
}
.component.card.product-4 .image-ambiance {
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.component.card.product-4 .image-ambiance .image {
height: 100%;
}
.component.card.product-4 .image-group {
display: flex;
position: relative;
}
@media (min-width: 768px) {
.component.card.product-4 .image-group:hover .image-ambiance {
opacity: 1;
}
}
.component.card.product-4 .image-group .sticker {
position: absolute;
top: 0.5rem;
left: 0.5rem;
height: 28px;
background: #00AEEF;
color: rgb(255, 255, 255);
font-size: 14px;
padding-right: 0.5rem;
padding-left: 0.5rem;
border-radius: 148px;
display: flex;
align-items: center;
-moz-column-gap: 0.125rem;
column-gap: 0.125rem;
line-height: 0;
}
.component.card.product-4 .image-group .sticker .icon path {
stroke: rgb(255, 255, 255);
}
.component.card.product-4 > .inner {
display: flex;
flex-direction: column;
height: 100%;
row-gap: 1.5rem;
}
.component.card.product-4 > .inner .content {
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.component.card.product-4 > .inner .content .title {
color: rgb(34, 34, 34);
font-size: 1.125rem;
font-weight: 700;
text-decoration: none;
}
@media (min-width: 768px) {
.component.card.product-4 > .inner .content .title:hover {
color: rgb(34, 34, 34);
text-decoration: underline;
}
}
.component.card.product-4 > .inner .content .specifications {
display: flex;
flex-direction: column;
margin-top: 0.5rem;
line-height: 1.2rem;
}
.component.card.product-4 > .inner .content .specifications .brand {
color: rgba(34, 34, 34, 0.8);
font-size: 14px;
}
.component.card.product-4 > .inner .content .specifications .color {
color: rgba(34, 34, 34, 0.8);
font-size: 14px;
}
.component.card.product-4 > .inner .price .new {
height: 27px;
display: inline-flex;
-webkit-clip-path: polygon(0% 0%, 100% 0%, calc(100% - 4.2px) 100%, 0% 100%);
clip-path: polygon(0% 0%, 100% 0%, calc(100% - 4.2px) 100%, 0% 100%);
background-color: #FF0;
padding-right: 7px;
padding-left: 4px;
}
.component.card.product-4 > .inner .price .old {
color: rgba(34, 34, 34, 0.4);
}
.section-background-color-1 .component.cards.products.scroller .component.card.product-4 {
background-color: unset;
}
.section-background-color-1 .component.cards.products.scroller .component.card.product-4 > .inner .content .title {
color: rgb(255, 255, 255);
font-size: 1.125rem;
font-weight: 700;
text-decoration: none;
}
.section-background-color-1 .component.cards.products.scroller .component.card.product-4 > .inner .content .title:hover {
color: rgb(255, 255, 255);
text-decoration: underline;
}
.section-background-color-1 .component.cards.products.scroller .component.card.product-4 > .inner .content .specifications .brand {
color: rgba(255, 255, 255, 0.8);
font-size: 14px;
}
.section-background-color-1 .component.cards.products.scroller .component.card.product-4 > .inner .content .specifications .color {
color: rgba(255, 255, 255, 0.8);
font-size: 14px;
}
.section-background-color-1 .component.cards.products.scroller .component.card.product-4 > .inner .price .old {
color: rgba(255, 255, 255, 0.4);
}
.section-background-color-2 .component.cards.products.scroller .component.card.product-4 {
background-color: unset;
}
.section-background-color-2 .component.cards.products.scroller .component.card.product-4 > .inner .content .title {
color: rgb(34, 34, 34);
font-size: 1.125rem;
font-weight: 700;
text-decoration: none;
}
.section-background-color-2 .component.cards.products.scroller .component.card.product-4 > .inner .content .title:hover {
color: rgb(34, 34, 34);
text-decoration: underline;
}
.section-background-color-2 .component.cards.products.scroller .component.card.product-4 > .inner .content .specifications .brand {
color: rgba(34, 34, 34, 0.8);
font-size: 14px;
}
.section-background-color-2 .component.cards.products.scroller .component.card.product-4 > .inner .content .specifications .color {
color: rgba(34, 34, 34, 0.8);
font-size: 14px;
}
.section-background-color-2 .component.cards.products.scroller .component.card.product-4 > .inner .price .old {
color: rgba(34, 34, 34, 0.4);
}
.component.card.review-1 {
height: 100%;
padding: 1rem;
background-color: rgba(34, 34, 34, 0.05);
}
.component.card.review-1 .title {
font-size: 1.125rem;
font-weight: 700;
margin-bottom: 0;
}
.component.card.review-1 .ratings {
display: flex;
-moz-column-gap: 0.4rem;
column-gap: 0.4rem;
margin-bottom: 1.2rem;
}
.component.card.review-1 .ratings .stars > span {
width: 12px;
}
.component.card.review-1 .ratings .numbers {
font-size: 0.75rem;
color: rgba(34, 34, 34, 0.5);
}
.component.card.review-1 .source-logo {
margin-top: 2rem;
}
.component.card.review-1 q {
font-size: 0.875rem;
}
.component.card.review-1 q:before, .component.card.review-1 q:after {
display: none;
}
:root {
--component-card-customizable-customizable-1-background-image--min-height: calc(3.4rem + 28.8vw);
--component-card-customizable-customizable-1-background-image-lg--min-height: calc(2.4rem + 16.8vw);
--component-card-customizable-customizable-1-inner-content--padding: 0 1rem;
--component-card-customizable-customizable-1-inner-content--font-size: 0.75rem;
--component-card-customizable-customizable-1-inner-content-list--font-size: 0.75rem;
--component-card-customizable-customizable-1-inner-content-list--line-height: 160%;
--component-card-customizable-customizable-1-inner-content-list--padding: 0.5rem 0 0;
}
@media (min-width: 1200px) {
:root {
--component-card-customizable-customizable-1-background-image--min-height: 25rem;
}
}
@media (min-width: 1200px) {
:root {
--component-card-customizable-customizable-1-background-image-lg--min-height: 15rem;
}
}
.component.card.customizable-1 {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
row-gap: 1rem;
justify-content: center;
height: 100%;
text-align: center;
padding: 0;
border-radius: inherit;
background-color: #FDA;
}
.component.card.customizable-1 .image {
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 1;
}
.component.card.customizable-1 .image-ambiance {
position: absolute;
inset: 0;
}
.component.card.customizable-1 .image-ambiance .image {
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.component.card.customizable-1 .image-group {
display: flex;
position: relative;
}
.component.card.customizable-1 .image-group:hover .image-ambiance .image {
opacity: 1;
}
.component.card.customizable-1:not(.background-image) > .inner {
display: flex;
flex-direction: column;
height: 100%;
}
.component.card.customizable-1:not(.background-image) > .inner .content {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding-right: 1rem;
padding-left: 1rem;
font-size: 0.75rem;
}
.component.card.customizable-1:not(.background-image) > .inner .content .title {
color: rgb(255, 0, 0);
font-size: 1.125rem;
font-weight: 700;
}
.component.card.customizable-1:not(.background-image) > .inner .content .title[href] {
text-decoration: none;
}
.component.card.customizable-1:not(.background-image) > .inner .content .title[href]:hover {
text-decoration: underline;
}
.component.card.customizable-1:not(.background-image) > .inner .content .text {
height: 100%;
}
.component.card.customizable-1:not(.background-image) > .inner .content .text ul {
list-style: none;
line-height: 160%;
color: rgba(34, 34, 34, 0.75);
padding: 0.5rem 0 0;
font-size: 0.75rem;
}
.component.card.customizable-1:not(.background-image) > .inner .content .text ul li:before {
color: unset;
content: "";
width: 14px;
height: 10px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
position: relative;
display: inline-flex;
margin-right: 0.375rem;
}
.component.card.customizable-1:not(.background-image) .button, .component.card.customizable-1:not(.background-image) .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1:not(.background-image) a {
margin-right: 1rem;
margin-left: 1rem;
}
.component.card.customizable-1.background-image {
min-height: var(--component-card-customizable-customizable-1-background-image--min-height);
padding: 1rem;
justify-content: center;
text-decoration: none;
}
.component.card.customizable-1.background-image-link {
z-index: 1;
position: absolute;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
top: 0;
left: 0;
}
@media (min-width: 992px) {
.component.card.customizable-1.background-image {
min-height: var(--component-card-customizable-customizable-1-background-image-lg--min-height);
}
}
.component.card.customizable-1.background-image:before {
content: "";
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background-color: rgba(34, 34, 34, 0.25);
z-index: 2;
transition: background-color 0.2s ease-in-out;
}
.component.card.customizable-1.background-image .image {
z-index: 1;
position: absolute;
height: 100%;
width: 100%;
inset: 0;
-o-object-fit: cover;
object-fit: cover;
}
.component.card.customizable-1.background-image .image-group {
position: absolute;
inset: 0;
display: flex;
}
.component.card.customizable-1.background-image .image-ambiance {
position: absolute;
inset: 0;
}
.component.card.customizable-1.background-image .image-ambiance .image {
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.component.card.customizable-1.background-image .inner {
z-index: 2;
}
.component.card.customizable-1.background-image:hover .image-group .image-ambiance .image {
opacity: 1;
}
.component.card.customizable-1.background-image > .inner .content {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
font-size: 0.75rem;
}
.component.card.customizable-1.background-image > .inner .content .title {
color: rgb(255, 255, 255);
text-align: center;
text-decoration: none;
margin-bottom: 0;
}
.component.card.customizable-1.background-image > .inner .content .title[href]:hover {
text-decoration: underline;
}
.component.card.customizable-1.background-image > .inner .content .text {
color: rgb(255, 255, 255);
font-size: 12px;
font-weight: 400;
text-align: center;
}
.component.card.customizable-1.background-image > .inner .content .text ul li {
list-style-position: inside;
}
.component.card.customizable-1.background-image .button, .component.card.customizable-1.background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.customizable-1.background-image a {
z-index: 3;
}
.component.card.customizable-1.is-link.background-image:not(.overlay):before {
background-color: transparent;
}
.component.card.customizable-1.is-link.background-image:hover:before {
background-color: rgba(34, 34, 34, 0.6);
}
.component.card.customizable-1.is-link.background-image .title {
text-decoration: none;
}
.component.card.customizable-1.is-link.background-image .title:hover {
color: rgb(255, 255, 255);
text-decoration: underline;
}
.component.cards.customizables-1-background-color-white .card.customizable-1 {
background-color: rgb(255, 255, 255);
}
.component.cards.customizables-1-background-color-transparent .card.customizable-1 {
background-color: transparent;
}
.component.cards.customizables-1-background-color-1 .card.customizable-1 {
background-color: #e1e1e1;
}
.component.cards.customizables-1-background-color-2 .card.customizable-1 {
background-color: #f4f4f4;
}
.component.card.blog-1 {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
row-gap: 1rem;
justify-content: center;
height: 100%;
text-align: center;
padding: 1rem;
background-color: #FDA;
}
.component.card.blog-1 > .link {
display: flex;
}
.component.card.blog-1 > .link .image {
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 4/3;
}
.component.card.blog-1 .inner {
display: flex;
flex-direction: column;
height: 100%;
row-gap: 0.5rem;
}
.component.card.blog-1 .inner .categories {
display: flex;
justify-content: center;
flex-wrap: wrap;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
opacity: 0.8;
}
.component.card.blog-1 .inner .title {
color: rgb(255, 0, 0);
font-size: 1.125rem;
font-weight: 700;
text-decoration: none;
}
.component.card.blog-1 .inner .title:hover {
color: rgb(255, 0, 0);
text-decoration: underline;
}
.component.card.blog-2 {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
}
.component.card.blog-2.overlay {
text-decoration: none;
color: rgb(255, 255, 255);
aspect-ratio: 1.7777777778;
}
.component.card.blog-2.overlay:hover .inner .content .icon {
background-color: #d3e7ef;
}
.component.card.blog-2.background-image {
height: 100%;
}
.component.card.blog-2.background-image .image {
position: absolute;
height: 100%;
width: 100%;
inset: 0;
-o-object-fit: cover;
object-fit: cover;
}
.component.card.blog-2.background-image .category {
background-color: #00AEEF;
width: -moz-fit-content;
width: fit-content;
padding: 7px 15px;
border-radius: 36px;
position: relative;
text-align: center;
}
.component.card.blog-2.background-image .category p {
color: rgb(255, 255, 255);
font-size: 14px;
font-weight: 600;
}
@media (max-width: 575.98px) {
.component.card.blog-2.background-image .category p {
font-size: 12px;
}
}
.component.card.blog-2.background-image .inner {
position: relative;
height: 100%;
padding: 1.3rem;
display: flex;
flex-direction: column;
justify-content: space-between;
z-index: 2;
}
.component.card.blog-2.background-image .inner .content {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.component.card.blog-2.background-image .inner .content .title {
text-decoration: none;
color: rgb(255, 255, 255);
font-size: 18px;
text-shadow: 0px 1px rgba(34, 34, 34, 0.4);
padding-right: 1.3rem;
margin-bottom: 0;
}
.component.card.blog-2.background-image .inner .content .icon {
display: flex;
justify-content: center;
align-items: center;
background-color: #E6F1F6;
padding: 2px;
border-radius: 16px;
align-self: flex-end;
}
.component.card.blog-2.background-image::after {
content: "";
background: linear-gradient(40.13deg, rgba(0, 0, 0, 0.5) 14.61%, rgba(0, 0, 0, 0.449044) 33.49%, rgba(0, 0, 0, 0) 59.38%);
position: absolute;
width: 100%;
height: 100%;
inset: 0;
z-index: 1;
}
:root {
--component-card-blog-latest-blog-latest-1--padding-top: 1rem;
--component-card-blog-latest-blog-latest-1--padding-bottom: 0;
--component-card-blog-latest-blog-latest-1-inner-content-title--font-size: calc(1.125rem + 1.5vw);
}
@media (min-width: 1200px) {
:root {
--component-card-blog-latest-blog-latest-1-inner-content-title--font-size: 2.25rem;
}
}
.component.card.blog-latest {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
height: 100%;
padding-top: var(--component-card-blog-latest-blog-latest-1--padding-top);
padding-bottom: var(--component-card-blog-latest-blog-latest-1--padding-bottom);
}
.component.card.blog-latest .background-image {
display: flex;
}
.component.card.blog-latest .background-image .image {
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 16/7;
}
.component.card.blog-latest .inner {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
row-gap: 1rem;
background-color: #FDA;
padding: 1rem;
text-align: center;
}
@media (min-width: 576px) {
.component.card.blog-latest .inner {
position: absolute;
bottom: var(--component-card-blog-latest-blog-latest-1--padding-bottom);
left: 0;
text-align: left;
margin: 1rem;
}
}
.component.card.blog-latest .inner .content {
height: 100%;
display: flex;
flex-direction: column;
row-gap: 0;
}
.component.card.blog-latest .inner .content .categories {
display: flex;
justify-content: center;
flex-wrap: wrap;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
opacity: 0.8;
width: 100%;
}
@media (min-width: 576px) {
.component.card.blog-latest .inner .content .categories {
justify-content: flex-start;
}
}
.component.card.blog-latest .inner .content .title {
color: rgb(255, 0, 0);
font-size: var(--component-card-blog-latest-blog-latest-1-inner-content-title--font-size);
font-weight: 700;
text-decoration: none;
line-height: 1.25;
}
.component.card.blog-latest .inner .content .title:hover {
color: rgb(255, 0, 0);
text-decoration: underline;
}
.component.card.blog-latest .buttons, .component.card.blog-latest .component.pagination {
display: flex;
}
.component.card.blog-latest .buttons .button, .component.card.blog-latest .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .buttons a, .component.card.blog-latest .component.pagination .button, .component.card.blog-latest .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .component.pagination a {
width: 100%;
}
@media (min-width: 576px) {
.component.card.blog-latest .buttons .button, .component.card.blog-latest .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .buttons a, .component.card.blog-latest .component.pagination .button, .component.card.blog-latest .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.blog-latest .component.pagination a {
display: flex;
width: auto;
}
}
.component.card.vlog-1 {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
row-gap: 1rem;
justify-content: center;
height: 100%;
text-align: center;
padding: 1rem;
background-color: #FDA;
}
.component.card.vlog-1 > .link {
display: flex;
position: relative;
}
.component.card.vlog-1 > .link .image {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 4/3;
}
.component.card.vlog-1 .inner {
display: flex;
flex-direction: column;
height: 100%;
}
.component.card.vlog-1 .inner .content {
height: 100%;
align-items: center;
}
.component.card.vlog-1 .inner .content .title {
display: flex;
justify-content: center;
color: rgb(255, 0, 0);
font-size: 1.125rem;
font-weight: 700;
text-decoration: none;
}
.component.card.vlog-1 .inner .content .title:hover {
color: rgb(255, 0, 0);
text-decoration: underline;
}
.component.card.vlog-1 .button.play, .component.card.vlog-1 .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.play, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-1 a.play {
position: absolute;
z-index: 3;
top: calc(50% - 23px);
left: calc(50% - 23px);
}
:root {
--component-card-vlog-latest-vlog-latest-1--padding-top: 1rem;
--component-card-vlog-latest-vlog-latest-1--padding-bottom: calc(1.1rem + 1.2vw);
--component-card-vlog-latest-vlog-latest-1-inner-content-title--font-size: calc(1.125rem + 1.5vw);
}
@media (min-width: 1200px) {
:root {
--component-card-vlog-latest-vlog-latest-1--padding-bottom: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-card-vlog-latest-vlog-latest-1-inner-content-title--font-size: 2.25rem;
}
}
.component.card.vlog-latest {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
height: 100%;
padding-top: var(--component-card-vlog-latest-vlog-latest-1--padding-top);
padding-bottom: var(--component-card-vlog-latest-vlog-latest-1--padding-bottom);
}
.component.card.vlog-latest > .background-image {
position: relative;
display: flex;
}
.component.card.vlog-latest > .background-image .image {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 4/3;
}
@media (min-width: 576px) {
.component.card.vlog-latest > .background-image .image {
aspect-ratio: 16/7;
}
}
.component.card.vlog-latest > .background-image .button.play, .component.card.vlog-latest > .background-image .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.play, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.card.vlog-latest > .background-image a.play {
position: absolute;
z-index: 3;
top: calc(50% - 23px);
left: calc(50% - 23px);
}
.component.card.vlog-latest .inner {
position: relative;
z-index: 3;
display: flex;
flex-direction: column;
justify-content: flex-start;
row-gap: 1rem;
background-color: #FDA;
padding: 1rem 1rem 1.25rem;
text-align: center;
}
@media (min-width: 576px) {
.component.card.vlog-latest .inner {
position: absolute;
bottom: var(--component-card-vlog-latest-vlog-latest-1--padding-bottom);
left: 0;
text-align: left;
margin: 1rem;
}
}
.component.card.vlog-latest .inner .content {
height: 100%;
display: flex;
flex-direction: column;
row-gap: 0;
}
.component.card.vlog-latest .inner .content .categories {
display: flex;
justify-content: center;
flex-wrap: wrap;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
opacity: 0.8;
}
@media (min-width: 576px) {
.component.card.vlog-latest .inner .content .categories {
justify-content: flex-start;
}
}
.component.card.vlog-latest .inner .content .title {
color: rgb(255, 0, 0);
font-size: var(--component-card-vlog-latest-vlog-latest-1-inner-content-title--font-size);
font-weight: 700;
text-decoration: none;
line-height: 1.25;
}
.component.card.vlog-latest .inner .content .title:hover {
color: rgb(255, 0, 0);
text-decoration: underline;
}
.component.card.customer-photo-1 {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
row-gap: 1rem;
justify-content: center;
height: 100%;
text-align: center;
padding: 1rem;
background-color: #FDA;
}
.component.card.customer-photo-1 .image {
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 3/4;
}
.component.card.customer-photo-1 .inner {
display: flex;
flex-direction: column;
height: 100%;
}
.component.card.customer-photo-1 .inner .content {
height: 100%;
align-items: center;
}
.component.card.customer-photo-1 .inner .content .title {
display: flex;
justify-content: center;
color: rgb(255, 0, 0);
font-size: 1.125rem;
font-weight: 700;
}
:root {
--component-card-page-page-1--padding-bottom: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--component-card-page-page-1--padding-bottom: 2rem;
}
}
.component.card.page-1 {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
row-gap: 0;
justify-content: center;
height: 100%;
text-align: left;
padding-bottom: var(--component-card-page-page-1--padding-bottom);
background-color: transparent;
border-bottom: 2px solid rgba(34, 34, 34, 0.05);
}
.component.card.page-1 .title {
color: rgb(255, 0, 0);
font-size: 1.125rem;
font-weight: 700;
text-decoration: none;
}
.component.card.page-1 .title:hover {
color: rgb(255, 0, 0);
text-decoration: underline;
}
:root {
--component-card-shoutout--margin: 0;
--component-card-shoutout-shoutout-1--padding-x: calc(1.1rem + 1.2vw);
--component-card-shoutout-shoutout-1--padding-y: 1rem;
--component-card-shoutout-shoutout-1-title--font-size: calc(1.0625rem + 0.75vw);
--component-card-shoutout-shoutout-1-text--font-size: calc(1.0625rem + 0.75vw);
--component-card-shoutout-shoutout-2--padding-x: calc(1.1rem + 1.2vw);
--component-card-shoutout-shoutout-2--padding-y: 1rem;
--component-card-shoutout-shoutout-2-title--font-size: calc(1.0625rem + 0.75vw);
--component-card-shoutout-shoutout-2-text--font-size: 1rem;
--component-card-shoutout-shoutout-3--padding-x: calc(1.1rem + 1.2vw);
--component-card-shoutout-shoutout-3--padding-y: 1rem;
--component-card-shoutout-shoutout-3-title--font-size: calc(1.0625rem + 0.75vw);
--component-card-shoutout-shoutout-3-text--font-size: 1rem;
--component-card-shoutout-shoutout-4--padding-x: calc(1.1rem + 1.2vw);
--component-card-shoutout-shoutout-4--padding-y: 1rem;
--component-card-shoutout-shoutout-4-title--font-size: calc(1.0625rem + 0.75vw);
--component-card-shoutout-shoutout-4-text--font-size: calc(1.0375rem + 0.45vw);
--component-card-shoutout-shoutout-5-content-padding-y: calc(1.1rem + 1.2vw);
--component-card-shoutout-shoutout-5-content-padding-x: calc(1.1rem + 1.2vw);
--component-card-shoutout-shoutout-6--padding-x: calc(1.1rem + 1.2vw);
--component-card-shoutout-shoutout-6--padding-y: 1rem;
--component-card-shoutout-shoutout-7-content-padding-y: calc(1.1rem + 1.2vw);
--component-card-shoutout-shoutout-7-content-padding-x: calc(1.1rem + 1.2vw);
--component-card-shoutout-shoutout-8-content-padding-y: calc(1.1rem + 1.2vw);
--component-card-shoutout-shoutout-8-content-padding-x: calc(1.1rem + 1.2vw);
--component-card-shoutout-shoutout-8-content-title--font-size: calc(1.0625rem + 0.75vw);
}
@media (min-width: 1200px) {
:root {
--component-card-shoutout-shoutout-1--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-card-shoutout-shoutout-1-title--font-size: 1.625rem;
}
}
@media (min-width: 1200px) {
:root {
--component-card-shoutout-shoutout-1-text--font-size: 1.625rem;
}
}
@media (min-width: 1200px) {
:root {
--component-card-shoutout-shoutout-2--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-card-shoutout-shoutout-2-title--font-size: 1.625rem;
}
}
@media (min-width: 1200px) {
:root {
--component-card-shoutout-shoutout-3--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-card-shoutout-shoutout-3-title--font-size: 1.625rem;
}
}
@media (min-width: 1200px) {
:root {
--component-card-shoutout-shoutout-4--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-card-shoutout-shoutout-4-title--font-size: 1.625rem;
}
}
@media (min-width: 1200px) {
:root {
--component-card-shoutout-shoutout-4-text--font-size: 1.375rem;
}
}
@media (min-width: 1200px) {
:root {
--component-card-shoutout-shoutout-5-content-padding-y: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-card-shoutout-shoutout-5-content-padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-card-shoutout-shoutout-6--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-card-shoutout-shoutout-7-content-padding-y: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-card-shoutout-shoutout-7-content-padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-card-shoutout-shoutout-8-content-padding-y: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-card-shoutout-shoutout-8-content-padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-card-shoutout-shoutout-8-content-title--font-size: 1.625rem;
}
}
.component.cards.shoutout {
width: 100%;
margin: var(--component-card-shoutout--margin);
margin-left: 0;
margin-right: 0;
}
.component.cards.shoutout .text:empty {
display: none;
}
.component.cards.shoutout .buttons, .component.cards.shoutout .component.pagination {
display: inline;
}
.component.cards.shoutout .buttons:empty, .component.cards.shoutout .component.pagination:empty {
display: none;
}
.component.cards.shoutout-1 {
padding-top: var(--component-card-shoutout-shoutout-1--padding-y);
padding-right: var(--component-card-shoutout-shoutout-1--padding-x);
padding-bottom: var(--component-card-shoutout-shoutout-1--padding-y);
padding-left: var(--component-card-shoutout-shoutout-1--padding-x);
background-color: #FF0;
border-style: solid;
border-width: 2px;
border-color: rgb(34, 34, 34);
text-align: center;
}
.component.cards.shoutout-1 > .title {
display: inline;
font-size: var(--component-card-shoutout-shoutout-1-title--font-size);
line-height: 1.2;
color: rgb(255, 0, 0);
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-thickness: 3px;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
margin-right: 0.25rem;
}
.component.cards.shoutout-1 > .text {
display: inline;
font-size: var(--component-card-shoutout-shoutout-1-text--font-size);
font-weight: 600;
color: rgb(34, 34, 34);
}
.component.cards.shoutout-1 > .text p {
display: inline;
opacity: 1;
}
.component.cards.shoutout-1 .link {
font-size: var(--component-card-shoutout-shoutout-1-title--font-size);
font-weight: 600;
padding: 0;
}
.component.cards.shoutout-1 .link:hover {
text-decoration: underline;
background-color: transparent;
}
.component.cards.shoutout-2 {
display: flex;
flex-direction: column;
align-items: center;
row-gap: 0;
padding-top: var(--component-card-shoutout-shoutout-2--padding-y);
padding-right: var(--component-card-shoutout-shoutout-2--padding-x);
padding-bottom: var(--component-card-shoutout-shoutout-2--padding-y);
padding-left: var(--component-card-shoutout-shoutout-2--padding-x);
background-color: rgb(34, 34, 34);
border-style: solid;
border-width: 2px;
border-color: rgb(34, 34, 34);
text-align: center;
}
.component.cards.shoutout-2 > .title {
display: inline-flex;
flex-direction: column;
font-size: var(--component-card-shoutout-shoutout-2-title--font-size);
line-height: 1.2;
color: rgb(255, 255, 255);
text-decoration-line: none;
text-decoration-style: none;
text-decoration-thickness: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
margin-bottom: 1rem;
}
.component.cards.shoutout-2 > .text {
font-size: var(--component-card-shoutout-shoutout-2-text--font-size);
font-weight: 400;
color: rgb(255, 255, 255);
}
.component.cards.shoutout-3 {
display: flex;
flex-direction: column;
align-items: center;
row-gap: 0;
padding-top: var(--component-card-shoutout-shoutout-3--padding-y);
padding-right: var(--component-card-shoutout-shoutout-3--padding-x);
padding-bottom: var(--component-card-shoutout-shoutout-3--padding-y);
padding-left: var(--component-card-shoutout-shoutout-3--padding-x);
background-color: rgb(34, 34, 34);
border-style: solid;
border-width: 2px;
border-color: rgb(34, 34, 34);
text-align: center;
}
.component.cards.shoutout-3 > .title {
display: inline-flex;
flex-direction: column;
font-size: var(--component-card-shoutout-shoutout-3-title--font-size);
line-height: 1.2;
color: rgb(255, 255, 255);
text-decoration-line: none;
text-decoration-style: none;
text-decoration-thickness: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
.component.cards.shoutout-3 > .text {
margin-top: 1rem;
font-size: var(--component-card-shoutout-shoutout-3-text--font-size);
font-weight: 400;
color: rgb(255, 255, 255);
}
.component.cards.shoutout-3 > .text a {
text-decoration: underline;
color: rgb(255, 255, 255);
}
.component.cards.shoutout-3 .opening-hours.origo {
display: flex;
flex-direction: column;
align-items: center;
}
.component.cards.shoutout-4 {
display: flex;
flex-direction: column;
align-items: center;
padding-top: var(--component-card-shoutout-shoutout-4--padding-y);
padding-right: var(--component-card-shoutout-shoutout-4--padding-x);
padding-bottom: var(--component-card-shoutout-shoutout-4--padding-y);
padding-left: var(--component-card-shoutout-shoutout-4--padding-x);
background-color: #FF0;
border-style: solid;
border-width: 2px;
border-color: rgb(34, 34, 34);
text-align: center;
}
.component.cards.shoutout-4 > .title {
display: inline-flex;
flex-direction: column;
font-size: var(--component-card-shoutout-shoutout-4-title--font-size);
line-height: 1.2;
color: rgb(255, 0, 0);
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-thickness: 3px;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
margin-bottom: 1rem;
}
.component.cards.shoutout-4 > .text {
font-size: var(--component-card-shoutout-shoutout-4-text--font-size);
font-weight: 600;
color: rgb(34, 34, 34);
}
.component.cards.shoutout-4 > .text p {
opacity: 1;
}
.component.cards.shoutout-5 {
position: relative;
display: flex;
align-items: flex-end;
background-color: rgb(255, 0, 0);
/* Image */
}
.component.cards.shoutout-5 .content {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
color: rgb(255, 255, 255);
padding: var(--component-card-shoutout-shoutout-5-content-padding-y) var(--component-card-shoutout-shoutout-5-content-padding-x);
z-index: 2;
}
@media (min-width: 576px) {
.component.cards.shoutout-5 .content {
width: 70%;
}
}
@media (min-width: 768px) {
.component.cards.shoutout-5 .content {
width: 100%;
}
}
.component.cards.shoutout-5 .title {
line-height: 100%;
font-size: var(--heading-1--font-size);
}
.component.cards.shoutout-5 .text {
font-size: var(--heading-6--font-size);
font-weight: 700;
margin-top: calc(var(--theme-1-gutter-x) * 0.125);
margin-bottom: calc(var(--theme-1-gutter-x) * 0.375);
}
.component.cards.shoutout-5 .text p {
opacity: 1;
}
.component.cards.shoutout-5 .list {
padding: 0;
width: 60%;
}
@media (min-width: 576px) {
.component.cards.shoutout-5 .list {
width: 70%;
}
}
@media (min-width: 768px) {
.component.cards.shoutout-5 .list {
width: 100%;
}
}
@media (min-width: 1200px) {
.component.cards.shoutout-5 .list {
list-style: none;
display: flex;
flex-direction: column;
}
}
.component.cards.shoutout-5 .list .list-item svg path {
stroke: rgb(255, 255, 255);
}
.component.cards.shoutout-5 .image.image-1 {
position: absolute;
right: 0;
bottom: 0;
height: auto;
width: 50%;
z-index: 1;
}
@media (min-width: 768px) {
.component.cards.shoutout-5 .image.image-1 {
position: relative;
height: 100%;
width: auto;
}
}
@media (min-width: 992px) {
.component.cards.shoutout-5 .image.image-1 {
position: absolute;
height: auto;
width: 40%;
}
}
@media (min-width: 1200px) {
.component.cards.shoutout-5 .image.image-1 {
position: relative;
height: 100%;
width: auto;
}
}
.component.cards.shoutout-6 {
position: relative;
display: flex;
min-height: 260px;
}
@media (min-width: 576px) {
.component.cards.shoutout-6 {
min-height: 350px;
}
}
@media (min-width: 992px) {
.component.cards.shoutout-6 {
min-height: 360px;
}
}
.component.cards.shoutout-6 .image:first-of-type {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 1;
}
.component.cards.shoutout-6 .content {
position: relative;
padding: var(--component-card-shoutout-shoutout-6--padding-x);
z-index: 2;
}
.component.cards.shoutout-6 .content .title {
background-color: rgb(255, 0, 0);
font-size: 29px;
line-height: 120%;
color: rgb(255, 255, 255);
padding: 0.5rem 1rem;
width: -moz-min-content;
width: min-content;
}
@media (min-width: 576px) {
.component.cards.shoutout-6 .content .title {
font-size: var(--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-message--font-size);
}
}
@media (min-width: 1200px) {
.component.cards.shoutout-6 .content .title {
width: initial;
}
}
.component.cards.shoutout-6 .content > .text {
font-size: var(--heading-1--font-size);
color: rgb(255, 255, 255);
font-weight: 700;
text-shadow: 0px 2px 2px rgba(34, 34, 34, 0.3);
}
.component.cards.shoutout-6 .image:last-of-type {
position: absolute;
right: 0;
bottom: 0;
z-index: 3;
height: 160px;
width: auto;
}
@media (min-width: 576px) {
.component.cards.shoutout-6 .image:last-of-type {
height: auto;
}
}
@media (min-width: 992px) {
.component.cards.shoutout-6 .image:last-of-type {
height: 200px;
}
}
@media (min-width: 1600px) {
.component.cards.shoutout-6 .image:last-of-type {
height: auto;
}
}
.component.cards.shoutout-7 {
position: relative;
display: flex;
align-items: flex-end;
background-color: rgb(255, 0, 0);
/* Content */
}
.component.cards.shoutout-7 .content {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
color: rgb(255, 255, 255);
padding: var(--component-card-shoutout-shoutout-8-content-padding-y) var(--component-card-shoutout-shoutout-8-content-padding-x);
text-align: center;
/* Title */
/* Text */
/* Buttons */
}
.component.cards.shoutout-7 .content .title {
line-height: 100%;
font-size: var(--heading-1--font-size);
text-align: center;
}
.component.cards.shoutout-7 .content .text {
font-size: var(--heading-6--font-size);
font-weight: 700;
margin-top: calc(var(--theme-1-gutter-x) * 0.125);
margin-bottom: calc(var(--theme-1-gutter-x) * 0.375);
/* Paragraph */
}
.component.cards.shoutout-7 .content .text p {
opacity: 1;
line-height: 160%;
padding-top: 0.5rem;
}
.component.cards.shoutout-7 .content .buttons, .component.cards.shoutout-7 .content .component.pagination {
display: flex;
justify-content: center;
}
.component.cards.shoutout-8 {
position: relative;
display: flex;
align-items: flex-end;
background-color: rgb(34, 34, 34);
}
.component.cards.shoutout-8 .content {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
color: rgb(255, 255, 255);
padding: var(--component-card-shoutout-shoutout-8-content-padding-y) var(--component-card-shoutout-shoutout-8-content-padding-x);
}
.component.cards.shoutout-8 .content .image {
width: auto;
}
.component.cards.shoutout-8 .content .title {
color: rgb(255, 255, 255);
display: inline-flex;
flex-direction: column;
font-size: var(--component-card-shoutout-shoutout-8-content-title--font-size);
line-height: 1.2;
margin-bottom: 1rem;
text-decoration-line: none;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
text-decoration-style: none;
text-decoration-thickness: 0;
text-align: center;
margin-top: 1rem;
}
.component.cards.shoutout-8 .content .text {
text-align: center;
}
.component.cards.shoutout-8 .content .buttons, .component.cards.shoutout-8 .content .component.pagination {
display: flex;
justify-content: center;
}
.component.cards.shoutout-9 .image-container-mobile {
display: block;
}
@media (min-width: 576px) {
.component.cards.shoutout-9 .image-container-mobile {
display: none;
}
}
.component.cards.shoutout-9 .image-container-tablet {
display: none;
}
@media (min-width: 576px) {
.component.cards.shoutout-9 .image-container-tablet {
display: block;
}
}
@media (min-width: 992px) {
.component.cards.shoutout-9 .image-container-tablet {
display: none;
}
}
.component.cards.shoutout-9 .image-container-desktop {
display: none;
}
@media (min-width: 992px) {
.component.cards.shoutout-9 .image-container-desktop {
display: block;
}
}
.component.card.discount-1 {
border-radius: inherit;
display: flex;
flex-direction: column;
height: 100%;
justify-content: flex-start;
overflow: hidden;
position: relative;
text-align: start;
text-decoration: none;
}
.component.card.discount-1 .image-group {
display: flex;
inset: 0;
position: absolute;
}
.component.card.discount-1 .image-group .image {
height: 100%;
inset: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
width: 100%;
z-index: 1;
}
.component.card.discount-1 > .inner {
display: flex;
flex-direction: column;
justify-content: space-between;
z-index: 2;
height: 100%;
padding: 2rem;
}
.component.card.discount-1 .block {
background-color: rgb(255, 0, 0);
padding-top: calc(1.0111111111rem + 0.1333333333vw);
padding-right: 1rem;
padding-bottom: calc(1.0111111111rem + 0.1333333333vw);
padding-left: 1rem;
display: flex;
flex-direction: column;
row-gap: 0.5rem;
margin-bottom: 0.5rem;
}
@media (min-width: 1200px) {
.component.card.discount-1 .block {
padding-top: 1.1111111111rem;
}
}
@media (min-width: 1200px) {
.component.card.discount-1 .block {
padding-bottom: 1.1111111111rem;
}
}
.component.card.discount-1 .block .discount-condition {
color: rgb(255, 255, 255);
font-size: 0.625rem;
font-weight: 500;
height: 1rem;
line-height: 1;
margin-bottom: 0.25rem;
}
.component.card.discount-1 .block .discount-percentage {
color: rgb(255, 255, 255);
font-weight: 900;
font-size: calc(1.2rem + 2.4vw);
}
@media (min-width: 1200px) {
.component.card.discount-1 .block .discount-percentage {
font-size: 3rem;
}
}
.component.card.discount-1 .block .discount-subtitle {
color: rgb(255, 255, 255);
font-weight: 700;
line-height: 1;
font-size: calc(1.0625rem + 0.75vw);
}
@media (min-width: 1200px) {
.component.card.discount-1 .block .discount-subtitle {
font-size: 1.625rem;
}
}
.component.card.discount-1 .content > .text {
font-weight: 700;
color: rgb(255, 255, 255);
font-size: calc(1.03125rem + 0.375vw);
line-height: 100%;
}
@media (min-width: 1200px) {
.component.card.discount-1 .content > .text {
font-size: 1.3125rem;
}
}
:root {
--component-cards-customizables-customizables-1--padding-y: 0;
--component-cards-customizables-customizables-1-inner--padding-top: calc(1.1rem + 1.2vw);
--component-cards-customizables-customizables-1-inner--padding-bottom: 0;
--component-cards-customizables-customizables-1-inner--row-gap: calc(1.05rem + 0.6vw);
--component-cards-customizables-customizables-1-inner-column--padding-left: 0.75rem;
--component-cards-customizables-customizables-1-inner-column--padding-right: 0.75rem;
--component-cards-customizables-customizables-1-buttons--padding-top: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--component-cards-customizables-customizables-1-inner--padding-top: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-cards-customizables-customizables-1-inner--row-gap: 1.5rem;
}
}
@media (min-width: 1200px) {
:root {
--component-cards-customizables-customizables-1-buttons--padding-top: 2rem;
}
}
.component.cards.customizables {
width: 100%;
}
.component.cards.customizables-1 {
padding-top: var(--component-cards-customizables-customizables-1--padding-y);
padding-right: 0;
padding-bottom: var(--component-cards-customizables-customizables-1--padding-y);
padding-left: 0;
}
.component.cards.customizables-1 > .inner {
padding-top: var(--component-cards-customizables-customizables-1-inner--padding-top);
padding-right: 0;
padding-bottom: var(--component-cards-customizables-customizables-1-inner--padding-bottom);
padding-left: 0;
row-gap: var(--component-cards-customizables-customizables-1-inner--row-gap);
}
.component.cards.customizables-1 .column {
padding-left: var(--component-cards-customizables-customizables-1-inner-column--padding-left);
padding-right: var(--component-cards-customizables-customizables-1-inner-column--padding-right);
}
.component.cards.customizables-1 > .buttons, .component.cards.customizables-1 > .component.pagination {
padding-top: var(--component-cards-customizables-customizables-1-buttons--padding-top);
justify-content: flex-end;
}
.component.cards.customizables-1 .row, .component.cards.customizables-1 .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .component.cards.customizables-1 .gform_fields {
row-gap: 1.5rem;
}
.component.cards.customizables-1 .row .column, .component.cards.customizables-1 .vendor.gravity-forms .gform_fields .column, .vendor.gravity-forms .component.cards.customizables-1 .gform_fields .column {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.component.cards.customizables-vertical-align-top .card {
justify-content: start;
}
.component.cards.customizables-vertical-align-bottom .card {
justify-content: end;
}
.component.cards.customizables-aspect-ratio-none > .row > .column > a, .vendor.gravity-forms .component.cards.customizables-aspect-ratio-none > .gform_fields > .column > a {
aspect-ratio: unset;
}
.component.cards.customizables-aspect-ratio-16-9 > .row > .column > a, .vendor.gravity-forms .component.cards.customizables-aspect-ratio-16-9 > .gform_fields > .column > a {
aspect-ratio: 16/9;
}
.component.cards.customizables-aspect-ratio-16-7 > .row > .column > a, .vendor.gravity-forms .component.cards.customizables-aspect-ratio-16-7 > .gform_fields > .column > a {
aspect-ratio: 16/7;
}
.component.cards.customizables-aspect-ratio-4-3 > .row > .column > a, .vendor.gravity-forms .component.cards.customizables-aspect-ratio-4-3 > .gform_fields > .column > a {
aspect-ratio: 4/3;
}
.component.cards.customizables-aspect-ratio-3-4 > .row > .column > a, .vendor.gravity-forms .component.cards.customizables-aspect-ratio-3-4 > .gform_fields > .column > a {
aspect-ratio: 3/4;
}
.component.cards.customizables-aspect-ratio-1-1 > .row > .column > a, .vendor.gravity-forms .component.cards.customizables-aspect-ratio-1-1 > .gform_fields > .column > a {
aspect-ratio: 1/1;
}
:root {
--component-cards-products-products-1--padding-y: 0;
--component-cards-products-products-1-inner--padding-top: calc(1.1rem + 1.2vw);
--component-cards-products-products-1-inner--padding-bottom: 0;
--component-cards-products-products-1-inner--row-gap: calc(1.05rem + 0.6vw);
--component-cards-products-products-1-inner-column--padding-left: 0.75rem;
--component-cards-products-products-1-inner-column--padding-right: 0.75rem;
--component-cards-products-products-1-buttons--padding-top: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--component-cards-products-products-1-inner--padding-top: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-cards-products-products-1-inner--row-gap: 1.5rem;
}
}
@media (min-width: 1200px) {
:root {
--component-cards-products-products-1-buttons--padding-top: 2rem;
}
}
.component.cards.products {
width: 100%;
}
.component.cards.products-1 {
padding-top: var(--component-cards-products-products-1--padding-y);
padding-right: 0;
padding-bottom: var(--component-cards-products-products-1--padding-y);
padding-left: 0;
}
.component.cards.products-1 > .inner {
padding-top: var(--component-cards-products-products-1-inner--padding-top);
padding-right: 0;
padding-bottom: var(--component-cards-products-products-1-inner--padding-bottom);
padding-left: 0;
row-gap: var(--component-cards-products-products-1-inner--row-gap);
}
.component.cards.products-1 .column {
padding-left: var(--component-cards-products-products-1-inner-column--padding-left);
padding-right: var(--component-cards-products-products-1-inner-column--padding-right);
}
.component.cards.products-1 > .buttons, .component.cards.products-1 > .component.pagination {
padding-top: var(--component-cards-products-products-1-buttons--padding-top);
justify-content: flex-end;
}
.component.cards.products-1 .row, .component.cards.products-1 .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .component.cards.products-1 .gform_fields {
row-gap: 1.5rem;
}
.component.cards.products-1 .row .column, .component.cards.products-1 .vendor.gravity-forms .gform_fields .column, .vendor.gravity-forms .component.cards.products-1 .gform_fields .column {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.component.cards.products-aspect-ratio-none {
aspect-ratio: unset;
}
.component.cards.products-aspect-ratio-16-9 > .row > .column a.product-2, .vendor.gravity-forms .component.cards.products-aspect-ratio-16-9 > .gform_fields > .column a.product-2 {
aspect-ratio: 16/9;
}
.component.cards.products-aspect-ratio-16-9 > .row > .column .product-4 .image-group, .vendor.gravity-forms .component.cards.products-aspect-ratio-16-9 > .gform_fields > .column .product-4 .image-group {
aspect-ratio: 16/9;
}
.component.cards.products-aspect-ratio-16-9 > .row > .column .product-4 .image-group img, .vendor.gravity-forms .component.cards.products-aspect-ratio-16-9 > .gform_fields > .column .product-4 .image-group img {
aspect-ratio: 16/9;
}
.component.cards.products-aspect-ratio-16-7 > .row > .column a.product-2, .vendor.gravity-forms .component.cards.products-aspect-ratio-16-7 > .gform_fields > .column a.product-2 {
aspect-ratio: 16/7;
}
.component.cards.products-aspect-ratio-16-7 > .row > .column .product-4 .image-group, .vendor.gravity-forms .component.cards.products-aspect-ratio-16-7 > .gform_fields > .column .product-4 .image-group {
aspect-ratio: 16/7;
}
.component.cards.products-aspect-ratio-16-7 > .row > .column .product-4 .image-group img, .vendor.gravity-forms .component.cards.products-aspect-ratio-16-7 > .gform_fields > .column .product-4 .image-group img {
aspect-ratio: 16/7;
}
.component.cards.products-aspect-ratio-4-3 > .row > .column a.product-2, .vendor.gravity-forms .component.cards.products-aspect-ratio-4-3 > .gform_fields > .column a.product-2 {
aspect-ratio: 4/3;
}
.component.cards.products-aspect-ratio-4-3 > .row > .column .product-4 .image-group, .vendor.gravity-forms .component.cards.products-aspect-ratio-4-3 > .gform_fields > .column .product-4 .image-group {
aspect-ratio: 4/3;
}
.component.cards.products-aspect-ratio-4-3 > .row > .column .product-4 .image-group img, .vendor.gravity-forms .component.cards.products-aspect-ratio-4-3 > .gform_fields > .column .product-4 .image-group img {
aspect-ratio: 4/3;
}
.component.cards.products-aspect-ratio-3-4 > .row > .column a.product-2, .vendor.gravity-forms .component.cards.products-aspect-ratio-3-4 > .gform_fields > .column a.product-2 {
aspect-ratio: 3/4;
}
.component.cards.products-aspect-ratio-3-4 > .row > .column .product-4 .image-group, .vendor.gravity-forms .component.cards.products-aspect-ratio-3-4 > .gform_fields > .column .product-4 .image-group {
aspect-ratio: 3/4;
}
.component.cards.products-aspect-ratio-3-4 > .row > .column .product-4 .image-group img, .vendor.gravity-forms .component.cards.products-aspect-ratio-3-4 > .gform_fields > .column .product-4 .image-group img {
aspect-ratio: 3/4;
}
.component.cards.products-aspect-ratio-1-1 > .row > .column a.product-2, .vendor.gravity-forms .component.cards.products-aspect-ratio-1-1 > .gform_fields > .column a.product-2 {
aspect-ratio: 1/1;
}
.component.cards.products-aspect-ratio-1-1 > .row > .column .product-4 .image-group, .vendor.gravity-forms .component.cards.products-aspect-ratio-1-1 > .gform_fields > .column .product-4 .image-group {
aspect-ratio: 1/1;
}
.component.cards.products-aspect-ratio-1-1 > .row > .column .product-4 .image-group img, .vendor.gravity-forms .component.cards.products-aspect-ratio-1-1 > .gform_fields > .column .product-4 .image-group img {
aspect-ratio: 1/1;
}
.component.cards.products.scroller {
overflow-x: scroll;
position: relative;
will-change: transform;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer;
-ms-overflow-style: auto;
scrollbar-color: #C1C1C1 #f7f7f7;
scrollbar-width: thin;
}
.component.cards.products.scroller:hover .row, .component.cards.products.scroller:hover .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .component.cards.products.scroller:hover .gform_fields {
padding-bottom: 2rem;
}
@-moz-document url-prefix() {
.component.cards.products.scroller:hover .row, .component.cards.products.scroller:hover .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .component.cards.products.scroller:hover .gform_fields {
padding-bottom: 2rem;
}
}
.component.cards.products.scroller .row, .component.cards.products.scroller .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .component.cards.products.scroller .gform_fields {
display: flex;
flex-wrap: nowrap;
padding-bottom: 2rem;
}
.component.cards.products.scroller .row > :last-child, .component.cards.products.scroller .vendor.gravity-forms .gform_fields > :last-child, .vendor.gravity-forms .component.cards.products.scroller .gform_fields > :last-child {
padding-right: 0;
}
.component.cards.products.scroller .row.row-columns-1 .column, .component.cards.products.scroller .vendor.gravity-forms .row-columns-1.gform_fields .column, .vendor.gravity-forms .component.cards.products.scroller .row-columns-1.gform_fields .column {
width: 70%;
}
.component.cards.products.scroller .row.row-columns-1 > :last-child, .component.cards.products.scroller .vendor.gravity-forms .row-columns-1.gform_fields > :last-child, .vendor.gravity-forms .component.cards.products.scroller .row-columns-1.gform_fields > :last-child {
width: calc(70% - 1rem);
}
.component.cards.products.scroller .row.row-columns-2 .column, .component.cards.products.scroller .vendor.gravity-forms .row-columns-2.gform_fields .column, .vendor.gravity-forms .component.cards.products.scroller .row-columns-2.gform_fields .column {
width: 40%;
}
.component.cards.products.scroller .row.row-columns-2 > :last-child, .component.cards.products.scroller .vendor.gravity-forms .row-columns-2.gform_fields > :last-child, .vendor.gravity-forms .component.cards.products.scroller .row-columns-2.gform_fields > :last-child {
width: calc(40% - 1rem);
}
@media (min-width: 576px) {
.component.cards.products.scroller .row.row-columns-4-sm .column, .component.cards.products.scroller .vendor.gravity-forms .row-columns-4-sm.gform_fields .column, .vendor.gravity-forms .component.cards.products.scroller .row-columns-4-sm.gform_fields .column {
width: 22%;
}
.component.cards.products.scroller .row.row-columns-4-sm > :last-child, .component.cards.products.scroller .vendor.gravity-forms .row-columns-4-sm.gform_fields > :last-child, .vendor.gravity-forms .component.cards.products.scroller .row-columns-4-sm.gform_fields > :last-child {
width: calc(22% - 1rem);
}
.component.cards.products.scroller .row.row-columns-3-sm .column, .component.cards.products.scroller .vendor.gravity-forms .row-columns-3-sm.gform_fields .column, .vendor.gravity-forms .component.cards.products.scroller .row-columns-3-sm.gform_fields .column {
width: 28%;
}
.component.cards.products.scroller .row.row-columns-3-sm > :last-child, .component.cards.products.scroller .vendor.gravity-forms .row-columns-3-sm.gform_fields > :last-child, .vendor.gravity-forms .component.cards.products.scroller .row-columns-3-sm.gform_fields > :last-child {
width: calc(22% - 1rem);
}
.component.cards.products.scroller .row.row-columns-2-sm .column, .component.cards.products.scroller .vendor.gravity-forms .row-columns-2-sm.gform_fields .column, .vendor.gravity-forms .component.cards.products.scroller .row-columns-2-sm.gform_fields .column {
width: 40%;
}
.component.cards.products.scroller .row.row-columns-2-sm > :last-child, .component.cards.products.scroller .vendor.gravity-forms .row-columns-2-sm.gform_fields > :last-child, .vendor.gravity-forms .component.cards.products.scroller .row-columns-2-sm.gform_fields > :last-child {
width: calc(40% - 1rem);
}
}
@media (min-width: 1200px) {
.component.cards.products.scroller .row.row-columns-4-xl .column, .component.cards.products.scroller .vendor.gravity-forms .row-columns-4-xl.gform_fields .column, .vendor.gravity-forms .component.cards.products.scroller .row-columns-4-xl.gform_fields .column {
width: 22%;
}
.component.cards.products.scroller .row.row-columns-4-xl > :last-child, .component.cards.products.scroller .vendor.gravity-forms .row-columns-4-xl.gform_fields > :last-child, .vendor.gravity-forms .component.cards.products.scroller .row-columns-4-xl.gform_fields > :last-child {
width: calc(22% - 1rem);
}
.component.cards.products.scroller .row.row-columns-3-xl .column, .component.cards.products.scroller .vendor.gravity-forms .row-columns-3-xl.gform_fields .column, .vendor.gravity-forms .component.cards.products.scroller .row-columns-3-xl.gform_fields .column {
width: 28%;
}
.component.cards.products.scroller .row.row-columns-3-xl > :last-child, .component.cards.products.scroller .vendor.gravity-forms .row-columns-3-xl.gform_fields > :last-child, .vendor.gravity-forms .component.cards.products.scroller .row-columns-3-xl.gform_fields > :last-child {
width: calc(28% - 1rem);
}
.component.cards.products.scroller .row.row-columns-2-xl .column, .component.cards.products.scroller .vendor.gravity-forms .row-columns-2-xl.gform_fields .column, .vendor.gravity-forms .component.cards.products.scroller .row-columns-2-xl.gform_fields .column {
width: 40%;
}
.component.cards.products.scroller .row.row-columns-2-xl > :last-child, .component.cards.products.scroller .vendor.gravity-forms .row-columns-2-xl.gform_fields > :last-child, .vendor.gravity-forms .component.cards.products.scroller .row-columns-2-xl.gform_fields > :last-child {
width: calc(40% - 1rem);
}
}
.component.cards.products.scroller.active {
cursor: grabbing;
cursor: -webkit-grabbing;
}
.component.cards.products.scroller.active a:hover {
cursor: grabbing;
cursor: -webkit-grabbing;
}
.section-background-color-1 .component.cards.products.scroller {
scrollbar-color: #383838 #606060;
}
.section-background-color-1 .component.cards.products.scroller::-webkit-scrollbar-thumb {
background-color: #606060;
}
.section-background-color-1 .component.cards.products.scroller::-webkit-scrollbar-track {
background-color: #383838;
}
.section-background-color-1 .component.cards.products.scroller::-webkit-scrollbar-corner {
background-color: #383838;
}
.section-background-color-2 .component.cards.products.scroller {
scrollbar-color: #f7f7f7 #C1C1C1;
}
.section-background-color-2 .component.cards.products.scroller::-webkit-scrollbar-thumb {
background-color: #C1C1C1;
}
.section-background-color-2 .component.cards.products.scroller::-webkit-scrollbar-track {
background-color: #f7f7f7;
}
.section-background-color-2 .component.cards.products.scroller::-webkit-scrollbar-corner {
background-color: #f7f7f7;
}
.component.cards.products-related {
width: 100%;
}
.component.cards.products-related-2.scroller {
overflow-x: scroll;
position: relative;
will-change: transform;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer;
-ms-overflow-style: auto;
scrollbar-color: #C1C1C1 #f7f7f7;
scrollbar-width: thin;
}
.component.cards.products-related-2.scroller:hover .row, .component.cards.products-related-2.scroller:hover .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .component.cards.products-related-2.scroller:hover .gform_fields {
padding-bottom: 2rem;
}
@-moz-document url-prefix() {
.component.cards.products-related-2.scroller:hover .row, .component.cards.products-related-2.scroller:hover .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .component.cards.products-related-2.scroller:hover .gform_fields {
padding-bottom: 2rem;
}
}
.component.cards.products-related-2.scroller .row, .component.cards.products-related-2.scroller .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .component.cards.products-related-2.scroller .gform_fields {
display: flex;
flex-wrap: nowrap;
padding-bottom: 2rem;
}
.component.cards.products-related-2.scroller .row > :last-child, .component.cards.products-related-2.scroller .vendor.gravity-forms .gform_fields > :last-child, .vendor.gravity-forms .component.cards.products-related-2.scroller .gform_fields > :last-child {
padding-right: 0;
}
.component.cards.products-related-2.scroller .row.row-columns-1 .column, .component.cards.products-related-2.scroller .vendor.gravity-forms .row-columns-1.gform_fields .column, .vendor.gravity-forms .component.cards.products-related-2.scroller .row-columns-1.gform_fields .column {
width: 70%;
}
.component.cards.products-related-2.scroller .row.row-columns-1 > :last-child, .component.cards.products-related-2.scroller .vendor.gravity-forms .row-columns-1.gform_fields > :last-child, .vendor.gravity-forms .component.cards.products-related-2.scroller .row-columns-1.gform_fields > :last-child {
width: calc(70% - 1rem);
}
.component.cards.products-related-2.scroller .row.row-columns-2 .column, .component.cards.products-related-2.scroller .vendor.gravity-forms .row-columns-2.gform_fields .column, .vendor.gravity-forms .component.cards.products-related-2.scroller .row-columns-2.gform_fields .column {
width: 40%;
}
.component.cards.products-related-2.scroller .row.row-columns-2 > :last-child, .component.cards.products-related-2.scroller .vendor.gravity-forms .row-columns-2.gform_fields > :last-child, .vendor.gravity-forms .component.cards.products-related-2.scroller .row-columns-2.gform_fields > :last-child {
width: calc(40% - 1rem);
}
@media (min-width: 576px) {
.component.cards.products-related-2.scroller .row.row-columns-4-sm .column, .component.cards.products-related-2.scroller .vendor.gravity-forms .row-columns-4-sm.gform_fields .column, .vendor.gravity-forms .component.cards.products-related-2.scroller .row-columns-4-sm.gform_fields .column {
width: 22%;
}
.component.cards.products-related-2.scroller .row.row-columns-4-sm > :last-child, .component.cards.products-related-2.scroller .vendor.gravity-forms .row-columns-4-sm.gform_fields > :last-child, .vendor.gravity-forms .component.cards.products-related-2.scroller .row-columns-4-sm.gform_fields > :last-child {
width: calc(22% - 1rem);
}
.component.cards.products-related-2.scroller .row.row-columns-3-sm .column, .component.cards.products-related-2.scroller .vendor.gravity-forms .row-columns-3-sm.gform_fields .column, .vendor.gravity-forms .component.cards.products-related-2.scroller .row-columns-3-sm.gform_fields .column {
width: 28%;
}
.component.cards.products-related-2.scroller .row.row-columns-3-sm > :last-child, .component.cards.products-related-2.scroller .vendor.gravity-forms .row-columns-3-sm.gform_fields > :last-child, .vendor.gravity-forms .component.cards.products-related-2.scroller .row-columns-3-sm.gform_fields > :last-child {
width: calc(22% - 1rem);
}
.component.cards.products-related-2.scroller .row.row-columns-2-sm .column, .component.cards.products-related-2.scroller .vendor.gravity-forms .row-columns-2-sm.gform_fields .column, .vendor.gravity-forms .component.cards.products-related-2.scroller .row-columns-2-sm.gform_fields .column {
width: 40%;
}
.component.cards.products-related-2.scroller .row.row-columns-2-sm > :last-child, .component.cards.products-related-2.scroller .vendor.gravity-forms .row-columns-2-sm.gform_fields > :last-child, .vendor.gravity-forms .component.cards.products-related-2.scroller .row-columns-2-sm.gform_fields > :last-child {
width: calc(40% - 1rem);
}
}
@media (min-width: 1200px) {
.component.cards.products-related-2.scroller .row.row-columns-4-xl .column, .component.cards.products-related-2.scroller .vendor.gravity-forms .row-columns-4-xl.gform_fields .column, .vendor.gravity-forms .component.cards.products-related-2.scroller .row-columns-4-xl.gform_fields .column {
width: 22%;
}
.component.cards.products-related-2.scroller .row.row-columns-4-xl > :last-child, .component.cards.products-related-2.scroller .vendor.gravity-forms .row-columns-4-xl.gform_fields > :last-child, .vendor.gravity-forms .component.cards.products-related-2.scroller .row-columns-4-xl.gform_fields > :last-child {
width: calc(22% - 1rem);
}
.component.cards.products-related-2.scroller .row.row-columns-3-xl .column, .component.cards.products-related-2.scroller .vendor.gravity-forms .row-columns-3-xl.gform_fields .column, .vendor.gravity-forms .component.cards.products-related-2.scroller .row-columns-3-xl.gform_fields .column {
width: 28%;
}
.component.cards.products-related-2.scroller .row.row-columns-3-xl > :last-child, .component.cards.products-related-2.scroller .vendor.gravity-forms .row-columns-3-xl.gform_fields > :last-child, .vendor.gravity-forms .component.cards.products-related-2.scroller .row-columns-3-xl.gform_fields > :last-child {
width: calc(28% - 1rem);
}
.component.cards.products-related-2.scroller .row.row-columns-2-xl .column, .component.cards.products-related-2.scroller .vendor.gravity-forms .row-columns-2-xl.gform_fields .column, .vendor.gravity-forms .component.cards.products-related-2.scroller .row-columns-2-xl.gform_fields .column {
width: 40%;
}
.component.cards.products-related-2.scroller .row.row-columns-2-xl > :last-child, .component.cards.products-related-2.scroller .vendor.gravity-forms .row-columns-2-xl.gform_fields > :last-child, .vendor.gravity-forms .component.cards.products-related-2.scroller .row-columns-2-xl.gform_fields > :last-child {
width: calc(40% - 1rem);
}
}
.component.cards.products-related-2.scroller.active {
cursor: grabbing;
cursor: -webkit-grabbing;
}
.component.cards.products-related-2.scroller.active a:hover {
cursor: grabbing;
cursor: -webkit-grabbing;
}
:root {
--component-cards-reviews-reviews-1--padding-y: 0;
--component-cards-reviews-reviews-1-inner--padding-top: calc(1.1rem + 1.2vw);
--component-cards-reviews-reviews-1-inner--padding-bottom: 0;
--component-cards-reviews-reviews-1-inner--row-gap: calc(1.1rem + 1.2vw);
--component-cards-reviews-reviews-1-buttons--padding-top: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--component-cards-reviews-reviews-1-inner--padding-top: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-cards-reviews-reviews-1-inner--row-gap: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-cards-reviews-reviews-1-buttons--padding-top: 2rem;
}
}
.component.cards.reviews {
width: 100%;
}
.component.cards.reviews-1 {
padding-top: var(--component-cards-reviews-reviews-1--padding-y);
padding-right: 0;
padding-bottom: var(--component-cards-reviews-reviews-1--padding-y);
padding-left: 0;
}
.component.cards.reviews-1 > .inner {
padding-top: var(--component-cards-reviews-reviews-1-inner--padding-top);
padding-right: 0;
padding-bottom: var(--component-cards-reviews-reviews-1-inner--padding-bottom);
padding-left: 0;
row-gap: var(--component-cards-reviews-reviews-1-inner--row-gap);
}
.component.cards.reviews-1 > .buttons, .component.cards.reviews-1 > .component.pagination {
padding-top: var(--component-cards-reviews-reviews-1-buttons--padding-top);
justify-content: flex-end;
}
.component.cards.reviews.scroller {
overflow-x: scroll;
position: relative;
will-change: transform;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer;
-ms-overflow-style: auto;
scrollbar-color: #C1C1C1 #f7f7f7;
scrollbar-width: thin;
}
.component.cards.reviews.scroller:hover .row, .component.cards.reviews.scroller:hover .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .component.cards.reviews.scroller:hover .gform_fields {
padding-bottom: 2rem;
}
@-moz-document url-prefix() {
.component.cards.reviews.scroller:hover .row, .component.cards.reviews.scroller:hover .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .component.cards.reviews.scroller:hover .gform_fields {
padding-bottom: 2rem;
}
}
.component.cards.reviews.scroller .row, .component.cards.reviews.scroller .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .component.cards.reviews.scroller .gform_fields {
display: flex;
flex-wrap: nowrap;
padding-bottom: 2rem;
}
.component.cards.reviews.scroller .row .column, .component.cards.reviews.scroller .vendor.gravity-forms .gform_fields .column, .vendor.gravity-forms .component.cards.reviews.scroller .gform_fields .column {
flex: 0 0 83.3333333333%;
}
@media (min-width: 576px) {
.component.cards.reviews.scroller .row .column, .component.cards.reviews.scroller .vendor.gravity-forms .gform_fields .column, .vendor.gravity-forms .component.cards.reviews.scroller .gform_fields .column {
flex: 0 0 45.4545454545%;
}
}
@media (min-width: 768px) {
.component.cards.reviews.scroller .row .column, .component.cards.reviews.scroller .vendor.gravity-forms .gform_fields .column, .vendor.gravity-forms .component.cards.reviews.scroller .gform_fields .column {
flex: 0 0 31.25%;
}
}
@media (min-width: 1200px) {
.component.cards.reviews.scroller .row .column, .component.cards.reviews.scroller .vendor.gravity-forms .gform_fields .column, .vendor.gravity-forms .component.cards.reviews.scroller .gform_fields .column {
flex: 0 0 26.3157894737%;
}
}
.component.cards.reviews.scroller.active {
cursor: grabbing;
cursor: -webkit-grabbing;
}
.component.cards.reviews.scroller.active a:hover {
cursor: grabbing;
cursor: -webkit-grabbing;
}
:root {
--component-cards-blogs-blogs-1--padding-y: 0;
--component-cards-blogs-blogs-1-inner--padding-top: calc(1.1rem + 1.2vw);
--component-cards-blogs-blogs-1-inner--padding-bottom: 0;
--component-cards-blogs-blogs-1-inner--row-gap: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--component-cards-blogs-blogs-1-inner--padding-top: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-cards-blogs-blogs-1-inner--row-gap: 2rem;
}
}
.component.blogs {
width: 100%;
}
.component.blogs:not(.show-latest) {
padding-top: var(--component-cards-blogs-blogs-1--padding-y);
padding-bottom: var(--component-cards-blogs-blogs-1--padding-y);
}
.component.blogs:not(.show-latest) > .inner:not(.show-latest) {
padding-top: var(--component-cards-blogs-blogs-1-inner--padding-top);
padding-bottom: var(--component-cards-blogs-blogs-1-inner--padding-bottom);
}
:root {
--component-cards-vlogs-vlogs-1-inner--padding-top: 0;
--component-cards-vlogs-vlogs-1-inner--padding-bottom: 0;
--component-cards-vlogs-vlogs-1-inner--row-gap: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--component-cards-vlogs-vlogs-1-inner--row-gap: 2rem;
}
}
.component.cards.vlogs {
width: 100%;
}
.component.cards.vlogs-1 > .inner {
row-gap: var(--component-cards-vlogs-vlogs-1-inner--row-gap);
}
.component.cards.vlogs-1 > .inner:not(.show-latest) {
padding-top: var(--component-cards-vlogs-vlogs-1-inner--padding-top);
padding-bottom: var(--component-cards-vlogs-vlogs-1-inner--padding-bottom);
}
.component.cards.pages {
width: 100%;
}
.component.cards.pages-1 .row, .component.cards.pages-1 .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .component.cards.pages-1 .gform_fields {
row-gap: 2rem;
}
:root {
--component-cards-customer-photos-customer-photos-1--padding-y: calc(1.1rem + 1.2vw);
--component-cards-customer-photos-customer-photos-1-inner--row-gap: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--component-cards-customer-photos-customer-photos-1--padding-y: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-cards-customer-photos-customer-photos-1-inner--row-gap: 2rem;
}
}
.component.cards.customer-photos {
width: 100%;
}
.component.cards.customer-photos-1 {
padding-top: var(--component-cards-customer-photos-customer-photos-1--padding-y);
padding-right: 0;
padding-bottom: var(--component-cards-customer-photos-customer-photos-1--padding-y);
padding-left: 0;
}
.component.cards.customer-photos-1 .inner {
row-gap: var(--component-cards-customer-photos-customer-photos-1-inner--row-gap);
}
.component.cards.discounts {
width: 100%;
}
:root {
--component-price-price-1-element-label--padding-y: 0;
--component-price-price-1-element-label--padding-x: 0.2rem;
--component-price-price-1-element-unit--line-height: 0.75rem;
--component-price-price-1-element-unit--height: 0.75rem;
}
.component.price-1 {
padding-top: 0.5rem;
}
.component.price-1 > .inner {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.component.price-1 > .inner .element.label {
position: absolute;
top: 20%;
left: 50%;
margin-left: 0;
transform: translate(-50%, 0);
color: rgb(255, 255, 255);
background-color: #00AEEF;
text-transform: uppercase;
padding-top: var(--component-price-price-1-element-label--padding-y);
padding-right: var(--component-price-price-1-element-label--padding-x);
padding-bottom: var(--component-price-price-1-element-label--padding-y);
padding-left: var(--component-price-price-1-element-label--padding-x);
height: unset;
font-size: 12px;
width: -moz-max-content;
width: max-content;
}
.component.price-1 > .inner .element.unit {
font-size: 12px;
font-weight: 200;
text-align: right;
width: 100%;
line-height: var(--component-price-price-1-element-unit--line-height);
height: var(--component-price-price-1-element-unit--height);
}
.component.price-1 > .inner .component.price {
padding: 3.65rem 2.125rem 2.7rem;
background-image: url('data:image/svg+xml;charset=utf-8,');
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
white-space: nowrap;
}
.component.price-2 .new {
font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "sans serif";
}
.component.price-2 .new .unit {
margin-top: -3px;
margin-left: 3px;
font-size: 14px;
}
.component.price-2 .old {
font-size: 14px;
}
:root {
--component-price-old-old-1--font-size: 0.75rem;
}
.component.price.old-1 {
font-weight: 400;
color: rgb(34, 34, 34);
padding-top: 0;
padding-bottom: 0;
bottom: unset;
position: inherit;
font-size: 0.75rem;
}
.component.price.old-2 {
font-weight: 400;
color: rgb(34, 34, 34);
padding-top: 0;
padding-bottom: 0;
bottom: unset;
position: inherit;
}
.component.price.old-3 {
font-weight: 400;
color: rgb(34, 34, 34);
padding-top: 0;
padding-bottom: 0;
bottom: unset;
position: inherit;
}
.component.price.new-1 {
font-size: 30px;
font-weight: 200;
color: rgb(34, 34, 34);
line-height: inherit;
display: flex;
align-items: center;
justify-content: center;
font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "sans serif";
flex-direction: column;
}
.component.price.new-2 {
font-size: 30px;
font-weight: 200;
color: rgb(34, 34, 34);
line-height: inherit;
}
.component.price.new-3 {
font-size: 30px;
font-weight: 200;
color: rgb(34, 34, 34);
line-height: inherit;
}
.component.price.new-4 {
font-size: inherit;
font-weight: inherit;
color: inherit;
line-height: 160%;
}
.component.rating.stars.stars-1 .component.rating.stars.stars-1 > span > svg {
width: 100%;
}
.component.rating.stars {
display: flex;
}
.component.rating.stars > span {
width: 100%;
max-width: 24px;
}
.component.rating.stars > span svg {
width: 100%;
}
.component.rating.stars [data-value="0"] .element.icon.star-full {
fill: rgba(34, 34, 34, 0.25);
}
.component.rating.stars [data-value="0"] .element.icon.star-full path {
stroke: none;
}
.component.rating.stars [data-value="0"] .element.icon.star-half {
fill: rgba(34, 34, 34, 0.25);
}
.component.rating.stars [data-value="0"] .element.icon.star-half path {
stroke: none;
}
.component.rating.stars [data-value="0"] .element.icon.star-empty {
fill: rgba(34, 34, 34, 0.25);
}
.component.rating.stars [data-value="0"] .element.icon.star-empty path {
stroke: none;
}
.component.rating.stars [data-value="0.5"] {
position: relative;
}
.component.rating.stars [data-value="0.5"] .element.icon.star-full {
fill: rgba(34, 34, 34, 0.25);
}
.component.rating.stars [data-value="0.5"] .element.icon.star-full path {
stroke: none;
}
.component.rating.stars [data-value="0.5"] .element.icon.star-half {
position: absolute;
left: 0;
fill: #EACB73;
}
.component.rating.stars [data-value="0.5"] .element.icon.star-half path {
stroke: none;
}
.component.rating.stars [data-value="1"] .element.icon.star-full {
fill: #EACB73;
}
.component.rating.stars [data-value="1"] .element.icon.star-full path {
stroke: none;
}
.component.rating.numbers-1 {
font-weight: 400;
}
.component.link-1 {
text-decoration: inherit;
color: inherit;
}
.component.link-1:hover {
text-decoration: underline;
color: inherit;
}
.component.link-1[target=_blank] {
display: inline-flex;
align-items: baseline;
-moz-column-gap: 0.25rem;
column-gap: 0.25rem;
}
.component.link-1[target=_blank]:after {
content: "";
opacity: 0.375;
height: 12px;
width: 12px;
background-image: url('data:image/svg+xml;utf8,');
}
.links {
display: flex;
flex-direction: column;
}
:root {
--component-accordion-item-accordion-item-1-title--padding-y: 1rem;
--component-accordion-item-accordion-item-1-title--padding-x: 0;
--component-accordion-item-accordion-item-1-title-open--padding-bottom: 0.5rem;
--component-accordion-item-accordion-item-1-text-buttons--padding-top: 0;
}
.component.accordion-item {
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: rgba(34, 34, 34, 0.1);
}
.component.accordion-item > .title {
position: relative;
display: flex;
justify-content: space-between;
align-items: baseline;
padding-top: 1rem;
padding-right: 0;
padding-bottom: 1rem;
padding-left: 0;
font-size: inherit;
font-weight: 500;
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.component.accordion-item > .title .toggler {
position: relative;
height: 12px;
width: 12px;
background-color: none;
border-radius: 0;
}
.component.accordion-item > .title .toggler:after, .component.accordion-item > .title .toggler:before {
position: absolute;
background-color: rgb(34, 34, 34);
content: "";
height: 2px;
left: 50%;
top: 50%;
width: 12px;
}
.component.accordion-item > .title .toggler:before {
transform: translate(-50%, -50%);
}
.component.accordion-item > .title .toggler:after {
transform: translate(-50%, -50%) rotate(90deg);
transition: transform 0.2s ease-in-out;
}
.component.accordion-item > .title:hover {
cursor: pointer;
text-decoration: none;
}
.component.accordion-item > .title:hover .toggler {
background-color: none;
}
.component.accordion-item > .title::-webkit-details-marker {
display: none;
}
.component.accordion-item > .text p {
margin-bottom: 0;
}
.component.accordion-item > .text .buttons, .component.accordion-item > .text .component.pagination {
padding-top: 0;
}
.component.accordion-item[open] > .title {
padding-bottom: 0.5rem;
}
.component.accordion-item[open] > .title .toggler:after {
transform: translate(-50%, -50%) rotate(180deg);
}
.component.accordion-item[open] > .text {
padding-bottom: 1rem;
}
.component.accordion-item[open] > .text > p:not(:last-child) {
margin-bottom: 1rem;
}
.component.accordion {
border-top-width: 2px;
border-top-style: solid;
border-top-color: rgba(34, 34, 34, 0.1);
width: 100%;
}
:root {
--component-accordion-product-information-product-information-1--margin-top: calc(1.3rem + 3.6vw);
--component-accordion-product-information-product-information-1--margin-bottom: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--component-accordion-product-information-product-information-1--margin-top: 4rem;
}
}
@media (min-width: 1200px) {
:root {
--component-accordion-product-information-product-information-1--margin-bottom: 2rem;
}
}
.component.accordion.product-information-1 {
margin-top: var(--component-accordion-product-information-product-information-1--margin-top);
margin-bottom: var(--component-accordion-product-information-product-information-1--margin-bottom);
}
.component.accordion.product-information-1 .component.accordion-item.accordion-item-1#product-attributes .text .woocommerce-product-attributes {
text-align: left;
width: 100%;
}
:root {
--component-list-list-1--padding-top: 0;
--component-list-list-1--padding-bottom: 0;
--component-list-list-2--padding-top: 1rem;
--component-list-list-2--padding-bottom: 0;
}
.component.list {
display: flex;
justify-content: space-around;
align-items: center;
padding-left: 0;
padding-right: 0;
}
@media (min-width: 576px) {
.component.list {
justify-content: space-between;
}
}
.component.list-1 {
padding-top: var(--component-list-list-1--padding-top);
padding-bottom: var(--component-list-list-1--padding-bottom);
}
.component.list-2 {
align-items: flex-start;
flex-direction: column;
padding-top: var(--component-list-list-2--padding-top);
padding-bottom: var(--component-list-list-2--padding-bottom);
}
:root {
--component-list-product-advantages--padding-top: calc(1.3rem + 3.6vw);
--component-list-product-advantages--padding-bottom: 0;
}
@media (min-width: 1200px) {
:root {
--component-list-product-advantages--padding-top: 4rem;
}
}
.component.list.product-advantages {
align-items: flex-start;
flex-direction: column;
padding-top: var(--component-list-product-advantages--padding-top);
padding-bottom: var(--component-list-product-advantages--padding-bottom);
}
.component.pagination {
align-items: center;
justify-content: center;
}
@media (min-width: 576px) {
.component.pagination {
justify-content: flex-end;
}
}
.component.pagination:has(.button ~ .button, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a ~ .button, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .button ~ a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a ~ a) {
display: flex;
flex-direction: row;
row-gap: var(--component-buttons--row-gap);
}
.component.pagination .current {
font-weight: 500;
}
@media (min-width: 576px) {
.component.pagination .current {
padding-right: 11px;
padding-left: 11px;
}
}
.component.cart-item-1 {
display: flex;
flex-direction: column;
margin-bottom: 2rem;
}
.component.cart-item-1 .row, .component.cart-item-1 .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .component.cart-item-1 .gform_fields {
row-gap: 0;
}
.component.cart-item-1 .row .image-group, .component.cart-item-1 .vendor.gravity-forms .gform_fields .image-group, .vendor.gravity-forms .component.cart-item-1 .gform_fields .image-group {
display: inline;
}
.component.cart-item-1 .row .image-group .image, .component.cart-item-1 .vendor.gravity-forms .gform_fields .image-group .image, .vendor.gravity-forms .component.cart-item-1 .gform_fields .image-group .image {
aspect-ratio: 1.3333333333;
-o-object-fit: cover;
object-fit: cover;
}
.component.cart-item-1 .row .content, .component.cart-item-1 .vendor.gravity-forms .gform_fields .content, .vendor.gravity-forms .component.cart-item-1 .gform_fields .content {
display: flex;
flex-direction: column;
padding-right: 0;
padding-left: 0;
}
.component.cart-item-1 .row .content .title, .component.cart-item-1 .vendor.gravity-forms .gform_fields .content .title, .vendor.gravity-forms .component.cart-item-1 .gform_fields .content .title {
color: rgb(34, 34, 34);
font-size: 18px;
font-weight: 700;
text-decoration: none;
}
.component.cart-item-1 .row .content .title:hover, .component.cart-item-1 .vendor.gravity-forms .gform_fields .content .title:hover, .vendor.gravity-forms .component.cart-item-1 .gform_fields .content .title:hover {
color: rgb(34, 34, 34);
text-decoration: underline;
}
.component.cart-item-1 .row .content .specifications, .component.cart-item-1 .vendor.gravity-forms .gform_fields .content .specifications, .vendor.gravity-forms .component.cart-item-1 .gform_fields .content .specifications {
display: flex;
flex-direction: column;
margin-top: 0.5rem;
line-height: 1.2rem;
}
.component.cart-item-1 .row .content .specifications .brand, .component.cart-item-1 .vendor.gravity-forms .gform_fields .content .specifications .brand, .vendor.gravity-forms .component.cart-item-1 .gform_fields .content .specifications .brand {
color: rgba(34, 34, 34, 0.8);
font-size: 14px;
}
.component.cart-item-1 .row .content .specifications .color, .component.cart-item-1 .vendor.gravity-forms .gform_fields .content .specifications .color, .vendor.gravity-forms .component.cart-item-1 .gform_fields .content .specifications .color {
color: rgba(34, 34, 34, 0.8);
font-size: 14px;
}
.component.cart-item-1 .row .price-group, .component.cart-item-1 .vendor.gravity-forms .gform_fields .price-group, .vendor.gravity-forms .component.cart-item-1 .gform_fields .price-group {
display: flex;
flex-direction: column;
align-items: flex-end;
line-height: 1.2rem;
}
.component.cart-item-1 .row .price-group .price, .component.cart-item-1 .vendor.gravity-forms .gform_fields .price-group .price, .vendor.gravity-forms .component.cart-item-1 .gform_fields .price-group .price {
font-weight: 700;
}
.component.cart-item-1 .row .price-group .pack, .component.cart-item-1 .vendor.gravity-forms .gform_fields .price-group .pack, .vendor.gravity-forms .component.cart-item-1 .gform_fields .price-group .pack {
color: rgba(34, 34, 34, 0.5);
font-size: 14px;
}
.component.cart-item-1 .row .options, .component.cart-item-1 .vendor.gravity-forms .gform_fields .options, .vendor.gravity-forms .component.cart-item-1 .gform_fields .options {
margin-top: 1rem;
}
@media (min-width: 768px) {
.component.cart-item-1 .row .options, .component.cart-item-1 .vendor.gravity-forms .gform_fields .options, .vendor.gravity-forms .component.cart-item-1 .gform_fields .options {
margin-top: -46px;
}
}
@media (min-width: 992px) {
.component.cart-item-1 .row .options, .component.cart-item-1 .vendor.gravity-forms .gform_fields .options, .vendor.gravity-forms .component.cart-item-1 .gform_fields .options {
margin-top: -20px;
}
}
@media (min-width: 1600px) {
.component.cart-item-1 .row .options, .component.cart-item-1 .vendor.gravity-forms .gform_fields .options, .vendor.gravity-forms .component.cart-item-1 .gform_fields .options {
margin-top: -46px;
}
}
.component.cart-item-1 .row .options .inner, .component.cart-item-1 .vendor.gravity-forms .gform_fields .options .inner, .vendor.gravity-forms .component.cart-item-1 .gform_fields .options .inner {
float: right;
display: flex;
align-content: flex-end;
-moz-column-gap: 2rem;
column-gap: 2rem;
align-items: center;
}
.component.cart-item-1 .row .options .inner .remove, .component.cart-item-1 .vendor.gravity-forms .gform_fields .options .inner .remove, .vendor.gravity-forms .component.cart-item-1 .gform_fields .options .inner .remove {
text-align: right;
color: rgba(34, 34, 34, 0.8);
font-size: 14px;
line-height: 1.2rem;
}
.component.table-1 thead tr th {
text-align: left;
padding-top: 0.25rem;
padding-right: 0;
padding-bottom: 0.25rem;
padding-left: 0;
vertical-align: -webkit-baseline-middle;
}
.component.table-1 thead tr th:not(:last-of-type) {
padding-right: 0.5rem;
}
.component.table-1 tbody tr td {
text-align: left;
padding-top: 0.25rem;
padding-right: 0;
padding-bottom: 0.25rem;
padding-left: 0;
vertical-align: -webkit-baseline-middle;
}
.component.table-1 tbody tr td:not(:last-of-type) {
padding-right: 0.5rem;
}
:root {
--component-sitemap-sitemap-1--row-gap: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--component-sitemap-sitemap-1--row-gap: 2rem;
}
}
.component.sitemap-1 {
display: flex;
flex-direction: column;
row-gap: var(--component-sitemap-sitemap-1--row-gap);
}
:root {
--component-social-media-social-media-1-buttons--column-gap: 0;
}
.component.social-media-1 .component.buttons, .component.social-media-1 .component.pagination {
padding-top: 0;
padding-bottom: 0;
-moz-column-gap: var(--component-social-media-social-media-1-buttons--column-gap);
column-gap: var(--component-social-media-social-media-1-buttons--column-gap);
}
.component.social-media-1 .component.buttons:has(.button ~ .button, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a ~ .button, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .button ~ a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a ~ a), .component.social-media-1 .component.pagination:has(.button ~ .button, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a ~ .button, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .button ~ a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a ~ a) {
display: flex;
flex-direction: row;
}
.component.cookie-links-1 {
display: flex;
order: 2;
-moz-column-gap: 1rem;
column-gap: 1rem;
flex-direction: column;
}
@media (min-width: 768px) {
.component.cookie-links-1 {
flex-direction: row;
}
}
.component.cookie-links .link {
all: unset;
color: rgb(34, 34, 34);
}
.component.cookie-links .link:hover {
text-decoration: underline;
cursor: pointer;
}
/** Light color-scheme **/
:root {
--cc-bg: rgb(255, 255, 255);
--cc-text: rgb(34, 34, 34);
--cc-border-radius: .35em;
--cc-btn-primary-bg: #00AEEF;
--cc-btn-primary-text: rgb(255, 255, 255);
--cc-btn-primary-hover-bg: #009bd6;
--cc-btn-secondary-bg: #eaeff2;
--cc-btn-secondary-text: var(--cc-text);
--cc-btn-secondary-hover-bg: #d8e0e6;
--cc-btn-border-radius: 4px;
--cc-toggle-bg-off: #919ea6;
--cc-toggle-bg-on: var(--cc-btn-primary-bg);
--cc-toggle-bg-readonly: #d5dee2;
--cc-toggle-knob-bg: #fff;
--cc-toggle-knob-icon-color: #ecf2fa;
--cc-block-text: var(--cc-text);
--cc-cookie-category-block-bg: #f0f4f7;
--cc-cookie-category-block-bg-hover: #e9eff4;
--cc-section-border: #f1f3f5;
--cc-cookie-table-border: #e9edf2;
--cc-overlay-bg: rgba(4, 6, 8, .85);
--cc-webkit-scrollbar-bg: #cfd5db;
--cc-webkit-scrollbar-bg-hover: #9199a0;
}
/** Dark color-scheme **/
.c_darkmode {
--cc-bg: #181b1d;
--cc-text: #d8e5ea;
--cc-btn-primary-bg: #a6c4dd;
--cc-btn-primary-text: #000;
--cc-btn-primary-hover-bg: #c2dff7;
--cc-btn-secondary-bg: #33383c;
--cc-btn-secondary-text: var(--cc-text);
--cc-btn-secondary-hover-bg: #3e454a;
--cc-toggle-bg-off: #667481;
--cc-toggle-bg-on: var(--cc-btn-primary-bg);
--cc-toggle-bg-readonly: #454c54;
--cc-toggle-knob-bg: var(--cc-cookie-category-block-bg);
--cc-toggle-knob-icon-color: var(--cc-bg);
--cc-block-text: #b3bfc5;
--cc-cookie-category-block-bg: #23272a;
--cc-cookie-category-block-bg-hover: #2b3035;
--cc-section-border: #292d31;
--cc-cookie-table-border: #2b3035;
--cc-webkit-scrollbar-bg: #667481;
--cc-webkit-scrollbar-bg-hover: #9199a0;
}
.cc_div *,
.cc_div *:hover,
.cc_div :before,
.cc_div :after {
box-sizing: border-box;
float: none;
font-style: inherit;
font-variant: normal;
font-weight: inherit;
font-family: inherit;
line-height: 1.2;
font-size: 1em;
transition: none;
animation: none;
margin: 0;
padding: 0;
text-transform: none;
letter-spacing: unset;
color: inherit;
background: none;
border: none;
border-radius: unset;
box-shadow: none;
text-decoration: none;
text-align: left;
visibility: unset;
height: auto;
vertical-align: baseline;
}
.cc_div {
font-size: 16px;
font-weight: 400;
font-family: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
color: var(--cc-text);
}
.cc_div .c-bn,
.cc_div .b-tl,
#s-ttl,
#c-ttl,
#s-bl td:before {
font-weight: 600;
}
#cm,
#s-inr,
.cc_div .c-bl,
.cc_div .b-tl,
#s-bl .act .b-acc {
border-radius: var(--cc-border-radius);
}
#s-bl .act .b-acc {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.cc_div input,
.cc_div button,
.cc_div a {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
overflow: hidden;
}
.cc_div a {
border-bottom: 1px solid;
}
.cc_div a:hover {
text-decoration: none;
border-color: transparent;
}
/* Make elements "animatable" */
.c--anim #cm,
.c--anim #s-cnt,
.c--anim #s-inr,
#cs-ov,
#cm-ov {
transition: visibility 0.25s linear, opacity 0.25s ease, transform 0.25s ease !important;
}
/*
.c--anim .c-bn{
transition: background-color .25s ease!important;
}
*/
/* start transitions */
.c--anim #cm.bar.slide,
.c--anim .bar.slide #s-inr {
transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease !important;
}
.c--anim #cm.bar.slide + #cm-ov,
.c--anim .bar.slide + #cs-ov {
transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease !important;
}
#cm.bar.slide,
.cc_div .bar.slide #s-inr {
transform: translateX(100%);
opacity: 1;
}
#cm.bar.top.slide,
.cc_div .bar.left.slide #s-inr {
transform: translateX(-100%);
opacity: 1;
}
#cm.slide,
.cc_div .slide #s-inr {
transform: translateY(1.6em);
}
#cm.top.slide {
transform: translateY(-1.6em);
}
#cm.bar.slide {
transform: translateY(100%);
}
#cm.bar.top.slide {
transform: translateY(-100%);
}
/* end transitions */
/* Show modals */
.show--consent .c--anim #cm,
.show--consent .c--anim #cm.bar,
.show--settings .c--anim #s-inr,
.show--settings .c--anim .bar.slide #s-inr {
opacity: 1;
transform: scale(1);
visibility: visible !important;
}
.show--consent .c--anim #cm.box.middle,
.show--consent .c--anim #cm.cloud.middle {
transform: scale(1) translateY(-50%);
}
.show--settings .c--anim #s-cnt {
visibility: visible !important;
}
/* Show overlays */
.force--consent.show--consent .c--anim #cm-ov,
.show--settings .c--anim #cs-ov {
visibility: visible !important;
opacity: 1 !important;
}
#cm {
font-family: inherit;
padding: 1.1em 1.5em 1.4em 1.5em;
position: fixed;
z-index: 1;
background: var(--cc-bg);
max-width: 24.2em;
width: 100%;
bottom: 1.25em;
right: 1.25em;
box-shadow: 0 0.625em 1.875em #000000;
box-shadow: 0 0.625em 1.875em rgba(2, 2, 3, 0.28);
opacity: 0;
visibility: hidden;
transform: scale(0.95);
line-height: initial;
}
/** fix https://github.com/orestbida/cookieconsent/issues/94 **/
#cc_div #cm {
display: block !important;
}
#c-ttl {
margin-bottom: 0.7em;
font-size: 1.05em;
}
.cloud #c-ttl {
margin-top: -0.15em;
}
#c-txt {
font-size: 0.9em;
line-height: 1.5em;
}
.cc_div #c-bns {
display: flex;
justify-content: space-between;
margin-top: 1.4em;
}
.cc_div .c-bn {
color: var(--cc-btn-secondary-text);
background: var(--cc-btn-secondary-bg);
padding: 1em 1.7em;
display: inline-block;
cursor: pointer;
font-size: 0.82em;
-moz-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
text-align: center;
border-radius: var(--cc-btn-border-radius);
flex: 1;
}
#c-bns button + button,
#s-cnt button + button,
#s-c-bn {
float: right;
margin-left: 1em;
}
#s-cnt #s-rall-bn {
float: none;
}
#cm .c_link:hover,
#cm .c_link:active,
#s-cnt button + button:hover,
#s-cnt button + button:active,
#s-c-bn:active,
#s-c-bn:hover {
background: var(--cc-btn-secondary-hover-bg);
}
/**
CookieConsent settings modal
**/
#s-cnt {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 101;
display: table;
height: 100%;
visibility: hidden;
}
#s-bl {
outline: none;
}
#s-bl .title {
margin-top: 1.4em;
}
#s-bl .title:first-child {
margin-top: 0;
}
#s-bl .b-bn {
margin-top: 0;
}
#s-bl .b-acc .p {
margin-top: 0;
padding: 1em;
}
#s-cnt .b-bn .b-tl {
display: block;
font-family: inherit;
font-size: 0.95em;
width: 100%;
position: relative;
padding: 1.3em 6.4em 1.3em 2.7em;
background: none;
transition: background-color 0.25s ease;
}
#s-cnt .b-bn .b-tl.exp {
cursor: pointer;
}
#s-cnt .act .b-bn .b-tl {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
#s-cnt .b-bn .b-tl:active,
#s-cnt .b-bn .b-tl:hover {
background: var(--cc-cookie-category-block-bg-hover);
}
#s-bl .b-bn {
position: relative;
}
#s-bl .c-bl {
padding: 1em;
margin-bottom: 0.5em;
border: 1px solid var(--cc-section-border);
transition: background-color 0.25s ease;
}
#s-bl .c-bl:hover {
background: var(--cc-cookie-category-block-bg);
}
#s-bl .c-bl:last-child {
margin-bottom: 0.5em;
}
#s-bl .c-bl:first-child {
transition: none;
padding: 0;
margin-top: 0;
border: none;
margin-bottom: 2em;
}
#s-bl .c-bl:not(.b-ex):first-child:hover {
background: transparent;
background: unset;
}
#s-bl .c-bl.b-ex {
padding: 0;
border: none;
background: var(--cc-cookie-category-block-bg);
transition: none;
}
#s-bl .c-bl.b-ex + .c-bl {
margin-top: 2em;
}
#s-bl .c-bl.b-ex + .c-bl.b-ex {
margin-top: 0;
}
#s-bl .c-bl.b-ex:first-child {
margin-bottom: 1em;
}
#s-bl .c-bl.b-ex:first-child {
margin-bottom: 0.5em;
}
#s-bl .b-acc {
max-height: 0;
overflow: hidden;
padding-top: 0;
margin-bottom: 0;
display: none;
}
#s-bl .act .b-acc {
max-height: 100%;
display: block;
overflow: hidden;
}
#s-cnt .p {
font-size: 0.9em;
line-height: 1.5em;
margin-top: 0.85em;
color: var(--cc-block-text);
}
.cc_div .b-tg .c-tgl:disabled {
cursor: not-allowed;
}
#c-vln {
display: table-cell;
vertical-align: middle;
position: relative;
}
#cs {
padding: 0 1.7em;
width: 100%;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: 100%;
}
#s-inr {
height: 100%;
position: relative;
max-width: 45em;
margin: 0 auto;
transform: scale(0.96);
opacity: 0;
padding-top: 4.75em;
padding-bottom: 4.75em;
position: relative;
height: 100%;
overflow: hidden;
visibility: hidden;
box-shadow: rgba(3, 6, 9, 0.26) 0px 13px 27px -5px;
}
#s-inr,
#s-hdr,
#s-bns {
background: var(--cc-bg);
}
#s-bl {
overflow-y: auto;
overflow-y: overlay;
overflow-x: hidden;
height: 100%;
padding: 1.3em 1.8em;
display: block;
width: 100%;
}
#s-bns {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 1em 1.8em;
border-top: 1px solid var(--cc-section-border);
height: 4.75em;
}
.cc_div .cc-link {
color: var(--cc-btn-primary-bg);
border-bottom: 1px solid var(--cc-btn-primary-bg);
display: inline;
padding-bottom: 0;
text-decoration: none;
cursor: pointer;
font-weight: 600;
}
.cc_div .cc-link:hover,
.cc_div .cc-link:active {
border-color: transparent;
}
#c-bns button:first-child,
#s-bns button:first-child {
color: var(--cc-btn-primary-text);
background: var(--cc-btn-primary-bg);
}
#c-bns.swap button:first-child {
color: var(--cc-btn-secondary-text);
background: var(--cc-btn-secondary-bg);
}
#c-bns.swap button:last-child {
color: var(--cc-btn-primary-text);
background: var(--cc-btn-primary-bg);
}
.cc_div .b-tg .c-tgl:checked ~ .c-tg {
background: var(--cc-toggle-bg-on);
}
#c-bns button:first-child:active,
#c-bns button:first-child:hover,
#s-bns button:first-child:active,
#s-bns button:first-child:hover,
#c-bns.swap button:last-child:active,
#c-bns.swap button:last-child:hover {
background: var(--cc-btn-primary-hover-bg);
}
#c-bns.swap button:first-child:active,
#c-bns.swap button:first-child:hover {
background: var(--cc-btn-secondary-hover-bg);
}
#s-hdr {
position: absolute;
top: 0;
width: 100%;
display: table;
padding: 0 1.8em;
height: 4.75em;
vertical-align: middle;
z-index: 2;
border-bottom: 1px solid var(--cc-section-border);
}
#s-ttl {
display: table-cell;
vertical-align: middle;
font-size: 1em;
}
#s-c-bn {
padding: 0;
width: 1.7em;
height: 1.7em;
font-size: 1.45em;
margin: 0;
font-weight: initial;
position: relative;
overflow: hidden;
}
#s-c-bnc {
display: table-cell;
vertical-align: middle;
}
.cc_div span.t-lb {
position: absolute;
top: 0;
z-index: -1;
opacity: 0;
pointer-events: none;
overflow: hidden;
}
#c_policy__text {
height: 31.25em;
overflow-y: auto;
margin-top: 1.25em;
}
#c-s-in {
position: relative;
transform: translateY(-50%);
top: 50%;
height: 100%;
height: calc(100% - 2.5em);
max-height: 37.5em;
}
@media screen and (min-width: 688px) {
/** works only on webkit-based browsers **/
#s-bl::-webkit-scrollbar {
width: 0.9em;
height: 100%;
background: transparent;
border-radius: 0 0.25em 0.25em 0;
}
#s-bl::-webkit-scrollbar-thumb {
border: 0.25em solid var(--cc-bg);
background: var(--cc-webkit-scrollbar-bg);
border-radius: 100em;
}
#s-bl::-webkit-scrollbar-thumb:hover {
background: var(--cc-webkit-scrollbar-bg-hover);
}
#s-bl::-webkit-scrollbar-button {
width: 10px;
height: 5px;
}
}
/** custom checkbox **/
/* The container */
.cc_div .b-tg {
position: absolute;
right: 0;
top: 0;
bottom: 0;
display: inline-block;
margin: auto;
right: 1.2em;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
vertical-align: middle;
}
/* Hide the browser's default checkbox */
.cc_div .b-tg .c-tgl {
position: absolute;
cursor: pointer;
display: block;
top: 0;
left: 0;
margin: 0;
border: 0;
}
/* Create a custom checkbox */
.cc_div .b-tg .c-tg {
position: absolute;
background: var(--cc-toggle-bg-off);
transition: background-color 0.25s ease, box-shadow 0.25s ease;
pointer-events: none;
}
.cc_div span.t-lb,
.cc_div .b-tg,
.cc_div .b-tg .c-tg,
.cc_div .b-tg .c-tgl {
width: 3.4em;
height: 1.5em;
border-radius: 4em;
}
.cc_div .b-tg .c-tg.c-ro {
cursor: not-allowed;
}
.cc_div .b-tg .c-tgl ~ .c-tg.c-ro {
background: var(--cc-toggle-bg-readonly);
}
.cc_div .b-tg .c-tgl ~ .c-tg.c-ro:after {
box-shadow: none;
}
/* Style the checkmark/indicator */
.cc_div .b-tg .c-tg:after {
content: "";
position: relative;
display: block;
left: 0.125em;
top: 0.125em;
width: 1.25em;
height: 1.25em;
border: none;
box-sizing: content-box;
background: var(--cc-toggle-knob-bg);
box-shadow: 0 1px 2px rgba(24, 32, 35, 0.36);
transition: transform 0.25s ease;
border-radius: 100%;
}
/* Show the checkmark when checked */
.cc_div .b-tg .c-tgl:checked ~ .c-tg:after {
transform: translateX(1.9em);
}
#s-bl table,
#s-bl th,
#s-bl td {
border: none;
}
#s-bl tbody tr {
transition: background-color 0.25s ease;
}
#s-bl tbody tr:hover {
background: var(--cc-cookie-category-block-bg-hover);
}
#s-bl table {
text-align: left;
border-collapse: collapse;
width: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}
#s-bl td,
#s-bl th {
padding: 0.8em 0.625em;
text-align: left;
vertical-align: top;
font-size: 0.8em;
padding-left: 1.2em;
}
#s-bl th {
font-family: inherit;
padding: 1.2em 1.2em;
}
#s-bl thead tr:first-child {
border-bottom: 1px solid var(--cc-cookie-table-border);
}
.force--consent #s-cnt,
.force--consent #cs {
width: 100vw;
}
#cm-ov,
#cs-ov {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
background: #070707;
background: var(--cc-overlay-bg);
display: none;
transition: none;
}
.show--settings #cs-ov,
.c--anim #cs-ov,
.force--consent .c--anim #cm-ov,
.force--consent.show--consent #cm-ov {
display: block;
}
#cs-ov {
z-index: 2;
}
.force--consent .cc_div {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 100%;
width: 100vw;
visibility: hidden;
transition: visibility 0.25s linear;
}
.force--consent.show--consent .c--anim .cc_div,
.force--consent.show--settings .c--anim .cc_div {
visibility: visible;
}
.force--consent #cm {
position: absolute;
}
.force--consent #cm.bar {
width: 100vw;
max-width: 100vw;
}
html.force--consent.show--consent {
overflow-y: hidden !important;
}
html.force--consent.show--consent,
html.force--consent.show--consent body {
height: auto !important;
overflow-x: hidden !important;
}
/** END BLOCK PAGE SCROLL */
/** BEGIN ICONS **/
.cc_div .b-bn .exp::before,
.cc_div .act .b-bn .exp::before {
border: solid var(--cc-btn-secondary-text);
border-width: 0 2px 2px 0;
padding: 0.2em;
display: inline-block;
position: absolute;
content: "";
margin-right: 15px;
position: absolute;
transform: translateY(-50%) rotate(45deg);
left: 1.2em;
top: 50%;
}
.cc_div .act .b-bn .b-tl::before {
transform: translateY(-20%) rotate(225deg);
}
.cc_div .on-i::before {
border: solid var(--cc-toggle-knob-icon-color);
border-width: 0 2px 2px 0;
padding: 0.1em;
display: inline-block;
padding-bottom: 0.45em;
content: "";
margin: 0 auto;
transform: rotate(45deg);
top: 0.37em;
left: 0.75em;
position: absolute;
}
#s-c-bn::before,
#s-c-bn::after {
content: "";
position: absolute;
left: 0.82em;
top: 0.58em;
height: 0.6em;
width: 1.5px;
background: var(--cc-btn-secondary-text);
transform: rotate(45deg);
border-radius: 1em;
margin: 0 auto;
}
#s-c-bn::after {
transform: rotate(-45deg);
}
.cc_div .off-i,
.cc_div .on-i {
height: 100%;
width: 50%;
position: absolute;
right: 0;
display: block;
text-align: center;
transition: opacity 0.15s ease;
}
.cc_div .on-i {
left: 0;
opacity: 0;
}
.cc_div .off-i::before,
.cc_div .off-i::after {
right: 0.8em;
top: 0.42em;
content: " ";
height: 0.7em;
width: 0.09375em;
display: block;
background: var(--cc-toggle-knob-icon-color);
margin: 0 auto;
position: absolute;
transform-origin: center;
}
.cc_div .off-i::before {
transform: rotate(45deg);
}
.cc_div .off-i::after {
transform: rotate(-45deg);
}
.cc_div .b-tg .c-tgl:checked ~ .c-tg .on-i {
opacity: 1;
}
.cc_div .b-tg .c-tgl:checked ~ .c-tg .off-i {
opacity: 0;
}
/** END ICONS **/
#cm.box.middle,
#cm.cloud.middle {
top: 50%;
transform: translateY(-37%);
bottom: auto;
}
#cm.box.middle.zoom,
#cm.cloud.middle.zoom {
transform: scale(0.95) translateY(-50%);
}
#cm.box.center {
left: 1em;
right: 1em;
margin: 0 auto;
}
/* Start cloud layout */
#cm.cloud {
max-width: 50em;
margin: 0 auto;
text-align: center;
left: 1em;
right: 1em;
overflow: hidden;
padding: 1.3em 2em;
width: unset;
}
.cc_div .cloud #c-inr {
display: table;
width: 100%;
}
.cc_div .cloud #c-inr-i {
width: 70%;
display: table-cell;
vertical-align: top;
padding-right: 2.4em;
}
.cc_div .cloud #c-txt {
font-size: 0.85em;
}
.cc_div .cloud #c-bns {
min-width: 170px;
display: table-cell;
vertical-align: middle;
}
#cm.cloud .c-bn {
margin: 0.625em 0 0 0;
width: 100%;
}
#cm.cloud .c-bn:first-child {
margin: 0;
}
#cm.cloud.left {
margin-right: 1.25em;
}
#cm.cloud.right {
margin-left: 1.25em;
}
/* End cloud layout */
/* Start bar layout */
#cm.bar {
width: 100%;
max-width: 100%;
left: 0;
right: 0;
bottom: 0;
border-radius: 0;
position: fixed;
padding: 2em;
}
#cm.bar #c-inr {
max-width: 32em;
margin: 0 auto;
}
#cm.bar #c-bns {
max-width: 33.75em;
}
#cm.bar #cs {
padding: 0;
}
.cc_div .bar #c-s-in {
top: 0;
transform: none;
height: 100%;
max-height: 100%;
}
.cc_div .bar #s-hdr,
.cc_div .bar #s-bl,
.cc_div .bar #s-bns {
padding-left: 1.6em;
padding-right: 1.6em;
}
.cc_div .bar #cs {
padding: 0;
}
/* align bar to right by default */
.cc_div .bar #s-inr {
margin: 0;
margin-left: auto;
margin-right: 0;
border-radius: 0;
max-width: 32em;
}
.cc_div .bar.left #s-inr {
margin-left: 0;
margin-right: auto;
}
/* Force table to not be like tables anymore */
.cc_div .bar #s-bl table,
.cc_div .bar #s-bl thead,
.cc_div .bar #s-bl tbody,
.cc_div .bar #s-bl th,
.cc_div .bar #s-bl td,
.cc_div .bar #s-bl tr,
.cc_div .bar #s-cnt {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
.cc_div .bar #s-bl thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.cc_div .bar #s-bl tr {
border-top: 1px solid var(--cc-cookie-table-border);
}
.cc_div .bar #s-bl td {
/* Behave like a "row" */
border: none;
position: relative;
padding-left: 35%;
}
.cc_div .bar #s-bl td:before {
position: absolute;
left: 1em;
padding-right: 0.625em;
white-space: nowrap;
content: attr(data-column);
color: var(--cc-text);
overflow: hidden;
text-overflow: ellipsis;
}
/* End bar layout */
/* Positions */
#cm.top {
bottom: auto;
top: 1.25em;
}
#cm.left {
right: auto;
left: 1.25em;
}
#cm.right {
left: auto;
right: 1.25em;
}
#cm.bar.left,
#cm.bar.right {
left: 0;
right: 0;
}
#cm.bar.top {
top: 0;
}
/* end positions */
@media screen and (max-width: 688px) {
#cm,
#cm.cloud,
#cm.left,
#cm.right {
width: auto;
max-width: 100%;
margin: 0;
padding: 1.4em !important;
right: 1em;
left: 1em;
bottom: 1em;
display: block;
}
.force--consent #cm,
.force--consent #cm.cloud {
width: auto;
max-width: 100vw;
}
#cm.top {
top: 1em;
bottom: auto;
}
#cm.bottom {
bottom: 1em;
top: auto;
}
#cm.bar.bottom {
bottom: 0;
}
#cm.cloud .c-bn {
font-size: 0.85em;
}
#s-bns,
.cc_div .bar #s-bns {
padding: 1em 1.3em;
}
.cc_div .bar #s-inr {
max-width: 100%;
width: 100%;
}
.cc_div .cloud #c-inr-i {
padding-right: 0;
}
#cs {
border-radius: 0;
padding: 0;
}
#c-s-in {
max-height: 100%;
height: 100%;
top: 0;
transform: none;
}
.cc_div .b-tg {
transform: scale(1.1);
right: 1.1em;
}
#s-inr {
margin: 0;
padding-bottom: 7.9em;
border-radius: 0;
}
#s-bns {
height: 7.9em;
}
#s-bl,
.cc_div .bar #s-bl {
padding: 1.3em;
}
#s-hdr,
.cc_div .bar #s-hdr {
padding: 0 1.3em;
}
/** dynamic table layout **/
#s-bl table {
width: 100%;
}
#s-inr.bns-t {
padding-bottom: 10.5em;
}
.bns-t #s-bns {
height: 10.5em;
}
.cc_div .bns-t .c-bn {
font-size: 0.83em;
padding: 0.9em 1.6em;
}
#s-cnt .b-bn .b-tl {
padding-top: 1.2em;
padding-bottom: 1.2em;
}
/* Force table to not be like tables anymore */
#s-bl table,
#s-bl thead,
#s-bl tbody,
#s-bl th,
#s-bl td,
#s-bl tr,
#s-cnt {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
#s-bl thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
#s-bl tr {
border-top: 1px solid var(--cc-cookie-table-border);
}
#s-bl td {
/* Behave like a "row" */
border: none;
position: relative;
padding-left: 35%;
}
#s-bl td:before {
position: absolute;
left: 1em;
padding-right: 0.625em;
white-space: nowrap;
content: attr(data-column);
color: var(--cc-text);
overflow: hidden;
text-overflow: ellipsis;
}
#cm .c-bn,
.cc_div .c-bn {
width: 100%;
margin-right: 0;
}
#s-cnt #s-rall-bn {
margin-left: 0;
}
.cc_div #c-bns {
flex-direction: column;
}
#c-bns button + button,
#s-cnt button + button {
margin-top: 0.625em;
margin-left: 0;
float: unset;
}
#cm.cloud,
#cm.box {
left: 1em;
right: 1em;
width: auto;
}
#cm.cloud.right,
#cm.cloud.left {
margin: 0;
}
.cc_div .cloud #c-bns,
.cc_div .cloud #c-inr,
.cc_div .cloud #c-inr-i {
display: block;
width: auto;
min-width: unset;
}
.cc_div .cloud #c-txt {
font-size: 0.9em;
}
.cc_div .cloud #c-bns {
margin-top: 1.625em;
}
}
/* Begin IE fixes */
.cc_div.ie #c-vln {
height: 100%;
padding-top: 5.62em;
}
.cc_div.ie .bar #c-vln {
padding-top: 0;
}
.cc_div.ie #cs {
max-height: 37.5em;
position: relative;
top: 0;
margin-top: -5.625em;
}
.cc_div.ie .bar #cs {
margin-top: 0;
max-height: 100%;
}
.cc_div.ie #cm {
border: 1px solid #dee6e9;
}
.cc_div.ie #c-s-in {
top: 0;
}
.cc_div.ie .b-tg {
padding-left: 1em;
margin-bottom: 0.7em;
}
.cc_div.ie .b-tg .c-tgl:checked ~ .c-tg:after {
left: 1.95em;
}
.cc_div.ie #s-bl table {
overflow: auto;
}
.cc_div.ie .b-tg .c-tg {
display: none;
}
.cc_div.ie .b-tg .c-tgl {
position: relative;
display: inline-block;
vertical-align: middle;
margin-bottom: 0.2em;
height: auto;
}
.cc_div.ie #s-cnt .b-bn .b-tl {
padding: 1.3em 6.4em 1.3em 1.4em;
}
.cc_div.ie .bar #s-bl td:before {
display: none;
}
.cc_div.ie .bar #s-bl td {
padding: 0.8em 0.625em 0.8em 1.2em;
}
.cc_div.ie .bar #s-bl thead tr {
position: relative;
}
.cc_div.ie .b-tg .t-lb {
filter: alpha(opacity=0);
}
.cc_div.ie #cm-ov,
.cc_div.ie #cs-ov {
filter: alpha(opacity=80);
}
/** END IE FIXES **/
.component .google-maps-1 {
width: 100%;
}
.component.product-samples-1 {
width: 100%;
}
.component.product-samples-1-empty-product {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 15px;
}
.component.payment-methods-1 .inner {
display: flex;
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.component.payment-methods-1 .inner img,
.component.payment-methods-1 .inner svg {
filter: grayscale(100%);
}
.component.quality-marks-1 .inner {
display: flex;
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.component.quality-marks-1 .inner img,
.component.quality-marks-1 .inner svg {
filter: grayscale(100%);
}
.component.product-options-1 .options {
margin-bottom: 1rem;
}
.component.product-options-1 .options .input-wrapper {
margin-bottom: 1rem;
}
.component.product-options-1 .options .input-wrapper .inner {
position: relative;
}
.component.product-options-1 .options .input-wrapper .inner .qty {
padding-right: 110px;
}
.component.product-options-1 .options .input-wrapper .inner .unit {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
color: rgba(34, 34, 34, 0.5);
font-size: 14px;
}
.component.product-options-1 .options .input-wrapper .information {
color: rgba(34, 34, 34, 0.5);
font-size: 14px;
}
.component.product-options-1 .options .button, .component.product-options-1 .options .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .component.product-options-1 .options a {
display: flex;
width: 100%;
}
.component .button.button-product-sample-remove.button-product-sample-remove-1, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.button-product-sample-remove.button-product-sample-remove-1 {
width: 32px;
height: 32px;
padding: 0;
min-height: unset;
border-radius: 16px;
border-style: solid;
border-color: rgb(34, 34, 34);
background: #E6F1F6;
}
.component .button.button-product-sample-select.button-product-sample-select-1, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.button-product-sample-select.button-product-sample-select-1 {
width: 32px;
height: 32px;
padding: 0;
min-height: unset;
border-radius: 16px;
border-style: solid;
border-color: rgb(34, 34, 34);
background: #E6F1F6;
}
/* Removes default styling on webkit browsers */
/* Removes default styling on Mozilla browsers */
/* Removes default styling */
.component.form.billing-information {
margin-bottom: 2rem;
}
.component.form.billing-information-1 .row .row, .component.form.billing-information-1 .vendor.gravity-forms .gform_fields .row, .vendor.gravity-forms .component.form.billing-information-1 .gform_fields .row, .component.form.billing-information-1 .row .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .component.form.billing-information-1 .row .gform_fields, .component.form.billing-information-1 .vendor.gravity-forms .gform_fields .gform_fields, .vendor.gravity-forms .component.form.billing-information-1 .gform_fields .gform_fields {
margin-bottom: 1rem;
row-gap: 1rem;
}
.component.form.billing-information-1 .row .row .row, .component.form.billing-information-1 .vendor.gravity-forms .gform_fields .row .row, .vendor.gravity-forms .component.form.billing-information-1 .gform_fields .row .row, .component.form.billing-information-1 .row .vendor.gravity-forms .gform_fields .row, .vendor.gravity-forms .component.form.billing-information-1 .row .gform_fields .row, .component.form.billing-information-1 .vendor.gravity-forms .gform_fields .gform_fields .row, .vendor.gravity-forms .component.form.billing-information-1 .gform_fields .gform_fields .row, .component.form.billing-information-1 .row .row .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .component.form.billing-information-1 .row .row .gform_fields, .component.form.billing-information-1 .vendor.gravity-forms .gform_fields .row .gform_fields, .vendor.gravity-forms .component.form.billing-information-1 .gform_fields .row .gform_fields, .component.form.billing-information-1 .row .vendor.gravity-forms .gform_fields .gform_fields, .vendor.gravity-forms .component.form.billing-information-1 .row .gform_fields .gform_fields, .component.form.billing-information-1 .vendor.gravity-forms .gform_fields .gform_fields .gform_fields, .vendor.gravity-forms .component.form.billing-information-1 .gform_fields .gform_fields .gform_fields {
margin-bottom: 0;
}
.component.form.billing-information-1 .form.label {
font-weight: 700;
font-size: 14px;
}
.component.form.billing-information-1 .element.form.label abbr[title] {
text-decoration: none;
}
.component.form.billing-information-1 .element.input.checkbox-1 {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
height: 32px;
width: 32px;
margin: 0;
border-width: none;
border-style: none;
border-color: none;
border-radius: 3px;
position: relative;
}
.component.form.billing-information-1 .element.input.checkbox-1:before {
position: absolute;
content: "";
width: 14px;
height: 11px;
background-image: url('data:image/svg+xml;utf8,');
transform: scale(0);
transition: transform 0.1s ease-in-out;
margin: 0;
top: calc(50% - 5.5px);
left: calc(50% - 7px);
}
.component.form.billing-information-1 .element.input.checkbox-1:checked:before {
transform: scale(1);
}
.component.form.billing-information-1 .element.input.checkbox-1:hover {
border-color: rgba(34, 34, 34, 0.5);
}
.component.form.billing-information-1 .element.input.checkbox-1:focus, .component.form.billing-information-1 .element.input.checkbox-1:focus-within, .component.form.billing-information-1 .element.input.checkbox-1:focus-visible {
border-color: rgba(34, 34, 34, 0.6);
}
.component.form.billing-information-1 .select-wrapper {
position: relative;
}
.component.form.billing-information-1 .select-wrapper select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: unset;
width: 100%;
cursor: pointer;
}
.component.form.billing-information-1 .select-wrapper select::-ms-expand {
display: none;
}
.component.form.billing-information-1 .select-wrapper:before {
content: "";
position: absolute;
display: block;
width: 1px;
height: 46px;
top: 0;
right: 46px;
background-color: rgba(34, 34, 34, 0.15);
transform-origin: bottom left;
transform: skew(-8.5deg, 0deg);
}
.component.form.billing-information-1 .select-wrapper:after {
position: absolute;
content: "";
width: 11px;
height: 6px;
background-image: url('data:image/svg+xml;utf8,');
transition: transform 0.1s ease-in-out;
top: calc(50% - 3px);
right: 17.5px;
pointer-events: none;
}
.component.form.billing-information-1 .select-wrapper.active:after {
background-image: url('data:image/svg+xml;utf8,');
}
/* Removes default styling on webkit browsers */
/* Removes default styling on Mozilla browsers */
/* Removes default styling */
.component.form.shipping-information {
margin-bottom: 2rem;
}
.component.form.shipping-information-1 .row .row, .component.form.shipping-information-1 .vendor.gravity-forms .gform_fields .row, .vendor.gravity-forms .component.form.shipping-information-1 .gform_fields .row, .component.form.shipping-information-1 .row .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .component.form.shipping-information-1 .row .gform_fields, .component.form.shipping-information-1 .vendor.gravity-forms .gform_fields .gform_fields, .vendor.gravity-forms .component.form.shipping-information-1 .gform_fields .gform_fields {
margin-bottom: 1rem;
row-gap: 1rem;
}
.component.form.shipping-information-1 .row .row .row, .component.form.shipping-information-1 .vendor.gravity-forms .gform_fields .row .row, .vendor.gravity-forms .component.form.shipping-information-1 .gform_fields .row .row, .component.form.shipping-information-1 .row .vendor.gravity-forms .gform_fields .row, .vendor.gravity-forms .component.form.shipping-information-1 .row .gform_fields .row, .component.form.shipping-information-1 .vendor.gravity-forms .gform_fields .gform_fields .row, .vendor.gravity-forms .component.form.shipping-information-1 .gform_fields .gform_fields .row, .component.form.shipping-information-1 .row .row .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .component.form.shipping-information-1 .row .row .gform_fields, .component.form.shipping-information-1 .vendor.gravity-forms .gform_fields .row .gform_fields, .vendor.gravity-forms .component.form.shipping-information-1 .gform_fields .row .gform_fields, .component.form.shipping-information-1 .row .vendor.gravity-forms .gform_fields .gform_fields, .vendor.gravity-forms .component.form.shipping-information-1 .row .gform_fields .gform_fields, .component.form.shipping-information-1 .vendor.gravity-forms .gform_fields .gform_fields .gform_fields, .vendor.gravity-forms .component.form.shipping-information-1 .gform_fields .gform_fields .gform_fields {
margin-bottom: 0;
}
.component.form.shipping-information-1 .form .label {
font-weight: 700;
font-size: 14px;
}
.component.form.shipping-information-1 .element.form.label abbr[title] {
text-decoration: none;
}
.component.form.shipping-information-1 .element.input.checkbox-1 {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
height: 32px;
width: 32px;
margin: 0;
border-width: none;
border-style: none;
border-color: none;
border-radius: 3px;
position: relative;
}
.component.form.shipping-information-1 .element.input.checkbox-1:before {
position: absolute;
content: "";
width: 14px;
height: 11px;
background-image: url('data:image/svg+xml;utf8,');
transform: scale(0);
transition: transform 0.1s ease-in-out;
margin: 0;
top: calc(50% - 5.5px);
left: calc(50% - 7px);
}
.component.form.shipping-information-1 .element.input.checkbox-1:checked:before {
transform: scale(1);
}
.component.form.shipping-information-1 .element.input.checkbox-1:hover {
border-color: rgba(34, 34, 34, 0.5);
}
.component.form.shipping-information-1 .element.input.checkbox-1:focus, .component.form.shipping-information-1 .element.input.checkbox-1:focus-within, .component.form.shipping-information-1 .element.input.checkbox-1:focus-visible {
border-color: rgba(34, 34, 34, 0.6);
}
.component.form.shipping-information-1 .select-wrapper {
position: relative;
}
.component.form.shipping-information-1 .select-wrapper select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: unset;
width: 100%;
cursor: pointer;
}
.component.form.shipping-information-1 .select-wrapper select::-ms-expand {
display: none;
}
.component.form.shipping-information-1 .select-wrapper:before {
content: "";
position: absolute;
display: block;
width: 1px;
height: 46px;
top: 0;
right: 46px;
background-color: rgba(34, 34, 34, 0.15);
transform-origin: bottom left;
transform: skew(-8.5deg, 0deg);
}
.component.form.shipping-information-1 .select-wrapper:after {
position: absolute;
content: "";
width: 11px;
height: 6px;
background-image: url('data:image/svg+xml;utf8,');
transition: transform 0.1s ease-in-out;
top: calc(50% - 3px);
right: 17.5px;
pointer-events: none;
}
.component.form.shipping-information-1 .select-wrapper.active:after {
background-image: url('data:image/svg+xml;utf8,');
}
.component.form.shipping-information-1 .input-checkbox-group {
display: flex;
align-items: center;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
margin-bottom: 0.5rem;
font-size: 14px;
}
.component .form .delivery-date {
margin-bottom: 2rem;
}
.component .form .delivery-date-1 .text {
font-size: 14px;
}
.component .form .delivery-date-1 > .row .row, .component .form .vendor.gravity-forms .delivery-date-1 > .gform_fields .row, .vendor.gravity-forms .component .form .delivery-date-1 > .gform_fields .row, .component .form .delivery-date-1 > .row .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .component .form .delivery-date-1 > .row .gform_fields, .component .form .vendor.gravity-forms .delivery-date-1 > .gform_fields .gform_fields, .vendor.gravity-forms .component .form .delivery-date-1 > .gform_fields .gform_fields {
margin-bottom: 1rem;
row-gap: 1rem;
}
.component .form .delivery-date-1 > .row .row .row, .component .form .vendor.gravity-forms .delivery-date-1 > .gform_fields .row .row, .vendor.gravity-forms .component .form .delivery-date-1 > .gform_fields .row .row, .component .form .delivery-date-1 > .row .vendor.gravity-forms .gform_fields .row, .vendor.gravity-forms .component .form .delivery-date-1 > .row .gform_fields .row, .component .form .vendor.gravity-forms .delivery-date-1 > .gform_fields .gform_fields .row, .vendor.gravity-forms .component .form .delivery-date-1 > .gform_fields .gform_fields .row, .component .form .delivery-date-1 > .row .row .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .component .form .delivery-date-1 > .row .row .gform_fields, .component .form .vendor.gravity-forms .delivery-date-1 > .gform_fields .row .gform_fields, .vendor.gravity-forms .component .form .delivery-date-1 > .gform_fields .row .gform_fields, .component .form .delivery-date-1 > .row .vendor.gravity-forms .gform_fields .gform_fields, .vendor.gravity-forms .component .form .delivery-date-1 > .row .gform_fields .gform_fields, .component .form .vendor.gravity-forms .delivery-date-1 > .gform_fields .gform_fields .gform_fields, .vendor.gravity-forms .component .form .delivery-date-1 > .gform_fields .gform_fields .gform_fields {
margin-bottom: 0;
}
.component .form .delivery-date-1 .form .label {
font-weight: 700;
font-size: 14px;
}
.row .text, .vendor.gravity-forms .gform_fields .text {
font-size: 14px;
}
.woocommerce-checkout-payment .wc_payment_methods {
padding: inherit;
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method {
display: unset;
list-style: inherit;
margin-bottom: inherit;
align-items: unset;
-moz-column-gap: unset;
column-gap: unset;
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method label {
font-size: inherit;
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .input-radio {
-moz-appearance: unset;
appearance: unset;
-webkit-appearance: none;
height: unset;
width: unset;
margin: unset;
border-width: unset;
border-style: unset;
border-color: unset;
border-radius: unset;
position: unset;
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .input-radio:before {
content: "";
position: unset;
width: unset;
height: unset;
background-image: unset;
transform: unset;
transition: unset;
top: unset;
left: unset;
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .input-radio:checked:before {
transform: unset;
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .input-radio:hover {
border-color: unset;
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .input-radio:focus, .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .input-radio:focus-within, .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .input-radio:focus-visible {
border-color: unset;
}
.woocommerce-checkout-review-order.component.form.overview {
margin-bottom: inherit;
}
.woocommerce-checkout-review-order.component.form.overview-1 .woocommerce-product-overview.component.accordion-item-1 {
border-bottom: inherit;
margin-bottom: inherit;
}
.woocommerce-checkout-review-order.component.form.overview-1 .woocommerce-product-overview.component.accordion-item-1 .title {
font-size: inherit;
font-weight: inherit;
}
.woocommerce-checkout-review-order.component.form.overview-1 .woocommerce-product-overview.component.accordion-item-1 .order-overview {
width: unset;
padding-bottom: 1rem;
}
.woocommerce-checkout-review-order.component.form.overview-1 .woocommerce-product-overview.component.accordion-item-1 .order-overview .product {
position: unset;
display: unset;
flex-wrap: unset;
flex-direction: unset;
justify-content: unset;
}
.woocommerce-checkout-review-order.component.form.overview-1 .woocommerce-product-overview.component.accordion-item-1 .order-overview .product-title, .woocommerce-checkout-review-order.component.form.overview-1 .woocommerce-product-overview.component.accordion-item-1 .order-overview .product-price {
font-size: inherit;
}
.woocommerce-checkout-review-order.component.form.overview-1 .woocommerce-product-overview.component.accordion-item-1 .order-overview .product-title .price, .woocommerce-checkout-review-order.component.form.overview-1 .woocommerce-product-overview.component.accordion-item-1 .order-overview .product-price .price {
font-weight: inherit;
}
.woocommerce-additional-fields {
margin-bottom: 2rem;
}
.woocommerce-additional-fields .element.form.label abbr[title] {
text-decoration: none;
}
.vendor.gravity-forms .gform_fields .gfield .gchoice .gfield-choice-input[type=checkbox], .element.input.checkbox {
-moz-appearance: inherit;
appearance: inherit;
-webkit-appearance: auto;
height: inherit;
width: inherit;
margin: 0;
border-width: 1px;
border-style: inherit;
border-color: rgb(34, 34, 34);
border-radius: inherit;
position: relative;
}
.vendor.gravity-forms .gform_fields .gfield .gchoice .gfield-choice-input[type=checkbox]:before, .element.input.checkbox:before {
position: inherit;
content: "";
width: inherit;
height: inherit;
background-image: inherit;
transform: inherit;
transition: inherit;
margin: inherit;
top: inherit;
left: inherit;
}
.vendor.gravity-forms .gform_fields .gfield .gchoice .gfield-choice-input[type=checkbox]:checked:before, .element.input.checkbox:checked:before {
transform: scale(1);
}
.vendor.gravity-forms .gform_fields .gfield .gchoice .gfield-choice-input[type=checkbox]:hover, .element.input.checkbox:hover {
border-color: rgba(34, 34, 34, 0.5);
}
.vendor.gravity-forms .gform_fields .gfield .gchoice .gfield-choice-input[type=checkbox]:focus, .element.input.checkbox:focus, .vendor.gravity-forms .gform_fields .gfield .gchoice .gfield-choice-input[type=checkbox]:focus-within, .element.input.checkbox:focus-within, .vendor.gravity-forms .gform_fields .gfield .gchoice .gfield-choice-input[type=checkbox]:focus-visible, .element.input.checkbox:focus-visible {
border-color: rgba(34, 34, 34, 0.6);
}
.element.form.date-1 .label {
font-weight: 700;
font-size: 14px;
}
.vendor.gravity-forms .gform_fields .gfield .gchoice .gfield-choice-input[type=radio], .element.input.radio {
-moz-appearance: inherit;
appearance: inherit;
-webkit-appearance: auto;
height: inherit;
width: inherit;
margin: 0;
border-width: 1px;
border-style: inherit;
border-color: rgb(34, 34, 34);
border-radius: inherit;
position: relative;
}
.vendor.gravity-forms .gform_fields .gfield .gchoice .gfield-choice-input[type=radio]:before, .element.input.radio:before {
content: "";
position: inherit;
width: inherit;
height: inherit;
background-image: inherit;
transform: inherit;
transition: inherit;
top: inherit;
left: inherit;
}
.vendor.gravity-forms .gform_fields .gfield .gchoice .gfield-choice-input[type=radio]:checked:before, .element.input.radio:checked:before {
transform: scale(1);
}
.vendor.gravity-forms .gform_fields .gfield .gchoice .gfield-choice-input[type=radio]:hover, .element.input.radio:hover {
border-color: rgba(34, 34, 34, 0.5);
}
.vendor.gravity-forms .gform_fields .gfield .gchoice .gfield-choice-input[type=radio]:focus, .element.input.radio:focus, .vendor.gravity-forms .gform_fields .gfield .gchoice .gfield-choice-input[type=radio]:focus-within, .element.input.radio:focus-within, .vendor.gravity-forms .gform_fields .gfield .gchoice .gfield-choice-input[type=radio]:focus-visible, .element.input.radio:focus-visible {
border-color: rgba(34, 34, 34, 0.6);
}
.input-radio-group {
display: flex;
align-items: center;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
margin-bottom: 0.5rem;
font-size: 14px;
}
.component.form.accept-conditions {
margin-bottom: 1rem;
}
.component.form.accept-conditions-1 .form.label {
font-weight: 10;
font-size: 30;
}
.component.form.accept-conditions-1 .form.label abbr {
text-decoration: none;
}
.component.message-1 {
background-color: rgb(34, 34, 34);
padding-top: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
border-radius: 3px;
margin-bottom: 4rem;
}
.component.message-1 p {
color: rgb(255, 255, 255);
font-weight: 500;
}
.component.message.cart-pack-roundup-1 {
display: block;
width: 100%;
color: rgba(34, 34, 34, 0.8);
font-size: 14px;
font-weight: 400;
font-style: italic;
text-align: right;
}
.component .order-overview-1 .overview {
margin-bottom: 4rem;
}
.component .order-overview-1 .overview b {
font-weight: 700;
}
.component.price-products-summation-1 .products {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
}
.component.price-products-summation-1 b {
font-weight: 700;
}
.component .price-shipment-1 .shipment {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
}
.component .price-shipment-1 b {
font-weight: 700;
}
.component .price-total-1 .total {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
border-top: 2px solid rgba(34, 34, 34, 0.1);
margin-top: 15px;
padding-top: 15px;
}
.component .price-total-1 .total b {
height: 34px;
display: inline-flex;
-webkit-clip-path: polygon(0% 0%, 100% 0%, calc(100% - 7.5px) 100%, 0% 100%);
clip-path: polygon(0% 0%, 100% 0%, calc(100% - 7.5px) 100%, 0% 100%);
background-color: #FF0;
padding-right: 12px;
padding-left: 4px;
font-size: 24px;
font-weight: 700;
color: rgb(34, 34, 34);
line-height: 34px;
font-family: "Roboto Condensed", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
}
.component .price-total-1 > b {
font-weight: 700;
}
.component.button.call-us-1, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.call-us-1 {
background-color: #084;
color: rgb(255, 255, 255);
}
.component.button.call-us-1 .element.icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.call-us-1 .element.icon path {
stroke: rgb(255, 255, 255);
}
.component.button.whatsapp-1, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.whatsapp-1 {
background-color: #084;
color: rgb(255, 255, 255);
}
.component.button.whatsapp-1 .element.icon.whatsapp-1 path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.whatsapp-1 .element.icon.whatsapp-1 path {
stroke: rgb(255, 255, 255);
}
.component.button.whatsapp-1 .element.icon.whatsapp-1 path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.component.whatsapp-1 .element.icon.whatsapp-1 path.fill {
fill: rgb(255, 255, 255);
stroke: none;
}
.component.step-1 .step-indicator {
display: flex;
justify-content: center;
align-items: center;
height: 32px;
width: 32px;
background-color: rgb(34, 34, 34);
color: rgb(255, 255, 255);
font-size: 16px;
font-weight: 400;
border-radius: 16px;
line-height: 100%;
}
.component .list.unique-selling-points {
width: 100%;
align-self: center;
}
.component .list.unique-selling-points-1 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
row-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
padding-top: 4rem;
padding-bottom: 4rem;
}
@media (max-width: 991.98px) {
.component .list.unique-selling-points-1 {
flex-direction: column;
justify-content: center;
align-items: center;
}
}
.component .list.unique-selling-points-1 .list-item {
align-items: flex-start;
}
.component .list.unique-selling-points-1 .list-item-1 p {
font-size: 16px;
font-weight: 400;
}
.component .list.unique-selling-points-1 .list-item-1 p strong {
font-weight: 600;
}
.component .list.unique-selling-points-1 .list-item-1 .icon path {
stroke: rgba(34, 34, 34, 0.5);
}
.section.columns-1.section-background-color-1 .component.unique-selling-points-1 .list-item-1 p {
color: rgb(255, 255, 255);
}
.section.columns-1.section-background-color-1 .component.unique-selling-points-1 .list-item-1 .icon path {
stroke: rgba(255, 255, 255, 0.5);
}
.section.columns-1.section-background-color-2 .component .unique-selling-points-1 .list-item-1 p {
color: rgb(34, 34, 34);
}
.section.columns-1.section-background-color-2 .component .unique-selling-points-1 .list-item-1 .icon path {
stroke: rgba(34, 34, 34, 0.5);
}
.component.vat-flipped-1 {
font-size: 12px;
}
.component.toggle .switch {
display: none;
}
.component.toggle .switch + label {
display: flex;
align-items: center;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.component.toggle .switch + label::before, .component.toggle .switch + label::after {
content: "";
display: block;
}
.component.toggle .switch + label::before {
height: 20px;
width: 40px;
margin-right: 0.5rem;
background-color: rgba(34, 34, 34, 0.1);
border-radius: 15px;
transition: background-color 0.125s ease-out;
}
.component.toggle .switch + label::after {
height: 16px;
width: 16px;
position: absolute;
left: 2px;
background-color: rgb(255, 255, 255);
border-radius: 100%;
transition: transform 0.125s ease-out;
}
.component.toggle .switch + label .toggle-text {
display: grid;
grid-template-rows: 1fr;
grid-template-columns: 1fr;
}
.component.toggle .switch + label .toggle-text .unchecked-text,
.component.toggle .switch + label .toggle-text .checked-text {
grid-row: 1/2;
grid-column: 1/2;
}
.component.toggle .switch + label .toggle-text .unchecked-text {
visibility: visible;
}
.component.toggle .switch + label .toggle-text .checked-text {
visibility: hidden;
}
.component.toggle .switch:checked + label::before {
background-color: rgb(255, 0, 0);
}
.component.toggle .switch:checked + label::after {
transform: translate(20px, 0);
}
.component.toggle .switch:checked + label .unchecked-text {
visibility: hidden;
}
.component.toggle .switch:checked + label .checked-text {
visibility: visible;
}
.component.inline-call-to-action {
width: 100%;
}
@media (min-width: 768px) {
.component.inline-call-to-action {
height: 0;
}
}
.component.inline-call-to-action > a,
.component.inline-call-to-action > .image-container {
display: block;
}
@media (min-width: 768px) {
.component.inline-call-to-action > a,
.component.inline-call-to-action > .image-container {
position: absolute;
z-index: 2;
}
}
@media (max-width: 767.98px) {
.component.inline-call-to-action > a,
.component.inline-call-to-action > .image-container {
transform: translate(0, 0) !important;
}
}
:root {
--component-modal-flash--column-gap: calc(1.1rem + 1.2vw);
--component-modal-flash--right: calc(1.1rem + 1.2vw);
--component-modal-flash--bottom: calc(1.1rem + 1.2vw);
--component-modal-flash-sales-top-countdown-time-unit-value--font-size: calc(1.2125rem + 2.55vw);
--component-modal-flash-sales-top-countdown-time-unit-description--font-size: 0.5rem;
}
@media (min-width: 1200px) {
:root {
--component-modal-flash--column-gap: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-modal-flash--right: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-modal-flash--bottom: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--component-modal-flash-sales-top-countdown-time-unit-value--font-size: 3.125rem;
}
}
.component.modal.flash-sales {
position: fixed;
width: calc(100% - var(--component-modal-flash--column-gap) * 2);
max-width: 550px;
bottom: var(--component-modal-flash--bottom);
right: var(--component-modal-flash--right);
padding-top: 2rem;
padding-right: 2rem;
padding-bottom: 2rem;
padding-left: 2rem;
background-color: rgb(255, 0, 0);
color: rgb(255, 255, 255);
display: none; /* Gets sets to flex by JavaScript when modal should show */
z-index: 11;
box-shadow: 0 0 5px 2px rgba(34, 34, 34, 0.2);
}
@media (min-width: 768px) and (max-width: 991.98px) {
.component.modal.flash-sales {
right: calc(0% + (var(--component-modal-flash--column-gap)));
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.component.modal.flash-sales {
right: calc(2% + (var(--component-modal-flash--column-gap)));
}
}
@media (min-width: 1200px) and (max-width: 1599.98px) {
.component.modal.flash-sales {
right: calc(4% + (var(--component-modal-flash--column-gap)));
}
}
@media (max-width: 575.98px) {
.component.modal.flash-sales {
bottom: 50%;
transform: translate(0, 50%);
flex-direction: column;
}
}
.component.modal.flash-sales .close {
position: absolute;
top: 0.5rem;
right: 0.5rem;
}
.component.modal.flash-sales .close svg path {
stroke: rgb(255, 255, 255);
}
.component.modal.flash-sales .top {
flex-grow: 1;
}
.component.modal.flash-sales .top .text {
font-weight: 600;
text-align: center;
opacity: 1;
}
.component.modal.flash-sales .top .countdown {
display: flex;
flex-direction: row;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgba(255, 255, 255, 0.5);
padding-top: 1rem;
margin-top: 1rem;
}
.component.modal.flash-sales .top .countdown .time-unit {
display: flex;
flex-direction: column;
text-align: center;
flex-grow: 1;
flex-basis: 100%;
}
.component.modal.flash-sales .top .countdown .time-unit .value {
font-size: var(--component-modal-flash-sales-top-countdown-time-unit-value--font-size);
font-weight: 900;
line-height: 100%;
}
.component.modal.flash-sales .top .countdown .time-unit .description {
text-transform: uppercase;
font-weight: bold;
font-size: var(--component-modal-flash-sales-top-countdown-time-unit-description--font-size);
line-height: 120%;
}
.component.modal.flash-sales .top .countdown .hours {
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgba(255, 255, 255, 0.5);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgba(255, 255, 255, 0.5);
}
.component.modal.flash-sales .bottom {
display: flex;
}
.component.modal.flash-sales .bottom .image {
width: -moz-max-content;
width: max-content;
margin-bottom: -1rem;
}
.component.modal.flash-sales .bottom .image-mobile {
display: none;
}
@media (max-width: 575.98px) {
.component.modal.flash-sales .bottom .image-mobile {
display: block;
margin-left: auto;
margin-right: auto;
}
}
.component.modal.flash-sales .bottom .image-desktop {
margin-top: auto;
margin-right: -1rem;
}
@media (max-width: 575.98px) {
.component.modal.flash-sales .bottom .image-desktop {
display: none;
}
}
:root {
--component-fire-sale-fire-sale-1--column-gap: 1rem;
--component-fire-sale-fire-sale-1-sm-xs--column-gap: 0.125rem;
--component-fire-sale-fire-sale-1-text--font-size: calc(1.0125rem + 0.15vw);
--component-fire-sale-fire-sale-1-text--font-weight: 700;
--component-fire-sale-fire-sale-1-text--line-height: 1.1;
--component-fire-sale-fire-sale-1-text-sm-xs--font-size: 0.875rem;
--component-fire-sale-fire-sale-1-text-sm-xs--font-weight: normal;
--component-fire-sale-fire-sale-1-text-sm-xs--line-height: 1.4;
--component-fire-sale-fire-sale-1-count-down--column-gap: 0.25rem;
--component-fire-sale-fire-sale-1-count-down-time-unit-value--font-size: calc(1.0125rem + 0.15vw);
--component-fire-sale-fire-sale-1-count-down-time-unit-value--font-weight: 700;
--component-fire-sale-fire-sale-1-count-down-time-unit-value--line-height: 1.4;
--component-fire-sale-fire-sale-1-count-down-time-unit-description--font-size: 0.575rem;
--component-fire-sale-fire-sale-1-count-down-time-unit-description--line-height: 0.6;
}
@media (min-width: 1200px) {
:root {
--component-fire-sale-fire-sale-1-text--font-size: 1.125rem;
}
}
@media (min-width: 1200px) {
:root {
--component-fire-sale-fire-sale-1-count-down-time-unit-value--font-size: 1.125rem;
}
}
.component.fire-sale-1 {
color: rgb(255, 255, 255);
-moz-column-gap: var(--component-fire-sale-fire-sale-1--column-gap);
column-gap: var(--component-fire-sale-fire-sale-1--column-gap);
}
@media (max-width: 767.98px) {
.component.fire-sale-1 {
width: 100%;
display: flex;
justify-content: space-between;
-moz-column-gap: var(--component-fire-sale-fire-sale-1-sm-xs--column-gap);
column-gap: var(--component-fire-sale-fire-sale-1-sm-xs--column-gap);
}
}
.component.fire-sale-1 .text {
display: flex;
align-items: center;
font-size: var(--component-fire-sale-fire-sale-1-text--font-size);
font-weight: var(--component-fire-sale-fire-sale-1-text--font-weight);
line-height: var(--component-fire-sale-fire-sale-1-text--line-height);
}
@media (max-width: 767.98px) {
.component.fire-sale-1 .text {
font-size: var(--component-fire-sale-fire-sale-1-text-sm-xs--font-size);
font-weight: var(--component-fire-sale-fire-sale-1-text-sm-xs--font-weight);
line-height: var(--component-fire-sale-fire-sale-1-text-sm-xs--line-height);
}
}
.component.fire-sale-1 .countdown {
display: flex;
-moz-column-gap: var(--component-fire-sale-fire-sale-1-count-down--column-gap);
column-gap: var(--component-fire-sale-fire-sale-1-count-down--column-gap);
}
.component.fire-sale-1 .countdown .time-unit {
display: flex;
flex-direction: column;
justify-content: center;
margin-top: -0.5rem;
width: 40px;
}
.component.fire-sale-1 .countdown .time-unit .value {
text-align: center;
font-size: var(--component-fire-sale-fire-sale-1-count-down-time-unit-value--font-size);
font-weight: var(--component-fire-sale-fire-sale-1-count-down-time-unit-value--font-weight);
line-height: var(--component-fire-sale-fire-sale-1-count-down-time-unit-value--line-height);
}
.component.fire-sale-1 .countdown .time-unit .description {
text-align: center;
font-size: var(--component-fire-sale-fire-sale-1-count-down-time-unit-description--font-size);
line-height: var(--component-fire-sale-fire-sale-1-count-down-time-unit-description--line-height);
}
.component.reusable-content-1 {
width: 100%;
}
:root {
--section-main-main-1--padding-y: 0;
--section-main-main-1--row-gap: 0;
}
.section.main-1 {
display: flex;
flex-direction: column;
row-gap: var(--section-main-main-1--row-gap);
padding-top: var(--section-main-main-1--padding-y);
padding-bottom: var(--section-main-main-1--padding-y);
}
/*
* Import variables that are required outside the flow of app.scss
*/
:root {
--section-main-bottom-main-bottom-1--padding-top: calc(1.1rem + 1.2vw);
--section-main-bottom-main-bottom-1--padding-bottom: 0;
--section-main-bottom-main-bottom-1-no-sidebar--padding-top: calc(1.1rem + 1.2vw);
--section-main-bottom-main-bottom-1-no-sidebar--padding-bottom: 0rem;
--section-main-bottom-main-bottom-1-xs-sm--padding-x: calc(1.1rem + 1.2vw);
--section-main-bottom-main-bottom-1--row-gap: 0;
}
@media (min-width: 1200px) {
:root {
--section-main-bottom-main-bottom-1--padding-top: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-main-bottom-main-bottom-1-no-sidebar--padding-top: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-main-bottom-main-bottom-1-xs-sm--padding-x: 2rem;
}
}
.section.main-bottom-1 {
row-gap: var(--section-main-bottom-main-bottom-1--row-gap);
padding-top: var(--section-main-bottom-main-bottom-1--padding-top);
padding-right: 0;
padding-bottom: var(--section-main-bottom-main-bottom-1--padding-bottom);
padding-left: 0;
}
@media (max-width: 767.98px) {
.section.main-bottom-1 {
padding-right: var(--section-main-bottom-main-bottom-1-xs-sm--padding-x);
padding-left: var(--section-main-bottom-main-bottom-1-xs-sm--padding-x);
}
}
.inner:not(.has-sidebar) .section.main-bottom {
background-color: rgb(255, 255, 255);
}
.inner:not(.has-sidebar) .section.main-bottom-1 {
padding-top: var(--section-main-bottom-main-bottom-1-no-sidebar--padding-top);
padding-right: var(--section-columns-columns-1-section-background-color--padding-x);
padding-bottom: var(--section-main-bottom-main-bottom-1-no-sidebar--padding-bottom);
padding-left: var(--section-columns-columns-1-section-background-color--padding-x);
}
@media (min-width: 992px) and (max-width: 1599.98px) {
.inner.has-sidebar .section.main-bottom-1 {
max-width: 100%;
}
}
/*
* Import variables that are required outside the flow of app.scss
*/
:root {
--section-main-top-main-top-1--padding-top: 0;
--section-main-top-main-top-1--padding-top: 0;
--section-main-top-main-top-1-xs-sm--padding-x: calc(1.1rem + 1.2vw);
--section-main-top-main-top-1--row-gap: 0;
}
@media (min-width: 1200px) {
:root {
--section-main-top-main-top-1-xs-sm--padding-x: 2rem;
}
}
.section.main-top-1 {
row-gap: var(--section-main-top-main-top-1--row-gap);
padding-top: var(--section-main-top-main-top-1--padding-top);
padding-right: 0;
padding-bottom: var(--section-main-top-main-top-1--padding-bottom);
padding-left: 0;
background-color: rgb(255, 255, 255);
}
@media (max-width: 767.98px) {
.section.main-top-1 {
padding-right: var(--section-main-top-main-top-1-xs-sm--padding-x);
padding-left: var(--section-main-top-main-top-1-xs-sm--padding-x);
}
}
@media (min-width: 768px) {
.section.main-top-1 > .inner {
padding-left: calc(1.1rem + 1.2vw);
padding-right: calc(1.1rem + 1.2vw);
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.section.main-top-1 > .inner {
padding-left: 2rem;
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.section.main-top-1 > .inner {
padding-right: 2rem;
}
}
.section.main-top-1 > .inner .row > .component.columns, .section.main-top-1 > .inner .vendor.gravity-forms .gform_fields > .component.columns, .vendor.gravity-forms .section.main-top-1 > .inner .gform_fields > .component.columns {
padding-bottom: 0;
}
.section.main-top-1:has(.campaigns:empty) {
display: none;
}
:root {
--section-sidebar-sidebar-1-sm--padding-top: calc(1.1rem + 1.2vw);
--section-sidebar-sidebar-1-lg--padding-top: 0;
--section-sidebar-sidebar-1--padding-bottom: 0;
--section-sidebar-sidebar-1--row-gap: calc(1.3rem + 3.6vw);
--section-sidebar-sidebar-1-xs-sm--padding-x: calc(1.1rem + 1.2vw);
--section-sidebar-sidebar-1-section-padding-container-row-columns--padding-y: calc(1.1rem + 1.2vw);
--section-sidebar-sidebar-1-section-padding-small-container-row-columns--padding-y: 1rem;
--section-sidebar-sidebar-1-section-padding-medium-container-row-columns--padding-y: calc(1.1rem + 1.2vw);
--section-sidebar-sidebar-1-section-padding-large-container-row-columns--padding-y: calc(1.3rem + 3.6vw);
}
@media (min-width: 1200px) {
:root {
--section-sidebar-sidebar-1-sm--padding-top: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-sidebar-sidebar-1--row-gap: 4rem;
}
}
@media (min-width: 1200px) {
:root {
--section-sidebar-sidebar-1-xs-sm--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-sidebar-sidebar-1-section-padding-container-row-columns--padding-y: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-sidebar-sidebar-1-section-padding-medium-container-row-columns--padding-y: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-sidebar-sidebar-1-section-padding-large-container-row-columns--padding-y: 4rem;
}
}
.section.sidebar-1 {
padding-top: var(--section-sidebar-sidebar-1-sm--padding-top);
padding-right: 0;
padding-bottom: var(--section-sidebar-sidebar-1--padding-bottom);
padding-left: 0;
display: flex;
flex-direction: column;
row-gap: var(--section-sidebar-sidebar-1--row-gap);
}
@media (min-width: 992px) {
.section.sidebar-1 {
padding-top: var(--section-sidebar-sidebar-1-lg--padding-top);
}
}
@media (max-width: 767.98px) {
.section.sidebar-1 {
padding-right: var(--section-sidebar-sidebar-1-xs-sm--padding-x);
padding-left: var(--section-sidebar-sidebar-1-xs-sm--padding-x);
}
}
.section.sidebar-1.section-padding-small {
padding-top: var(--section-sidebar-sidebar-1-section-padding-small-container-row-columns--padding-y);
padding-bottom: var(--section-sidebar-sidebar-1-section-padding-small-container-row-columns--padding-y);
}
.section.sidebar-1.section-padding-medium {
padding-top: var(--section-sidebar-sidebar-1-section-padding-medium-container-row-columns--padding-y);
padding-bottom: var(--section-sidebar-sidebar-1-section-padding-medium-container-row-columns--padding-y);
}
.section.sidebar-1.section-padding-large {
padding-top: var(--section-sidebar-sidebar-1-section-padding-large-container-row-columns--padding-y);
padding-bottom: var(--section-sidebar-sidebar-1-section-padding-large-container-row-columns--padding-y);
}
.section.sidebar-1.section .row .columns, .section.sidebar-1.section .vendor.gravity-forms .gform_fields .columns, .vendor.gravity-forms .section.sidebar-1.section .gform_fields .columns {
padding-top: 0;
padding-bottom: 0;
}
:root {
--section-header-header-1-top-bar--padding-y: 0.3333333333rem;
--section-header-header-1-top-bar--padding-x: calc(1.1rem + 1.2vw);
--section-header-header-1-usps--padding-y: 0.3333333333rem;
--section-header-header-1-usps--padding-x: calc(1.1rem + 1.2vw);
--section-header-header-1-primary-navigation--padding-x: calc(1.1rem + 1.2vw);
--section-header-header-1-component-navigation-menu-menu-1-menu--column-gap: calc(1.1rem + 1.2vw);
--section-header-header-1-component-navigation-menu-menu-1-menu-menu-item-link--padding-y: calc(1.1rem + 1.2vw);
--section-header-header-1-primary-navigation-logo--height: calc(1.2rem + 2.4vw);
--section-header-header-1-primary-navigation-logo--min-height: calc(1.1125rem + 1.35vw);
--section-header-header-1-primary-navigation-logo--margin-y: 1rem;
--section-header-header-1-secondary-navigation--padding-x: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--section-header-header-1-top-bar--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-header-header-1-usps--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-header-header-1-primary-navigation--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-header-header-1-component-navigation-menu-menu-1-menu--column-gap: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-header-header-1-component-navigation-menu-menu-1-menu-menu-item-link--padding-y: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-header-header-1-primary-navigation-logo--height: 3rem;
}
}
@media (min-width: 1200px) {
:root {
--section-header-header-1-primary-navigation-logo--min-height: 2.125rem;
}
}
@media (min-width: 1200px) {
:root {
--section-header-header-1-secondary-navigation--padding-x: 2rem;
}
}
.section.header {
z-index: 10;
}
@media (max-width: 767.98px) {
.section.header {
top: 0;
position: sticky;
transform: translateY(0);
transition: transform 0.2s ease-in-out;
}
}
.section.header-1 {
position: relative;
padding: 0;
}
@media (max-width: 767.98px) {
.section.header-1 {
position: sticky;
}
}
.section.header-1 .top-bar {
background-color: rgb(255, 0, 0);
display: flex;
justify-content: center;
align-items: center;
padding-top: var(--section-header-header-1-top-bar--padding-y);
padding-right: var(--section-header-header-1-top-bar--padding-x);
padding-bottom: var(--section-header-header-1-top-bar--padding-y);
padding-left: var(--section-header-header-1-top-bar--padding-x);
}
@media (min-width: 992px) {
.section.header-1 .top-bar {
justify-content: space-between;
}
}
.section.header-1 .top-bar .component.toggle.vat-switch {
color: rgb(255, 255, 255);
display: none;
}
@media (min-width: 992px) {
.section.header-1 .top-bar .component.toggle.vat-switch {
display: block;
}
}
.section.header-1 .top-bar .component.toggle .switch + label::before {
background-color: rgba(34, 34, 34, 0.25);
}
.section.header-1 .top-bar .component.toggle .switch:checked + label::before {
background-color: #ff8080;
}
.section.header-1 .top-bar .vendor.google.reviews-badge {
display: none;
}
@media (min-width: 992px) {
.section.header-1 .top-bar .vendor.google.reviews-badge {
display: block;
}
}
.section.header-1 .usps {
background-color: #eeeeee;
padding-top: var(--section-header-header-1-usps--padding-y);
padding-right: var(--section-header-header-1-usps--padding-x);
padding-bottom: var(--section-header-header-1-usps--padding-y);
padding-left: var(--section-header-header-1-usps--padding-x);
display: none;
}
@media (min-width: 992px) {
.section.header-1 .usps {
display: block;
}
}
.section.header-1 .primary-navigation {
background-color: rgb(255, 255, 255);
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
padding-right: var(--section-header-header-1-primary-navigation--padding-x);
padding-left: var(--section-header-header-1-primary-navigation--padding-x);
}
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 {
display: none;
justify-content: flex-end;
}
@media (min-width: 992px) {
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 {
display: flex;
}
}
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu {
-moz-column-gap: var(--section-header-header-1-component-navigation-menu-menu-1-menu--column-gap);
column-gap: var(--section-header-header-1-component-navigation-menu-menu-1-menu--column-gap);
}
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a {
padding-top: inherit;
padding-bottom: inherit;
}
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item > .link {
padding-top: var(--section-header-header-1-component-navigation-menu-menu-1-menu-menu-item-link--padding-y);
padding-bottom: var(--section-header-header-1-component-navigation-menu-menu-1-menu-menu-item-link--padding-y);
}
.section.header-1 .primary-navigation .mobile-menu {
display: flex;
}
@media (min-width: 992px) {
.section.header-1 .primary-navigation .mobile-menu {
display: none;
}
}
.section.header-1 .primary-navigation .logo {
display: flex;
height: var(--section-header-header-1-primary-navigation-logo--height);
min-height: var(--section-header-header-1-primary-navigation-logo--min-height);
margin-top: var(--section-header-header-1-primary-navigation-logo--margin-y);
margin-bottom: var(--section-header-header-1-primary-navigation-logo--margin-y);
}
.section.header-1 .primary-navigation .logo svg {
height: 100%;
width: auto;
}
.section.header-1 .primary-navigation .vendor.google.reviews-badge {
display: block;
}
@media (min-width: 992px) {
.section.header-1 .primary-navigation .vendor.google.reviews-badge {
display: none;
}
}
.section.header-1 .secondary-navigation {
background-color: rgb(255, 255, 255);
padding-right: var(--section-header-header-1-secondary-navigation--padding-x);
padding-left: var(--section-header-header-1-secondary-navigation--padding-x);
display: none;
}
@media (min-width: 992px) {
.section.header-1 .secondary-navigation {
display: flex;
}
}
.section.header-1 .secondary-navigation > .component.navigation {
border-top-style: solid;
border-top-width: 2px;
border-top-color: rgba(34, 34, 34, 0.1);
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: rgba(34, 34, 34, 0.1);
}
.section.header-1.header-sticky {
transform: translateY(-100%);
}
.section.header-1.header-scroll-up {
transform: translateY(0);
}
:root {
--section-offcanvas-menu-menu-1-top--padding-y: 0.6666666667rem;
--section-offcanvas-menu-menu-1-top--padding-x: calc(1.1rem + 1.2vw);
--section-offcanvas-menu-menu-1-middle-menu--padding-top: 0;
--section-offcanvas-menu-menu-1-middle-menu--padding-bottom: calc(1.3rem + 3.6vw);
--section-offcanvas-menu-menu-1-middle-menu--padding-x: calc(1.1rem + 1.2vw);
--section-offcanvas-menu-menu-1-bottom--padding-y: calc(1.1rem + 1.2vw);
--section-offcanvas-menu-menu-1-bottom--padding-x: calc(1.1rem + 1.2vw);
--section-offcanvas-menu-menu-1-bottom--row-gap: 0.5rem;
}
@media (min-width: 1200px) {
:root {
--section-offcanvas-menu-menu-1-top--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-offcanvas-menu-menu-1-middle-menu--padding-bottom: 4rem;
}
}
@media (min-width: 1200px) {
:root {
--section-offcanvas-menu-menu-1-middle-menu--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-offcanvas-menu-menu-1-bottom--padding-y: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-offcanvas-menu-menu-1-bottom--padding-x: 2rem;
}
}
.section.offcanvas {
overflow: hidden;
}
.section.offcanvas.menu {
z-index: 1001;
}
.section.offcanvas.menu-1 {
display: flex;
flex-direction: column;
justify-content: stretch;
position: fixed;
height: 100dvh;
width: 100%;
top: 0;
right: -100%;
z-index: 1000;
background-color: rgb(255, 255, 255);
transition: right 0.1s ease-in-out;
}
.section.offcanvas.menu-1:target {
-webkit-clip-path: none;
clip-path: none;
right: 0;
}
@media (min-width: 1200px) {
.section.offcanvas.menu-1:target {
display: none;
}
}
.section.offcanvas.menu-1 .top {
position: relative;
display: flex;
justify-content: flex-end;
padding-top: var(--section-offcanvas-menu-menu-1-top--padding-y);
padding-right: var(--section-offcanvas-menu-menu-1-top--padding-x);
padding-bottom: var(--section-offcanvas-menu-menu-1-top--padding-y);
padding-left: var(--section-offcanvas-menu-menu-1-top--padding-x);
width: 100%;
}
.section.offcanvas.menu-1 .top .button.close, .section.offcanvas.menu-1 .top .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.close, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .section.offcanvas.menu-1 .top a.close {
margin-right: -11px;
}
.section.offcanvas.menu-1 .middle {
position: relative;
display: flex;
width: 100%;
overflow-y: auto;
overflow-x: hidden;
flex-grow: 1;
}
.section.offcanvas.menu-1 .middle .menu {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding-top: var(--section-offcanvas-menu-menu-1-middle-menu--padding-top);
padding-right: var(--section-offcanvas-menu-menu-1-middle-menu--padding-x);
padding-bottom: var(--section-offcanvas-menu-menu-1-middle-menu--padding-bottom);
padding-left: var(--section-offcanvas-menu-menu-1-middle-menu--padding-x);
}
.section.offcanvas.menu-1 .middle .menu-item.has-dropdown .dropdown {
flex-direction: column;
position: absolute;
top: 0;
right: -100%;
bottom: 0;
height: 100%;
width: 100%;
padding-top: var(--section-offcanvas-menu-menu-1-middle-menu--padding-top);
padding-right: var(--section-offcanvas-menu-menu-1-middle-menu--padding-x);
padding-bottom: var(--section-offcanvas-menu-menu-1-middle-menu--padding-bottom);
padding-left: var(--section-offcanvas-menu-menu-1-middle-menu--padding-x);
background: white;
overflow-x: hidden;
overflow-y: auto;
transition: right 0.1s ease-in-out;
}
.section.offcanvas.menu-1 .middle .menu-item.has-dropdown .dropdown .menu-item .sub-menu {
flex-direction: column;
position: absolute;
top: 0;
right: -100%;
bottom: 0;
height: 100%;
width: 100%;
padding-top: var(--section-offcanvas-menu-menu-1-middle-menu--padding-top);
padding-right: var(--section-offcanvas-menu-menu-1-middle-menu--padding-x);
padding-bottom: var(--section-offcanvas-menu-menu-1-middle-menu--padding-bottom);
padding-left: var(--section-offcanvas-menu-menu-1-middle-menu--padding-x);
transition: right 0.1s ease-in-out;
background: white;
transition: right 0.1s ease-in-out;
overflow-y: hidden;
}
.section.offcanvas.menu-1 .middle .menu-item.has-dropdown .dropdown .menu-item .sub-menu .inner .row, .section.offcanvas.menu-1 .middle .menu-item.has-dropdown .dropdown .menu-item .sub-menu .inner .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .section.offcanvas.menu-1 .middle .menu-item.has-dropdown .dropdown .menu-item .sub-menu .inner .gform_fields {
display: flex;
flex-direction: column;
row-gap: 0;
}
.section.offcanvas.menu-1 .middle .menu-item.has-dropdown .dropdown .menu-item .sub-menu .inner .row .column, .section.offcanvas.menu-1 .middle .menu-item.has-dropdown .dropdown .menu-item .sub-menu .inner .vendor.gravity-forms .gform_fields .column, .vendor.gravity-forms .section.offcanvas.menu-1 .middle .menu-item.has-dropdown .dropdown .menu-item .sub-menu .inner .gform_fields .column {
padding: 0;
}
.section.offcanvas.menu-1 .middle .menu-item.has-dropdown .dropdown .menu-item .sub-menu .inner .row .column .inner .links, .section.offcanvas.menu-1 .middle .menu-item.has-dropdown .dropdown .menu-item .sub-menu .inner .vendor.gravity-forms .gform_fields .column .inner .links, .vendor.gravity-forms .section.offcanvas.menu-1 .middle .menu-item.has-dropdown .dropdown .menu-item .sub-menu .inner .gform_fields .column .inner .links {
display: flex;
flex-direction: column;
}
.section.offcanvas.menu-1 .middle .menu-item.has-dropdown .dropdown .menu-item .sub-menu .back {
display: none;
z-index: 2;
}
.section.offcanvas.menu-1 .middle .menu-item.has-dropdown .dropdown .menu-item.active .sub-menu {
right: 0;
overflow-y: auto;
}
.section.offcanvas.menu-1 .middle .menu-item.has-dropdown .dropdown .menu-item.active .sub-menu .back {
display: inline-flex;
}
.section.offcanvas.menu-1 .middle .menu-item.has-dropdown .dropdown .menu-item.has-sub-menu > .link:after {
content: "";
height: 14px;
width: 8px;
background-image: url('data:image/svg+xml;utf8,');
}
.section.offcanvas.menu-1 .middle .menu-item.has-dropdown .dropdown .back {
position: fixed;
top: var(--section-offcanvas-menu-menu-1-top--padding-y);
left: var(--section-offcanvas-menu-menu-1-top--padding-x);
margin-left: -11px;
display: none;
align-items: center;
justify-content: center;
min-height: 46px;
width: 46px;
transition: all 0.1s ease-in-out;
}
.section.offcanvas.menu-1 .middle .menu-item.has-dropdown .dropdown .back:before {
content: "";
height: 14px;
width: 8px;
background-image: url('data:image/svg+xml;utf8,');
}
.section.offcanvas.menu-1 .middle .menu-item.has-dropdown .dropdown .back:hover {
cursor: pointer;
}
.section.offcanvas.menu-1 .middle .menu-item.has-dropdown.active .dropdown {
right: 0;
}
.section.offcanvas.menu-1 .middle .menu-item.has-dropdown.active .back {
display: inline-flex;
}
.section.offcanvas.menu-1 .middle .menu-item.has-dropdown > .link:after {
content: "";
height: 14px;
width: 8px;
background-image: url('data:image/svg+xml;utf8,');
}
.section.offcanvas.menu-1 .middle .menu-item .link {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 10px;
padding-bottom: 10px;
font-size: 1.0675rem;
font-weight: 500;
width: 100%;
}
.section.offcanvas.menu-1 .bottom {
display: flex;
flex-direction: column;
row-gap: var(--section-offcanvas-menu-menu-1-bottom--row-gap);
padding-top: var(--section-offcanvas-menu-menu-1-bottom--padding-y);
padding-right: var(--section-offcanvas-menu-menu-1-bottom--padding-x);
padding-bottom: var(--section-offcanvas-menu-menu-1-bottom--padding-y);
padding-left: var(--section-offcanvas-menu-menu-1-bottom--padding-x);
border-top-style: solid;
border-top-width: 2px;
border-top-color: rgba(34, 34, 34, 0.1);
}
body:has(.section.offcanvas.menu-1:target) {
overflow-y: hidden;
}
:root {
--section-offcanvas-search-search-1-top--padding-y: calc(1.0333333333rem + 0.4vw);
--section-offcanvas-search-search-1-top--padding-x: calc(1.1rem + 1.2vw);
--section-offcanvas-search-search-1-middle--padding-y: calc(1.0333333333rem + 0.4vw);
--section-offcanvas-search-search-1-middle--padding-x: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--section-offcanvas-search-search-1-top--padding-y: 1.3333333333rem;
}
}
@media (min-width: 1200px) {
:root {
--section-offcanvas-search-search-1-top--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-offcanvas-search-search-1-middle--padding-y: 1.3333333333rem;
}
}
@media (min-width: 1200px) {
:root {
--section-offcanvas-search-search-1-middle--padding-x: 2rem;
}
}
.section.offcanvas {
overflow: hidden;
}
.section.offcanvas.search {
z-index: 1001;
}
.section.offcanvas.search-1 {
display: flex;
flex-direction: column;
justify-content: stretch;
position: fixed;
height: 100vh;
width: 100%;
top: 0;
right: -100%;
z-index: 1000;
background-color: rgb(255, 255, 255);
transition: right 0.1s ease-in-out;
}
.section.offcanvas.search-1:target {
-webkit-clip-path: none;
clip-path: none;
right: 0;
}
@media (min-width: 1200px) {
.section.offcanvas.search-1:target {
display: none;
}
}
.section.offcanvas.search-1 .top {
position: relative;
display: flex;
justify-content: flex-end;
padding-top: var(--section-offcanvas-search-search-1-top--padding-y);
padding-right: var(--section-offcanvas-search-search-1-top--padding-x);
padding-bottom: var(--section-offcanvas-search-search-1-top--padding-y);
padding-left: var(--section-offcanvas-search-search-1-top--padding-x);
width: 100%;
}
.section.offcanvas.search-1 .top .button.close, .section.offcanvas.search-1 .top .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a.close, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .section.offcanvas.search-1 .top a.close {
margin-right: -11px;
}
.section.offcanvas.search-1 .middle {
position: relative;
display: flex;
width: 100%;
position: relative;
padding-top: var(--section-offcanvas-search-search-1-middle--padding-y);
padding-right: var(--section-offcanvas-search-search-1-middle--padding-x);
padding-bottom: var(--section-offcanvas-search-search-1-middle--padding-y);
padding-left: var(--section-offcanvas-search-search-1-middle--padding-x);
}
.section.offcanvas.search-1 .middle .form.search .input.search {
width: 100%;
}
:root {
--section-footer-footer-1--padding-y: 0;
--section-footer-footer-1--padding-x: 0;
--section-footer-footer-1-top--padding-top: calc(1.1rem + 1.2vw);
--section-footer-footer-1-top--padding-bottom: calc(1.1rem + 1.2vw);
--section-footer-footer-1-top--padding-x: calc(1.1rem + 1.2vw);
--section-footer-footer-1-top-sm--padding-x: calc(1.1rem + 1.2vw);
--section-footer-footer-1-top-inner--column-gap: calc(1.1rem + 1.2vw);
--section-footer-footer-1-top-inner--row-gap: calc(1.1rem + 1.2vw);
--section-footer-footer-1-top-inner-buttons--column-gap: 0;
--section-footer-footer-1-middle--padding-top: 0;
--section-footer-footer-1-middle--padding-bottom: 0;
--section-footer-footer-1-middle--padding-x: calc(1.1rem + 1.2vw);
--section-footer-footer-1-middle-sm--padding-x: calc(1.1rem + 1.2vw);
--section-footer-footer-1-middle-row--row-gap: calc(1.1rem + 1.2vw);
--section-footer-footer-1-middle-inner--padding-top: calc(1.1rem + 1.2vw);
--section-footer-footer-1-middle-inner--padding-bottom: calc(1.1rem + 1.2vw);
--section-footer-footer-1-bottom--padding-top: calc(1.1rem + 1.2vw);
--section-footer-footer-1-bottom--padding-bottom: calc(1.1rem + 1.2vw);
--section-footer-footer-1-bottom--padding-x: calc(1.1rem + 1.2vw);
--section-footer-footer-1-bottom-sm--padding-x: calc(1.1rem + 1.2vw);
--section-footer-footer-1-bottom-inner--column-gap: calc(1.1rem + 1.2vw);
--section-footer-footer-1-bottom-inner--row-gap: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--section-footer-footer-1-top--padding-top: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-footer-footer-1-top--padding-bottom: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-footer-footer-1-top--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-footer-footer-1-top-sm--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-footer-footer-1-top-inner--column-gap: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-footer-footer-1-top-inner--row-gap: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-footer-footer-1-middle--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-footer-footer-1-middle-sm--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-footer-footer-1-middle-row--row-gap: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-footer-footer-1-middle-inner--padding-top: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-footer-footer-1-middle-inner--padding-bottom: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-footer-footer-1-bottom--padding-top: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-footer-footer-1-bottom--padding-bottom: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-footer-footer-1-bottom--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-footer-footer-1-bottom-sm--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-footer-footer-1-bottom-inner--column-gap: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-footer-footer-1-bottom-inner--row-gap: 2rem;
}
}
.section.footer {
background-color: rgb(255, 255, 255);
padding-top: var(--section-footer-footer-1--padding-y);
padding-right: var(--section-footer-footer-1--padding-x);
padding-bottom: var(--section-footer-footer-1--padding-y);
padding-left: var(--section-footer-footer-1--padding-x);
color: rgb(34, 34, 34);
}
.section.footer h1,
.section.footer .heading-1,
.section.footer body .page.cart .button-group > .label,
body .page.cart .section.footer .button-group > .label,
.section.footer body .page.cart-1 > .title,
body .section.footer .page.cart-1 > .title,
.section.footer .component.slide-4 .inner .title .lead,
.component.slide-4 .inner .title .section.footer .lead,
.section.footer .component .form.quantity-1 .input-group .decrement > span,
.component .form.quantity-1 .input-group .section.footer .decrement > span,
.section.footer .component .form.quantity-1 .input-group .increment > span,
.component .form.quantity-1 .input-group .section.footer .increment > span,
.section.footer h2,
.section.footer .heading-2,
.section.footer h3,
.section.footer .heading-3,
.section.footer .section.products-related-1 > .title,
.section.footer .section.blogs-related-1 > .title,
.section.footer .component.slide-2 > .inner > .title,
.section.footer .component.slide-4 .inner .title .text,
.component.slide-4 .inner .title .section.footer .text,
.section.footer h4,
.section.footer .heading-4,
.section.footer h5,
.section.footer .component.modal.flash-sales .top .text,
.component.modal.flash-sales .top .section.footer .text,
.section.footer .heading-5,
.section.footer .component.slide-2 > .inner .product .left .title,
.component.slide-2 > .inner .product .left .section.footer .title,
.section.footer .component.card.customizable-1.background-image > .inner .content .title,
.component.card.customizable-1.background-image > .inner .content .section.footer .title,
.section.footer .component .order-overview-1 .overview .title,
.component .order-overview-1 .overview .section.footer .title,
.section.footer h6,
.section.footer .heading-6,
.section.footer .component.table-1 thead tr th,
.component.table-1 thead tr .section.footer th {
color: rgb(34, 34, 34);
}
.section.footer b {
font-weight: 500;
}
.section.footer .top {
background-color: #f3f3f3;
padding-top: var(--section-footer-footer-1-top--padding-top);
padding-right: var(--section-footer-footer-1-top-sm--padding-x);
padding-bottom: var(--section-footer-footer-1-top--padding-bottom);
padding-left: var(--section-footer-footer-1-top-sm--padding-x);
margin-right: 0;
margin-left: 0;
max-width: 100%;
}
@media (min-width: 992px) {
.section.footer .top {
padding-right: var(--section-footer-footer-1-top--padding-x);
padding-left: var(--section-footer-footer-1-top--padding-x);
}
}
.section.footer .top .inner {
display: flex;
justify-content: space-between;
flex-direction: column;
-moz-column-gap: var(--section-footer-footer-1-top-inner--column-gap);
column-gap: var(--section-footer-footer-1-top-inner--column-gap);
row-gap: var(--section-footer-footer-1-top-inner--row-gap);
}
@media (min-width: 768px) {
.section.footer .top .inner {
flex-direction: row;
}
}
.section.footer .top .inner .logo {
display: flex;
align-items: center;
}
.section.footer .top .inner .buttons, .section.footer .top .inner .component.pagination {
padding-top: 0;
padding-bottom: 0;
-moz-column-gap: var(--section-footer-footer-1-top-inner-buttons--column-gap);
column-gap: var(--section-footer-footer-1-top-inner-buttons--column-gap);
}
.section.footer .top .inner .buttons .button .icon, .section.footer .top .inner .component.pagination .button .icon, .section.footer .top .inner .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .section.footer .top .inner .buttons a .icon, .section.footer .top .inner .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .icon, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .section.footer .top .inner .component.pagination a .icon,
.section.footer .top .inner .buttons .button path,
.section.footer .top .inner .component.pagination .button path,
.section.footer .top .inner .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a path,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .section.footer .top .inner .buttons a path,
.section.footer .top .inner .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a path,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .section.footer .top .inner .component.pagination a path {
stroke: rgb(34, 34, 34);
}
.section.footer .top .inner .buttons .button .fill, .section.footer .top .inner .component.pagination .button .fill, .section.footer .top .inner .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .section.footer .top .inner .buttons a .fill, .section.footer .top .inner .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a .fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .section.footer .top .inner .component.pagination a .fill {
fill: rgb(34, 34, 34);
stroke: none;
stroke-width: 0;
}
.section.footer .top .inner .buttons .button:hover .icon path, .section.footer .top .inner .component.pagination .button:hover .icon path, .section.footer .top .inner .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .section.footer .top .inner .buttons a:hover .icon path, .section.footer .top .inner .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon path, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .section.footer .top .inner .component.pagination a:hover .icon path,
.section.footer .top .inner .buttons .button:hover .icon circle,
.section.footer .top .inner .component.pagination .button:hover .icon circle,
.section.footer .top .inner .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .section.footer .top .inner .buttons a:hover .icon circle,
.section.footer .top .inner .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon circle,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .section.footer .top .inner .component.pagination a:hover .icon circle {
stroke: rgb(255, 255, 255);
}
.section.footer .top .inner .buttons .button:hover .icon path.fill, .section.footer .top .inner .component.pagination .button:hover .icon path.fill, .section.footer .top .inner .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .section.footer .top .inner .buttons a:hover .icon path.fill, .section.footer .top .inner .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon path.fill, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .section.footer .top .inner .component.pagination a:hover .icon path.fill,
.section.footer .top .inner .buttons .button:hover .icon circle.fill,
.section.footer .top .inner .component.pagination .button:hover .icon circle.fill,
.section.footer .top .inner .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .section.footer .top .inner .buttons a:hover .icon circle.fill,
.section.footer .top .inner .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a:hover .icon circle.fill,
.section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .section.footer .top .inner .component.pagination a:hover .icon circle.fill {
fill: rgb(255, 255, 255);
}
.section.footer .middle {
background-color: #f3f3f3;
padding-top: var(--section-footer-footer-1-middle--padding-top);
padding-right: var(--section-footer-footer-1-middle-sm--padding-x);
padding-bottom: var(--section-footer-footer-1-middle--padding-bottom);
padding-left: var(--section-footer-footer-1-middle-sm--padding-x);
margin-right: 0;
margin-left: 0;
max-width: 100%;
}
@media (min-width: 992px) {
.section.footer .middle {
padding-right: var(--section-footer-footer-1-middle--padding-x);
padding-left: var(--section-footer-footer-1-middle--padding-x);
}
}
.section.footer .middle .row, .section.footer .middle .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .section.footer .middle .gform_fields {
row-gap: var(--section-footer-footer-1-middle-row--row-gap);
}
@media (max-width: 991.98px) {
.section.footer .middle .row > .columns:first-child, .section.footer .middle .vendor.gravity-forms .gform_fields > .columns:first-child, .vendor.gravity-forms .section.footer .middle .gform_fields > .columns:first-child {
padding-bottom: 0;
}
.section.footer .middle .row > .columns:not(:first-child, :last-child), .section.footer .middle .vendor.gravity-forms .gform_fields > .columns:not(:first-child, :last-child), .vendor.gravity-forms .section.footer .middle .gform_fields > .columns:not(:first-child, :last-child) {
padding-top: 0;
padding-bottom: 0;
}
.section.footer .middle .row > .columns:last-child, .section.footer .middle .vendor.gravity-forms .gform_fields > .columns:last-child, .vendor.gravity-forms .section.footer .middle .gform_fields > .columns:last-child {
padding-top: 0;
}
}
.section.footer .middle .row a:not(.button), .section.footer .middle .vendor.gravity-forms .gform_fields a:not(.button), .vendor.gravity-forms .section.footer .middle .gform_fields a:not(.button) {
color: rgb(34, 34, 34);
text-decoration: none;
}
.section.footer .middle .row a:not(.button):hover, .section.footer .middle .vendor.gravity-forms .gform_fields a:not(.button):hover, .vendor.gravity-forms .section.footer .middle .gform_fields a:not(.button):hover {
color: rgb(34, 34, 34);
text-decoration: underline;
}
.section.footer .middle .row .links, .section.footer .middle .vendor.gravity-forms .gform_fields .links, .vendor.gravity-forms .section.footer .middle .gform_fields .links {
display: inline-flex;
}
.section.footer .middle .row .content p, .section.footer .middle .vendor.gravity-forms .gform_fields .content p, .vendor.gravity-forms .section.footer .middle .gform_fields .content p {
line-height: 2;
}
.section.footer .middle .row .content p a, .section.footer .middle .vendor.gravity-forms .gform_fields .content p a, .vendor.gravity-forms .section.footer .middle .gform_fields .content p a {
color: rgb(255, 0, 0);
}
.section.footer .middle .row .content p a:hover, .section.footer .middle .vendor.gravity-forms .gform_fields .content p a:hover, .vendor.gravity-forms .section.footer .middle .gform_fields .content p a:hover {
color: rgb(255, 0, 0);
}
.section.footer .middle .row div, .section.footer .middle .vendor.gravity-forms .gform_fields div, .vendor.gravity-forms .section.footer .middle .gform_fields div {
line-height: 2;
}
.section.footer .middle > .inner {
display: flex;
justify-content: space-between;
padding-top: var(--section-footer-footer-1-middle-inner--padding-top);
padding-bottom: var(--section-footer-footer-1-middle-inner--padding-bottom);
}
.section.footer .middle > .inner .column:empty {
display: none;
}
.section.footer .bottom {
background-color: #f3f3f3;
padding-top: var(--section-footer-footer-1-bottom--padding-top);
padding-right: var(--section-footer-footer-1-bottom-sm--padding-x);
padding-bottom: var(--section-footer-footer-1-bottom--padding-bottom);
padding-left: var(--section-footer-footer-1-bottom-sm--padding-x);
margin-right: 0;
margin-left: 0;
max-width: 100%;
}
@media (min-width: 992px) {
.section.footer .bottom {
padding-right: var(--section-footer-footer-1-bottom--padding-x);
padding-left: var(--section-footer-footer-1-bottom--padding-x);
}
}
.section.footer .bottom > .inner {
display: flex;
justify-content: space-between;
flex-direction: column;
-moz-column-gap: var(--section-footer-footer-1-bottom-inner--column-gap);
column-gap: var(--section-footer-footer-1-bottom-inner--column-gap);
row-gap: var(--section-footer-footer-1-bottom-inner--row-gap);
color: rgb(34, 34, 34);
}
@media (min-width: 768px) {
.section.footer .bottom > .inner {
flex-direction: row;
}
}
.section.footer .bottom > .inner a {
color: rgb(34, 34, 34);
text-decoration: none;
}
.section.footer .bottom > .inner a:hover {
color: rgb(34, 34, 34);
text-decoration: underline;
}
.section.footer .bottom > .inner .copyright {
display: flex;
order: 2;
}
@media (min-width: 768px) {
.section.footer .bottom > .inner .copyright {
order: 1;
}
}
.section.footer .bottom > .inner .cookie-links,
.section.footer .bottom > .inner > .content {
display: flex;
order: 1;
}
@media (min-width: 768px) {
.section.footer .bottom > .inner .cookie-links,
.section.footer .bottom > .inner > .content {
order: 2;
}
}
.section.footer .bottom > .inner .cookie-links p[style],
.section.footer .bottom > .inner > .content p[style] {
width: 100%;
}
@media (max-width: 767.98px) {
.section.footer .bottom > .inner .cookie-links p[style],
.section.footer .bottom > .inner > .content p[style] {
text-align: left !important;
}
}
.section.footer .bottom > .inner .cookie-links p,
.section.footer .bottom > .inner .cookie-links .links,
.section.footer .bottom > .inner > .content p,
.section.footer .bottom > .inner > .content .links {
flex-direction: column;
}
@media (min-width: 768px) {
.section.footer .bottom > .inner .cookie-links p,
.section.footer .bottom > .inner .cookie-links .links,
.section.footer .bottom > .inner > .content p,
.section.footer .bottom > .inner > .content .links {
flex-direction: row;
gap: 2rem;
}
}
:root {
--section-bar-floating-floating-1--top: unset;
--section-bar-floating-floating-1--right: 0;
--section-bar-floating-floating-1--bottom: 0;
--section-bar-floating-floating-1--left: unset;
--section-bar-floating-floating-1--margin: calc(1.1rem + 1.2vw);
--section-bar-floating-floating-1--column-gap: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--section-bar-floating-floating-1--margin: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-bar-floating-floating-1--column-gap: 2rem;
}
}
.section.bar.floating {
position: fixed;
max-width: 100%;
}
.section.bar.floating-1 {
display: none;
justify-content: end;
flex-wrap: wrap;
top: var(--section-bar-floating-floating-1--top);
right: var(--section-bar-floating-floating-1--right);
bottom: var(--section-bar-floating-floating-1--bottom);
left: var(--section-bar-floating-floating-1--left);
z-index: 12;
margin: var(--section-bar-floating-floating-1--margin);
-moz-column-gap: var(--section-bar-floating-floating-1--column-gap);
column-gap: var(--section-bar-floating-floating-1--column-gap);
row-gap: 1rem;
}
@media (max-width: 575.98px) {
.section.bar.floating-1 {
display: flex;
}
}
.section.slider.hero-1 {
position: relative;
overflow: hidden;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.section.slider.hero-1:after {
content: "";
position: absolute;
inset: 0;
background-color: rgb(255, 0, 0);
z-index: 10;
pointer-events: none;
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.section.slider.hero-1:not(.flickity-enabled) {
height: 270px;
}
@media (min-width: 576px) {
.section.slider.hero-1:not(.flickity-enabled) {
height: 294px;
}
}
@media (min-width: 768px) {
.section.slider.hero-1:not(.flickity-enabled) {
height: 268px;
}
}
@media (min-width: 992px) {
.section.slider.hero-1:not(.flickity-enabled) {
height: 398px;
}
}
@media (min-width: 1200px) {
.section.slider.hero-1:not(.flickity-enabled) {
height: 360px;
}
}
@media (min-width: 1600px) {
.section.slider.hero-1:not(.flickity-enabled) {
height: 360px;
}
}
.section.slider.hero-1:not(.flickity-enabled):after {
opacity: 1;
}
:root {
--section-slider-product-images-thumbnails--margin-top: calc(1.1rem + 1.2vw);
--section-slider-product-images-thumbnails-image--margin-right: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--section-slider-product-images-thumbnails--margin-top: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-slider-product-images-thumbnails-image--margin-right: 2rem;
}
}
.section.slider.product-images-1 {
position: relative;
overflow: hidden;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.section.slider.product-images-1 .image {
-o-object-fit: cover;
object-fit: cover;
}
.section.slider.product-images-2 {
position: relative;
overflow: hidden;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.section.slider.product-images-2 .image {
-o-object-fit: cover;
object-fit: cover;
}
.section.slider.product-images-thumbnails {
margin-top: var(--section-slider-product-images-thumbnails--margin-top);
}
.section.slider.product-images-thumbnails .image {
margin-right: var(--section-slider-product-images-thumbnails-image--margin-right);
width: 25%;
-o-object-fit: cover;
object-fit: cover;
opacity: 1;
transition: unset;
}
.section.slider.product-images-thumbnails .image.is-selected {
opacity: 1;
}
:root {
--section-breadcrumbs-breadcrumbs-1--padding-top: 0;
--section-breadcrumbs-breadcrumbs-1--padding-bottom: 0;
--section-breadcrumbs-breadcrumbs-1--padding-x: calc(1.1rem + 1.2vw);
--section-breadcrumbs-breadcrumbs-1-md-and-up--padding-x: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--section-breadcrumbs-breadcrumbs-1--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-breadcrumbs-breadcrumbs-1-md-and-up--padding-x: 2rem;
}
}
.section.breadcrumbs-1 {
background-color: rgb(255, 255, 255);
padding-top: var(--section-breadcrumbs-breadcrumbs-1--padding-top);
padding-right: var(--section-breadcrumbs-breadcrumbs-1--padding-x);
padding-bottom: var(--section-breadcrumbs-breadcrumbs-1--padding-bottom);
padding-left: var(--section-breadcrumbs-breadcrumbs-1--padding-x);
}
@media (max-width: 767.98px) {
.section.breadcrumbs-1 {
display: block;
}
}
@media (min-width: 992px) {
.section.breadcrumbs-1 {
padding-right: var(--section-breadcrumbs-breadcrumbs-1-md-and-up--padding-x);
padding-left: var(--section-breadcrumbs-breadcrumbs-1-md-and-up--padding-x);
}
}
@media (min-width: 768px) {
.has-sidebar .section.breadcrumbs-1 {
padding-right: 0;
padding-left: 0;
margin-right: 0;
margin-left: 0;
max-width: 100%;
}
}
:root {
--section-columns-columns-1--padding-y: 0;
--component-columns-columns-1-row--row-gap: calc(1.1rem + 1.2vw);
--section-columns-columns-1-section-background-color--padding-x: calc(1.1rem + 1.2vw);
--section-columns-columns-1-section-padding-container-row-columns--padding-y: calc(1.1rem + 1.2vw);
--section-columns-columns-1-section-padding-small-container-row-columns--padding-y: 1rem;
--section-columns-columns-1-section-padding-medium-container-row-columns--padding-y: calc(1.1rem + 1.2vw);
--section-columns-columns-1-section-padding-large-container-row-columns--padding-y: calc(1.3rem + 3.6vw);
}
@media (min-width: 1200px) {
:root {
--component-columns-columns-1-row--row-gap: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-columns-columns-1-section-background-color--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-columns-columns-1-section-padding-container-row-columns--padding-y: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-columns-columns-1-section-padding-medium-container-row-columns--padding-y: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-columns-columns-1-section-padding-large-container-row-columns--padding-y: 4rem;
}
}
.section.columns-1 {
padding-top: var(--section-columns-columns-1--padding-y);
padding-right: 0;
padding-bottom: var(--section-columns-columns-1--padding-y);
padding-left: 0;
}
.section.columns-1 .row, .section.columns-1 .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .section.columns-1 .gform_fields {
row-gap: var(--component-columns-columns-1-row--row-gap);
}
.section.columns-1.section-width {
padding-left: var(--section-columns-columns-1-section-background-color--padding-x);
padding-right: var(--section-columns-columns-1-section-background-color--padding-x);
}
.section.columns-1.section-width:not(.section-full-width) {
padding-left: var(--section-columns-columns-1-section-background-color--padding-x);
padding-right: var(--section-columns-columns-1-section-background-color--padding-x);
}
.section.columns-1.section-width:not(.section-full-width) .contained.narrow {
max-width: 986px;
padding-left: 0;
padding-right: 0;
}
@media (min-width: 992px) {
.section.columns-1.section-width.section-full-width.section-contained {
padding-left: 0;
padding-right: 0;
}
}
.section.columns-1.section-width.section-full-width.section-contained .contained {
padding-left: 0;
padding-right: 0;
}
.section.columns-1.section-width.section-full-width .contained.narrow {
max-width: 986px;
padding-left: 0;
padding-right: 0;
}
.section.columns-1.section-padding {
padding-right: var(--section-columns-columns-1-section-background-color--padding-x);
padding-left: var(--section-columns-columns-1-section-background-color--padding-x);
}
.section.columns-1.section-padding .row .columns, .section.columns-1.section-padding .vendor.gravity-forms .gform_fields .columns, .vendor.gravity-forms .section.columns-1.section-padding .gform_fields .columns {
padding-top: var(--section-columns-columns-1-section-padding-container-row-columns--padding-y);
padding-bottom: var(--section-columns-columns-1-section-padding-container-row-columns--padding-y);
}
.section.columns-1.section-padding-small .row .columns, .section.columns-1.section-padding-small .vendor.gravity-forms .gform_fields .columns, .vendor.gravity-forms .section.columns-1.section-padding-small .gform_fields .columns {
padding-top: var(--section-columns-columns-1-section-padding-small-container-row-columns--padding-y);
padding-bottom: var(--section-columns-columns-1-section-padding-small-container-row-columns--padding-y);
}
@media (max-width: 991.98px) {
.section.columns-1.section-padding-small .row > :not(:first-child):not(:only-child), .section.columns-1.section-padding-small .vendor.gravity-forms .gform_fields > :not(:first-child):not(:only-child), .vendor.gravity-forms .section.columns-1.section-padding-small .gform_fields > :not(:first-child):not(:only-child) {
padding-top: 0;
}
}
.section.columns-1.section-padding-small.section-background-color-height-partly:before {
height: calc(100% - var(--section-columns-columns-1-section-padding-small-container-row-columns--padding-y) * 2);
}
.section.columns-1.section-padding-medium .row .columns, .section.columns-1.section-padding-medium .vendor.gravity-forms .gform_fields .columns, .vendor.gravity-forms .section.columns-1.section-padding-medium .gform_fields .columns {
padding-top: var(--section-columns-columns-1-section-padding-medium-container-row-columns--padding-y);
padding-bottom: var(--section-columns-columns-1-section-padding-medium-container-row-columns--padding-y);
}
@media (max-width: 991.98px) {
.section.columns-1.section-padding-medium .row > :not(:first-child):not(:only-child), .section.columns-1.section-padding-medium .vendor.gravity-forms .gform_fields > :not(:first-child):not(:only-child), .vendor.gravity-forms .section.columns-1.section-padding-medium .gform_fields > :not(:first-child):not(:only-child) {
padding-top: 0;
}
}
.section.columns-1.section-padding-medium.section-background-color-height-partly:before {
height: calc(100% - var(--section-columns-columns-1-section-padding-medium-container-row-columns--padding-y) * 2);
}
.section.columns-1.section-padding-large .row .columns, .section.columns-1.section-padding-large .vendor.gravity-forms .gform_fields .columns, .vendor.gravity-forms .section.columns-1.section-padding-large .gform_fields .columns {
padding-top: var(--section-columns-columns-1-section-padding-large-container-row-columns--padding-y);
padding-bottom: var(--section-columns-columns-1-section-padding-large-container-row-columns--padding-y);
}
@media (max-width: 991.98px) {
.section.columns-1.section-padding-large .row > :not(:first-child):not(:only-child), .section.columns-1.section-padding-large .vendor.gravity-forms .gform_fields > :not(:first-child):not(:only-child), .vendor.gravity-forms .section.columns-1.section-padding-large .gform_fields > :not(:first-child):not(:only-child) {
padding-top: 0;
}
}
.section.columns-1.section-padding-large.section-background-color-height-partly:before {
height: calc(100% - var(--section-columns-columns-1-section-padding-large-container-row-columns--padding-y) * 2);
}
.section.columns-1.section-padding-none .columns {
padding-top: 0;
padding-bottom: 0;
}
.section.columns-1.section-padding-top-small .row .columns, .section.columns-1.section-padding-top-small .vendor.gravity-forms .gform_fields .columns, .vendor.gravity-forms .section.columns-1.section-padding-top-small .gform_fields .columns {
padding-top: var(--section-columns-columns-1-section-padding-small-container-row-columns--padding-y);
}
@media (max-width: 991.98px) {
.section.columns-1.section-padding-top-small .row > :not(:first-child):not(:only-child), .section.columns-1.section-padding-top-small .vendor.gravity-forms .gform_fields > :not(:first-child):not(:only-child), .vendor.gravity-forms .section.columns-1.section-padding-top-small .gform_fields > :not(:first-child):not(:only-child) {
padding-top: 0;
}
}
.section.columns-1.section-padding-top-medium .row .columns, .section.columns-1.section-padding-top-medium .vendor.gravity-forms .gform_fields .columns, .vendor.gravity-forms .section.columns-1.section-padding-top-medium .gform_fields .columns {
padding-top: var(--section-columns-columns-1-section-padding-medium-container-row-columns--padding-y);
}
@media (max-width: 991.98px) {
.section.columns-1.section-padding-top-medium .row > :not(:first-child):not(:only-child), .section.columns-1.section-padding-top-medium .vendor.gravity-forms .gform_fields > :not(:first-child):not(:only-child), .vendor.gravity-forms .section.columns-1.section-padding-top-medium .gform_fields > :not(:first-child):not(:only-child) {
padding-top: 0;
}
}
.section.columns-1.section-padding-top-large .row .columns, .section.columns-1.section-padding-top-large .vendor.gravity-forms .gform_fields .columns, .vendor.gravity-forms .section.columns-1.section-padding-top-large .gform_fields .columns {
padding-top: var(--section-columns-columns-1-section-padding-large-container-row-columns--padding-y);
}
@media (max-width: 991.98px) {
.section.columns-1.section-padding-top-large .row > :not(:first-child):not(:only-child), .section.columns-1.section-padding-top-large .vendor.gravity-forms .gform_fields > :not(:first-child):not(:only-child), .vendor.gravity-forms .section.columns-1.section-padding-top-large .gform_fields > :not(:first-child):not(:only-child) {
padding-top: 0;
}
}
.section.columns-1.section-padding-top-none .columns {
padding-top: 0;
}
.section.columns-1.section-padding-bottom-small .row .columns, .section.columns-1.section-padding-bottom-small .vendor.gravity-forms .gform_fields .columns, .vendor.gravity-forms .section.columns-1.section-padding-bottom-small .gform_fields .columns {
padding-bottom: var(--section-columns-columns-1-section-padding-small-container-row-columns--padding-y);
}
@media (max-width: 991.98px) {
.section.columns-1.section-padding-bottom-small .row > :not(:first-child):not(:only-child), .section.columns-1.section-padding-bottom-small .vendor.gravity-forms .gform_fields > :not(:first-child):not(:only-child), .vendor.gravity-forms .section.columns-1.section-padding-bottom-small .gform_fields > :not(:first-child):not(:only-child) {
padding-top: 0;
}
}
.section.columns-1.section-padding-bottom-small.section-background-color-height-partly:before {
height: calc(100% - var(--section-columns-columns-1-section-padding-small-container-row-columns--padding-y) * 2);
}
.section.columns-1.section-padding-bottom-medium .row .columns, .section.columns-1.section-padding-bottom-medium .vendor.gravity-forms .gform_fields .columns, .vendor.gravity-forms .section.columns-1.section-padding-bottom-medium .gform_fields .columns {
padding-bottom: var(--section-columns-columns-1-section-padding-medium-container-row-columns--padding-y);
}
@media (max-width: 991.98px) {
.section.columns-1.section-padding-bottom-medium .row > :not(:first-child):not(:only-child), .section.columns-1.section-padding-bottom-medium .vendor.gravity-forms .gform_fields > :not(:first-child):not(:only-child), .vendor.gravity-forms .section.columns-1.section-padding-bottom-medium .gform_fields > :not(:first-child):not(:only-child) {
padding-top: 0;
}
}
.section.columns-1.section-padding-bottom-medium.section-background-color-height-partly:before {
height: calc(100% - var(--section-columns-columns-1-section-padding-medium-container-row-columns--padding-y) * 2);
}
.section.columns-1.section-padding-bottom-large .row .columns, .section.columns-1.section-padding-bottom-large .vendor.gravity-forms .gform_fields .columns, .vendor.gravity-forms .section.columns-1.section-padding-bottom-large .gform_fields .columns {
padding-bottom: var(--section-columns-columns-1-section-padding-large-container-row-columns--padding-y);
}
@media (max-width: 991.98px) {
.section.columns-1.section-padding-bottom-large .row > :not(:first-child):not(:only-child), .section.columns-1.section-padding-bottom-large .vendor.gravity-forms .gform_fields > :not(:first-child):not(:only-child), .vendor.gravity-forms .section.columns-1.section-padding-bottom-large .gform_fields > :not(:first-child):not(:only-child) {
padding-top: 0;
}
}
.section.columns-1.section-padding-bottom-large.section-background-color-height-partly:before {
height: calc(100% - var(--section-columns-columns-1-section-padding-large-container-row-columns--padding-y) * 2);
}
.section.columns-1.section-padding-bottom-none .columns {
padding-bottom: 0;
}
.section.columns-1.section-background-color {
background-color: rgb(255, 255, 255);
}
.section.columns-1.section-background-color-white {
background-color: rgb(255, 255, 255);
}
.section.columns-1.section-background-color-white.section-background-color-height-partly {
position: relative;
background-color: transparent;
}
.section.columns-1.section-background-color-white.section-background-color-height-partly:before {
content: "";
position: absolute;
inset: 0;
background: rgb(255, 255, 255);
}
.section.columns-1.section-background-color-transparent {
background-color: transparent;
}
.section.columns-1.section-background-color-1 {
background-color: #e1e1e1;
}
.section.columns-1.section-background-color-1.section-background-color-height-partly {
position: relative;
background-color: transparent;
}
.section.columns-1.section-background-color-1.section-background-color-height-partly:before {
content: "";
position: absolute;
inset: 0;
background: #e1e1e1;
}
.section.columns-1.section-background-color-2 {
background-color: #f4f4f4;
}
.section.columns-1.section-background-color-2.section-background-color-height-partly {
position: relative;
background-color: transparent;
}
.section.columns-1.section-background-color-2.section-background-color-height-partly:before {
content: "";
position: absolute;
inset: 0;
background: #f4f4f4;
}
.section.columns-1.section-background-image {
position: relative;
}
.section.columns-1.section-background-image > .image {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0;
z-index: 1;
}
.section.columns-1.section-background-image:after {
content: "";
background-image: linear-gradient(84deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 100%);
position: absolute;
width: 100%;
height: 100%;
inset: 0;
z-index: 2;
}
.section.columns-1.section-background-image .title {
position: relative;
color: rgb(255, 255, 255);
}
.section.columns-1.section-background-image .title .subtitle {
color: #00AEEF;
}
.section.columns-1.section-background-image > * {
position: relative;
z-index: 3;
}
@media (min-width: 992px) and (max-width: 1599.98px) {
.inner.has-sidebar .section.columns-1.section-width {
max-width: 100%;
}
}
@media (min-width: 768px) {
.inner.has-sidebar .section.columns-1.section-width.section-background-color-default {
padding-left: 0;
padding-right: 0;
}
}
:root {
--section-rows-rows-1--padding-y: 0;
}
.section.rows-1 {
padding-top: var(--section-rows-rows-1--padding-y);
padding-right: 0;
padding-bottom: var(--section-rows-rows-1--padding-y);
padding-left: 0;
}
:root {
--section-blogs-related-blogs-related-1--padding-top: calc(1.1rem + 1.2vw);
--section-blogs-related-blogs-related-1--padding-bottom: calc(1.1rem + 1.2vw);
--section-blogs-related-blogs-related-1--padding-x: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--section-blogs-related-blogs-related-1--padding-top: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-blogs-related-blogs-related-1--padding-bottom: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-blogs-related-blogs-related-1--padding-x: 2rem;
}
}
.section.blogs-related-1 {
display: flex;
flex-direction: column;
padding-top: var(--section-blogs-related-blogs-related-1--padding-top);
padding-right: var(--section-blogs-related-blogs-related-1--padding-x);
padding-bottom: var(--section-blogs-related-blogs-related-1--padding-bottom);
padding-left: var(--section-blogs-related-blogs-related-1--padding-x);
background-color: rgb(255, 255, 255);
}
@media (max-width: 767.98px) {
.section.blogs-related-1 {
max-width: 100%;
}
.section.blogs-related-1 .row, .section.blogs-related-1 .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .section.blogs-related-1 .gform_fields {
flex-direction: column;
}
}
.has-sidebar .section.blogs-related-1 {
max-width: 100%;
margin-right: 0;
margin-left: 0;
}
@media (min-width: 768px) {
.has-sidebar .section.blogs-related-1 {
padding-right: 0;
padding-left: 0;
}
}
:root {
--section-products-related-products-related-1--padding-top: 0;
--section-products-related-products-related-1--padding-bottom: calc(1.3rem + 3.6vw);
}
@media (min-width: 1200px) {
:root {
--section-products-related-products-related-1--padding-bottom: 4rem;
}
}
.section.products-related-1 {
display: flex;
flex-direction: column;
padding-top: var(--section-products-related-products-related-1--padding-top);
padding-right: 0;
padding-bottom: var(--section-products-related-products-related-1--padding-bottom);
padding-left: 0;
}
:root {
--section-fire-sale-fire-sale-1-inner-lg--padding-top: calc(1.1rem + 1.2vw);
--section-fire-sale-fire-sale-1-inner-lg--padding-bottom: 0;
--section-fire-sale-fire-sale-1-inner-lg--padding-left: calc(1.1rem + 1.2vw);
--section-fire-sale-fire-sale-1-inner-lg--padding-right: calc(1.1rem + 1.2vw);
--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner--padding: calc(1.1rem + 1.2vw);
--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-message--font-size: calc(1.275rem + 3.3vw);
--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-message--font-weight: 700;
--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-message--line-height: 120%;
--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-message-days-remaining--font-size: calc(1.4rem + 4.8vw);
--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day--padding-top: 0.6666666667rem;
--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day--padding-bottom: 0.3333333333rem;
--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day--padding-left: 0.8rem;
--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day--padding-right: 0.8rem;
--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day-week-day--font-weight: 700;
--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day-week-day--font-size: 0.8125rem;
--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day-week-day--line-height: 100%;
--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day-month-day--font-weight: 900;
--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day-month-day--font-size: calc(1.06875rem + 0.825vw);
--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day-month-day--line-height: 150%;
--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day-past-before-after--top: 0.5rem;
--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day-past-before-after--left: 50%;
--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day-past-before-after--width: 0.1875rem;
--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day-past-before-after--height: 80%;
--section-fire-sale-fire-sale-1-inner-opening-hours-part--padding: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--section-fire-sale-fire-sale-1-inner-lg--padding-top: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-fire-sale-fire-sale-1-inner-lg--padding-left: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-fire-sale-fire-sale-1-inner-lg--padding-right: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner--padding: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-message--font-size: 3.75rem;
}
}
@media (min-width: 1200px) {
:root {
--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-message-days-remaining--font-size: 5rem;
}
}
@media (min-width: 1200px) {
:root {
--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day-month-day--font-size: 1.6875rem;
}
}
@media (min-width: 1200px) {
:root {
--section-fire-sale-fire-sale-1-inner-opening-hours-part--padding: 2rem;
}
}
.section.fire-sale-1 {
padding: 0;
background-color: rgb(255, 255, 255);
}
.section.fire-sale-1 .inner {
display: flex;
flex-direction: row;
}
@media (min-width: 992px) {
.section.fire-sale-1 .inner {
padding-top: var(--section-fire-sale-fire-sale-1-inner-lg--padding-top);
padding-bottom: var(--section-fire-sale-fire-sale-1-inner-lg--padding-bottom);
padding-left: var(--section-fire-sale-fire-sale-1-inner-lg--padding-left);
padding-right: var(--section-fire-sale-fire-sale-1-inner-lg--padding-right);
}
}
.section.fire-sale-1 .inner .fire-sale-part {
position: relative;
overflow: hidden;
display: flex;
flex-grow: 1;
}
.section.fire-sale-1 .inner .fire-sale-part .image-container {
position: absolute;
height: 100%;
width: 100%;
}
.section.fire-sale-1 .inner .fire-sale-part .image-container .image {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
.section.fire-sale-1 .inner .fire-sale-part .image-container-mobile {
display: block;
}
@media (min-width: 576px) {
.section.fire-sale-1 .inner .fire-sale-part .image-container-mobile {
display: none;
}
}
.section.fire-sale-1 .inner .fire-sale-part .image-container-tablet {
display: none;
}
@media (min-width: 576px) {
.section.fire-sale-1 .inner .fire-sale-part .image-container-tablet {
display: block;
}
}
@media (min-width: 992px) {
.section.fire-sale-1 .inner .fire-sale-part .image-container-tablet {
display: none;
}
}
.section.fire-sale-1 .inner .fire-sale-part .image-container-desktop {
display: none;
}
@media (min-width: 992px) {
.section.fire-sale-1 .inner .fire-sale-part .image-container-desktop {
display: block;
}
}
.section.fire-sale-1 .inner .fire-sale-part .inner {
display: flex;
flex-direction: column;
padding: var(--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner--padding);
position: relative;
justify-content: space-between;
}
.section.fire-sale-1 .inner .fire-sale-part .inner #fire-sale-message {
color: rgb(255, 255, 255);
font-size: var(--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-message--font-size);
font-weight: var(--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-message--font-weight);
line-height: var(--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-message--line-height);
}
.section.fire-sale-1 .inner .fire-sale-part .inner #fire-sale-message .message-placeholder {
display: inline-flex;
flex-direction: column;
gap: 0.5em;
}
.section.fire-sale-1 .inner .fire-sale-part .inner #fire-sale-message .message-placeholder .placeholder-line {
height: 1.2em;
background-color: rgba(200, 200, 200, 0.5);
border-radius: 4px;
animation: pulse 1.5s infinite ease-in-out;
}
.section.fire-sale-1 .inner .fire-sale-part .inner #fire-sale-message .message-placeholder .placeholder-line:first-child {
width: 10em;
}
.section.fire-sale-1 .inner .fire-sale-part .inner #fire-sale-message .message-placeholder .placeholder-line:last-child {
width: 11em;
}
.section.fire-sale-1 .inner .fire-sale-part .inner #fire-sale-message .days-remaining {
font-size: var(--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-message-days-remaining--font-size);
text-decoration: underline;
}
.section.fire-sale-1 .inner .fire-sale-part .inner #fire-sale-days {
width: -moz-fit-content;
width: fit-content;
display: inline-grid;
grid-auto-flow: column;
color: rgb(255, 255, 255);
margin-top: 4rem;
}
.section.fire-sale-1 .inner .fire-sale-part .inner #fire-sale-days .fire-sale-day {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #1c1c1c;
padding-top: var(--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day--padding-top);
padding-bottom: var(--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day--padding-bottom);
padding-left: var(--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day--padding-left);
padding-right: var(--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day--padding-right);
aspect-ratio: 0.9014084507;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #777;
}
.section.fire-sale-1 .inner .fire-sale-part .inner #fire-sale-days .fire-sale-day:last-of-type {
border-right: none;
}
.section.fire-sale-1 .inner .fire-sale-part .inner #fire-sale-days .fire-sale-day .week-day {
font-weight: var(--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day-week-day--font-weight);
font-size: var(--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day-week-day--font-size);
line-height: var(--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day-week-day--line-height);
}
.section.fire-sale-1 .inner .fire-sale-part .inner #fire-sale-days .fire-sale-day .month-day {
font-weight: var(--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day-month-day--font-weight);
font-size: var(--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day-month-day--font-size);
line-height: var(--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day-month-day--line-height);
}
.section.fire-sale-1 .inner .fire-sale-part .inner #fire-sale-days .fire-sale-day.past {
background-color: #505050;
position: relative;
}
.section.fire-sale-1 .inner .fire-sale-part .inner #fire-sale-days .fire-sale-day.past::before, .section.fire-sale-1 .inner .fire-sale-part .inner #fire-sale-days .fire-sale-day.past::after {
content: "";
position: absolute;
top: var(--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day-past-before-after--top);
left: var(--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day-past-before-after--left);
width: var(--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day-past-before-after--width);
height: var(--section-fire-sale-fire-sale-1-inner-fire-sale-part-inner-fire-sale-days-fire-sale-day-past-before-after--height);
background-color: rgb(255, 0, 0);
pointer-events: none;
transform-origin: center;
}
.section.fire-sale-1 .inner .fire-sale-part .inner #fire-sale-days .fire-sale-day.past::before {
transform: rotate(40deg);
}
.section.fire-sale-1 .inner .fire-sale-part .inner #fire-sale-days .fire-sale-day.past::after {
transform: rotate(-40deg);
}
.section.fire-sale-1 .inner .fire-sale-part .inner #fire-sale-days .day-placeholder {
aspect-ratio: 0.9014084507;
width: 55px;
background-color: rgba(200, 200, 200, 0.5);
border-right-style: solid;
border-right-width: 1px;
border-right-color: #777;
animation: pulse 1.5s infinite ease-in-out;
}
.section.fire-sale-1 .inner .fire-sale-part .inner #fire-sale-days .day-placeholder:last-of-type {
border-right: none;
}
.section.fire-sale-1 .inner .opening-hours-part {
display: flex;
flex-direction: column;
justify-content: center;
width: 33.3333333333%;
padding: var(--section-fire-sale-fire-sale-1-inner-opening-hours-part--padding);
background-color: rgb(34, 34, 34);
color: rgb(255, 255, 255);
}
@media (max-width: 1199.98px) {
.section.fire-sale-1 .inner .opening-hours-part {
display: none;
}
}
.section.fire-sale-1 .inner .opening-hours-part > strong {
font-size: 1.6rem;
line-height: 1.5;
margin-bottom: 0.5rem;
}
.section.fire-sale-1 .inner .opening-hours-part .component.opening-hours {
min-height: 364px;
}
@keyframes pulse {
0% {
background-color: rgba(200, 200, 200, 0.5);
}
50% {
background-color: rgb(200, 200, 200);
}
100% {
background-color: rgba(200, 200, 200, 0.5);
}
}
:root {
--page-inner--padding-top: calc(1.1rem + 1.2vw);
--page-inner--padding-bottom: calc(1.1rem + 1.2vw);
--page-inner--padding-x: 0;
--page-inner-no-sidebar-before--height: calc(1.1rem + 1.2vw);
--page-inner-no-sidebar-after--height: calc(1.1rem + 1.2vw);
--page-inner-breadcrumbs--padding-top: inherit;
--page-inner-has-sidebar--padding-x: calc(1.1rem + 1.2vw);
--page-inner-breadcrumbs--padding-bottom: 0;
--page-inner-has-sidebar-breadcrumbs--padding-top: inherit;
--page-inner-has-sidebar-breadcrumbs--padding-right: 0;
--page-inner-has-sidebar-breadcrumbs--padding-bottom: inherit;
--page-inner-has-sidebar-breadcrumbs--padding-left: 0;
--page-inner-breadcrumbs--padding-x: inherit;
--page-inner-row--row-gap: 0;
}
@media (min-width: 1200px) {
:root {
--page-inner--padding-top: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--page-inner--padding-bottom: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--page-inner-no-sidebar-before--height: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--page-inner-no-sidebar-after--height: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--page-inner-has-sidebar--padding-x: 2rem;
}
}
body .wrapper {
padding-left: 0;
padding-right: 0;
overflow-x: hidden;
}
body .wrapper.dom-loading {
height: 100vh;
background-color: transparent;
}
body .wrapper.dom-loaded {
height: auto;
}
body .wrapper .page {
background-color: transparent;
}
body .wrapper .page > .inner {
padding-top: var(--page-inner--padding-top);
padding-right: var(--page-inner--padding-x);
padding-bottom: var(--page-inner--padding-bottom);
padding-left: var(--page-inner--padding-x);
background-color: rgb(255, 255, 255);
width: initial;
margin: 0 auto;
}
@media (min-width: 576px) and (max-width: 767.98px) {
body .wrapper .page > .inner {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
body .wrapper .page > .inner {
width: 100%;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
body .wrapper .page > .inner {
width: 96%;
}
}
@media (min-width: 1200px) and (max-width: 1599.98px) {
body .wrapper .page > .inner {
width: 92%;
}
}
@media (min-width: 1600px) {
body .wrapper .page > .inner {
width: 1540px;
}
}
@media (min-width: 768px) {
body .wrapper .page > .inner.has-sidebar {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media (min-width: 1600px) {
body .wrapper .page > .inner.has-sidebar {
max-width: 1540px;
}
}
body .wrapper .page > .inner > .row, body .wrapper .vendor.gravity-forms .page > .inner > .gform_fields, .vendor.gravity-forms body .wrapper .page > .inner > .gform_fields {
row-gap: var(--page-inner-row--row-gap);
}
.page > .inner {
overflow-x: inherit;
}
.page > .inner:not(.has-sidebar)::before, .page > .inner:not(.has-sidebar)::after {
content: "";
display: block;
width: 100%;
}
.page > .inner:not(.has-sidebar)::before {
height: var(--page-inner-no-sidebar-before--height);
background-color: rgb(255, 255, 255);
}
.page > .inner:not(.has-sidebar)::after {
height: var(--page-inner-no-sidebar-after--height);
background-color: rgb(255, 255, 255);
}
:root {
--page-single-product-inner--padding-top: calc(1.3rem + 3.6vw);
--page-single-product-inner-breadcrumbs--padding-top: 0;
--page-single-product-inner-breadcrumbs--padding-right: 0;
--page-single-product-inner-breadcrumbs--padding-bottom: calc(1.1rem + 1.2vw);
--page-single-product-inner-breadcrumbs--padding-left: 0;
--page-single-product-inner-images-sm--padding-bottom: calc(1.3rem + 3.6vw);
--page-single-product-inner-buttons--padding-top: calc(1.1rem + 1.2vw);
--page-single-product-inner-buttons--padding-bottom: calc(1.1rem + 1.2vw);
--page-single-product-inner-buttons--column-gap: 1rem;
--page-single-product-product-3-product-inner-sm--padding-x: calc(1.1rem + 1.2vw);
--page-single-product-product-3-product-inner--padding-x: 0;
}
@media (min-width: 1200px) {
:root {
--page-single-product-inner--padding-top: 4rem;
}
}
@media (min-width: 1200px) {
:root {
--page-single-product-inner-breadcrumbs--padding-bottom: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--page-single-product-inner-images-sm--padding-bottom: 4rem;
}
}
@media (min-width: 1200px) {
:root {
--page-single-product-inner-buttons--padding-top: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--page-single-product-inner-buttons--padding-bottom: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--page-single-product-product-3-product-inner-sm--padding-x: 2rem;
}
}
.page.single.product > .inner {
padding-top: var(--page-single-product-inner--padding-top);
padding-right: 2rem;
padding-left: 2rem;
}
@media (min-width: 1600px) {
.page.single.product > .inner {
max-width: 1540px;
}
}
.page.single.product > .inner .breadcrumbs {
padding-top: var(--page-single-product-inner-breadcrumbs--padding-top);
padding-right: var(--page-single-product-inner-breadcrumbs--padding-right);
padding-bottom: var(--page-single-product-inner-breadcrumbs--padding-bottom);
padding-left: var(--page-single-product-inner-breadcrumbs--padding-left);
margin: inherit;
}
@media (max-width: 991.98px) {
.page.single.product > .inner .product-images {
padding-bottom: var(--page-single-product-inner-images-sm--padding-bottom);
}
}
.page.single.product > .inner .product-images .images .row *:not(:first-child), .page.single.product > .inner .product-images .images .vendor.gravity-forms .gform_fields *:not(:first-child), .vendor.gravity-forms .page.single.product > .inner .product-images .images .gform_fields *:not(:first-child) {
display: none;
}
@media (min-width: 992px) {
.page.single.product > .inner .product-images .images .row *:not(:first-child), .page.single.product > .inner .product-images .images .vendor.gravity-forms .gform_fields *:not(:first-child), .vendor.gravity-forms .page.single.product > .inner .product-images .images .gform_fields *:not(:first-child) {
display: flex;
}
}
.page.single.product > .inner .price .inner {
display: inline-flex;
flex-direction: column;
}
.page.single.product > .inner .price .component.price.old {
padding-bottom: 0;
flex-direction: row;
-moz-column-gap: 0.25rem;
column-gap: 0.25rem;
}
.page.single.product > .inner .main-bottom {
padding-left: 0;
padding-right: 0;
}
.page.single.product > .inner .main > .section.columns {
padding-right: 0;
padding-left: 0;
}
.page.single.product-2 .woocommerce-error {
position: fixed;
right: 0;
bottom: 0;
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-end;
padding: 0;
margin-bottom: 1rem;
}
.page.single.product-2 .woocommerce-error li {
display: block;
padding: 0;
margin: 0;
width: -moz-fit-content;
width: fit-content;
}
.page.single.product-2 .woocommerce-error li .push-notification {
position: relative;
margin: 2rem;
margin-bottom: 0;
}
.page.single.product-2 .woocommerce-message {
position: fixed;
right: 0;
bottom: 0;
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-end;
padding: 0;
margin-bottom: 1rem;
}
.page.single.product-2 .woocommerce-message .push-notification {
position: relative;
margin: 2rem;
margin-bottom: 0;
}
@media (max-width: 991.98px) {
.page.single.product-3 .product-images-thumbnails {
margin-bottom: 4rem;
}
}
.page.single.product-3 > .inner {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
padding-right: var(--page-single-product-product-3-product-inner-sm--padding-x);
padding-left: var(--page-single-product-product-3-product-inner-sm--padding-x);
}
@media (min-width: 992px) {
.page.single.product-3 > .inner {
padding-right: var(--page-single-product-product-3-product-inner--padding-x);
padding-left: var(--page-single-product-product-3-product-inner--padding-x);
}
}
.page.single.product-3 > .inner .content {
display: flex;
flex-direction: column;
align-items: flex-start;
row-gap: 1.5rem;
margin-bottom: 2rem;
}
.page.single.product-3 > .inner .content .title {
color: rgb(34, 34, 34);
font-size: 1.125rem;
font-weight: 700;
text-decoration: none;
}
.page.single.product-3 > .inner .content .title:hover {
color: rgb(34, 34, 34);
text-decoration: underline;
}
.page.single.product-3 > .inner .content .specifications {
display: flex;
flex-direction: column;
margin-top: 0.5rem;
line-height: 1.2rem;
}
.page.single.product-3 > .inner .content .specifications .brand {
font-size: 16px;
}
.page.single.product-3 > .inner .content .specifications .color {
font-size: 16px;
}
.page.single.product-3 > .inner .price .new {
height: 27px;
display: inline-flex;
-webkit-clip-path: polygon(0% 0%, 100% 0%, calc(100% - 4.2px) 100%, 0% 100%);
clip-path: polygon(0% 0%, 100% 0%, calc(100% - 4.2px) 100%, 0% 100%);
background-color: #FF0;
padding-right: 7px;
padding-left: 4px;
}
.page.single.product-3 > .inner .price .old {
color: rgba(34, 34, 34, 0.4);
}
.page.single.product-3 > .inner .product-alternative-options .buttons, .page.single.product-3 > .inner .product-alternative-options .component.pagination {
padding-top: 0;
margin-bottom: 4rem;
}
.page.single.product-3 > .inner .product-alternative-options .buttons .button, .page.single.product-3 > .inner .product-alternative-options .component.pagination .button, .page.single.product-3 > .inner .product-alternative-options .buttons .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .page.single.product-3 > .inner .product-alternative-options .buttons a, .page.single.product-3 > .inner .product-alternative-options .component.pagination .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .page.single.product-3 > .inner .product-alternative-options .component.pagination a,
.page.single.product-3 > .inner .product-alternative-options .buttons > form,
.page.single.product-3 > .inner .product-alternative-options .component.pagination > form,
.page.single.product-3 > .inner .product-alternative-options .buttons > div,
.page.single.product-3 > .inner .product-alternative-options .component.pagination > div {
width: 100%;
}
.page.single.product-3 > .inner .accordion {
margin-top: 0;
margin-bottom: 4rem;
}
.page.single.product-3 > .inner .cards.products.scroller {
margin-bottom: 2rem;
}
.page.single.product-3 > .inner .cards.products.scroller .row, .page.single.product-3 > .inner .cards.products.scroller .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .page.single.product-3 > .inner .cards.products.scroller .gform_fields {
padding-top: 1rem;
}
.page.single.product-3 > .inner .cards.products.scroller .row.row-columns-1 .column, .page.single.product-3 > .inner .cards.products.scroller .vendor.gravity-forms .row-columns-1.gform_fields .column, .vendor.gravity-forms .page.single.product-3 > .inner .cards.products.scroller .row-columns-1.gform_fields .column {
width: 70%;
}
.page.single.product-3 > .inner .cards.products.scroller .row.row-columns-1 > :last-child, .page.single.product-3 > .inner .cards.products.scroller .vendor.gravity-forms .row-columns-1.gform_fields > :last-child, .vendor.gravity-forms .page.single.product-3 > .inner .cards.products.scroller .row-columns-1.gform_fields > :last-child {
width: calc(70% - 1rem);
}
.page.single.product-3 > .inner .cards.products.scroller .row.row-columns-2 .column, .page.single.product-3 > .inner .cards.products.scroller .vendor.gravity-forms .row-columns-2.gform_fields .column, .vendor.gravity-forms .page.single.product-3 > .inner .cards.products.scroller .row-columns-2.gform_fields .column {
width: 40%;
}
.page.single.product-3 > .inner .cards.products.scroller .row.row-columns-2 > :last-child, .page.single.product-3 > .inner .cards.products.scroller .vendor.gravity-forms .row-columns-2.gform_fields > :last-child, .vendor.gravity-forms .page.single.product-3 > .inner .cards.products.scroller .row-columns-2.gform_fields > :last-child {
width: calc(40% - 1rem);
}
@media (min-width: 576px) {
.page.single.product-3 > .inner .cards.products.scroller .row.row-columns-4-sm .column, .page.single.product-3 > .inner .cards.products.scroller .vendor.gravity-forms .row-columns-4-sm.gform_fields .column, .vendor.gravity-forms .page.single.product-3 > .inner .cards.products.scroller .row-columns-4-sm.gform_fields .column {
width: 40%;
}
.page.single.product-3 > .inner .cards.products.scroller .row.row-columns-4-sm > :last-child, .page.single.product-3 > .inner .cards.products.scroller .vendor.gravity-forms .row-columns-4-sm.gform_fields > :last-child, .vendor.gravity-forms .page.single.product-3 > .inner .cards.products.scroller .row-columns-4-sm.gform_fields > :last-child {
width: calc(40% - 1rem);
}
.page.single.product-3 > .inner .cards.products.scroller .row.row-columns-3-sm .column, .page.single.product-3 > .inner .cards.products.scroller .vendor.gravity-forms .row-columns-3-sm.gform_fields .column, .vendor.gravity-forms .page.single.product-3 > .inner .cards.products.scroller .row-columns-3-sm.gform_fields .column {
width: 40%;
}
.page.single.product-3 > .inner .cards.products.scroller .row.row-columns-3-sm > :last-child, .page.single.product-3 > .inner .cards.products.scroller .vendor.gravity-forms .row-columns-3-sm.gform_fields > :last-child, .vendor.gravity-forms .page.single.product-3 > .inner .cards.products.scroller .row-columns-3-sm.gform_fields > :last-child {
width: calc(40% - 1rem);
}
.page.single.product-3 > .inner .cards.products.scroller .row.row-columns-2-sm .column, .page.single.product-3 > .inner .cards.products.scroller .vendor.gravity-forms .row-columns-2-sm.gform_fields .column, .vendor.gravity-forms .page.single.product-3 > .inner .cards.products.scroller .row-columns-2-sm.gform_fields .column {
width: 40%;
}
.page.single.product-3 > .inner .cards.products.scroller .row.row-columns-2-sm > :last-child, .page.single.product-3 > .inner .cards.products.scroller .vendor.gravity-forms .row-columns-2-sm.gform_fields > :last-child, .vendor.gravity-forms .page.single.product-3 > .inner .cards.products.scroller .row-columns-2-sm.gform_fields > :last-child {
width: calc(40% - 1rem);
}
}
@media (min-width: 1200px) {
.page.single.product-3 > .inner .cards.products.scroller .row.row-columns-4-xl .column, .page.single.product-3 > .inner .cards.products.scroller .vendor.gravity-forms .row-columns-4-xl.gform_fields .column, .vendor.gravity-forms .page.single.product-3 > .inner .cards.products.scroller .row-columns-4-xl.gform_fields .column {
width: 40%;
}
.page.single.product-3 > .inner .cards.products.scroller .row.row-columns-4-xl > :last-child, .page.single.product-3 > .inner .cards.products.scroller .vendor.gravity-forms .row-columns-4-xl.gform_fields > :last-child, .vendor.gravity-forms .page.single.product-3 > .inner .cards.products.scroller .row-columns-4-xl.gform_fields > :last-child {
width: calc(40% - 1rem);
}
.page.single.product-3 > .inner .cards.products.scroller .row.row-columns-3-xl .column, .page.single.product-3 > .inner .cards.products.scroller .vendor.gravity-forms .row-columns-3-xl.gform_fields .column, .vendor.gravity-forms .page.single.product-3 > .inner .cards.products.scroller .row-columns-3-xl.gform_fields .column {
width: 40%;
}
.page.single.product-3 > .inner .cards.products.scroller .row.row-columns-3-xl > :last-child, .page.single.product-3 > .inner .cards.products.scroller .vendor.gravity-forms .row-columns-3-xl.gform_fields > :last-child, .vendor.gravity-forms .page.single.product-3 > .inner .cards.products.scroller .row-columns-3-xl.gform_fields > :last-child {
width: calc(40% - 1rem);
}
.page.single.product-3 > .inner .cards.products.scroller .row.row-columns-2-xl .column, .page.single.product-3 > .inner .cards.products.scroller .vendor.gravity-forms .row-columns-2-xl.gform_fields .column, .vendor.gravity-forms .page.single.product-3 > .inner .cards.products.scroller .row-columns-2-xl.gform_fields .column {
width: 40%;
}
.page.single.product-3 > .inner .cards.products.scroller .row.row-columns-2-xl > :last-child, .page.single.product-3 > .inner .cards.products.scroller .vendor.gravity-forms .row-columns-2-xl.gform_fields > :last-child, .vendor.gravity-forms .page.single.product-3 > .inner .cards.products.scroller .row-columns-2-xl.gform_fields > :last-child {
width: calc(40% - 1rem);
}
}
.page.single.product-3 > .inner .cards.products.scroller + .button, .page.single.product-3 > .inner .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .cards.products.scroller + a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .page.single.product-3 > .inner .cards.products.scroller + a {
margin-bottom: 2rem;
}
@media (max-width: 991.98px) {
.page.single.product-3 > .inner .cards.products.scroller + .button, .page.single.product-3 > .inner .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .cards.products.scroller + a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child .page.single.product-3 > .inner .cards.products.scroller + a {
width: 100%;
}
}
.page.single.product-3 > .inner .woocommerce-error {
position: fixed;
right: 0;
bottom: 0;
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-end;
padding: 0;
margin-bottom: 1rem;
}
.page.single.product-3 > .inner .woocommerce-error li {
display: block;
padding: 0;
margin: 0;
width: -moz-fit-content;
width: fit-content;
}
.page.single.product-3 > .inner .woocommerce-error li .push-notification {
position: relative;
margin: 1rem;
margin-bottom: 0;
}
:root {
--page-search-search-1-inner-contained--padding-y: calc(1.1rem + 1.2vw);
--page-search-search-1-inner-contained--padding-x: calc(1.1rem + 1.2vw);
--page-search-search-1-results-inner-row--row-gap: calc(1.3rem + 3.6vw);
--page-search-search-1-results-inner-result-row--row-gap: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--page-search-search-1-inner-contained--padding-y: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--page-search-search-1-inner-contained--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--page-search-search-1-results-inner-row--row-gap: 4rem;
}
}
@media (min-width: 1200px) {
:root {
--page-search-search-1-results-inner-result-row--row-gap: 2rem;
}
}
.page.search-1 > .inner > .contained {
padding-top: var(--page-search-search-1-inner-contained--padding-y);
padding-right: var(--page-search-search-1-inner-contained--padding-x);
padding-bottom: var(--page-search-search-1-inner-contained--padding-y);
padding-left: var(--page-search-search-1-inner-contained--padding-x);
background-color: rgb(255, 255, 255);
}
.page.search-1 .results > .inner {
display: flex;
flex-direction: column;
row-gap: var(--page-search-search-1-results-inner-row--row-gap);
}
.page.search-1 .results > .inner .result .row, .page.search-1 .results > .inner .result .vendor.gravity-forms .gform_fields, .vendor.gravity-forms .page.search-1 .results > .inner .result .gform_fields {
row-gap: var(--page-search-search-1-results-inner-result-row--row-gap);
}
:root {
--page-cart-cart-1-inner--padding-top: calc(1.3rem + 3.6vw);
--page-cart-cart-1-inner--padding-bottom: calc(1.3rem + 3.6vw);
--page-cart-cart-1-inner-sm--padding-x: calc(1.1rem + 1.2vw);
--page-cart-cart-1-inner--padding-x: 0;
}
@media (min-width: 1200px) {
:root {
--page-cart-cart-1-inner--padding-top: 4rem;
}
}
@media (min-width: 1200px) {
:root {
--page-cart-cart-1-inner--padding-bottom: 4rem;
}
}
@media (min-width: 1200px) {
:root {
--page-cart-cart-1-inner-sm--padding-x: 2rem;
}
}
body .page.cart-1 > .inner {
padding-top: var(--page-cart-cart-1-inner--padding-top);
padding-right: var(--page-cart-cart-1-inner-sm--padding-x);
padding-bottom: var(--page-cart-cart-1-inner--padding-bottom);
padding-left: var(--page-cart-cart-1-inner-sm--padding-x);
}
@media (min-width: 992px) {
body .page.cart-1 > .inner {
padding-right: var(--page-cart-cart-1--padding-x);
padding-left: var(--page-cart-cart-1--padding-x);
}
}
body .page.cart-1 > .inner > .title {
margin-bottom: 2rem;
}
body .page.cart .button-group {
margin-bottom: 4rem;
display: flex;
flex-direction: column;
row-gap: 1rem;
}
body .page.cart .payment-methods {
margin-bottom: 2rem;
}
body .page.cart .payment-methods .inner img,
body .page.cart .payment-methods .inner svg {
filter: none;
}
body .page.cart .overview {
margin-bottom: 4rem;
}
body .page.cart .overview b {
font-weight: 700;
}
body .page.cart .overview .subtotal {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
}
/* Removes default styling on webkit browsers */
/* Removes default styling on Mozilla browsers */
/* Removes default styling */
:root {
--page-checkout-checkout-1-inner--padding-top: calc(1.3rem + 3.6vw);
--page-checkout-checkout-1-inner--padding-bottom: calc(1.3rem + 3.6vw);
--page-checkout-checkout-1-inner-sm--padding-x: calc(1.1rem + 1.2vw);
--page-checkout-checkout-1-inner--padding-x: 0;
}
@media (min-width: 1200px) {
:root {
--page-checkout-checkout-1-inner--padding-top: 4rem;
}
}
@media (min-width: 1200px) {
:root {
--page-checkout-checkout-1-inner--padding-bottom: 4rem;
}
}
@media (min-width: 1200px) {
:root {
--page-checkout-checkout-1-inner-sm--padding-x: 2rem;
}
}
body .page.checkout-1 > .inner {
padding-top: var(--page-checkout-checkout-1-inner--padding-top);
padding-right: var(--page-checkout-checkout-1-inner-sm--padding-x);
padding-bottom: var(--page-checkout-checkout-1-inner--padding-bottom);
padding-left: var(--page-checkout-checkout-1-inner-sm--padding-x);
}
@media (min-width: 992px) {
body .page.checkout-1 > .inner {
padding-right: var(--page-checkout-checkout-1--padding-x);
padding-left: var(--page-checkout-checkout-1--padding-x);
}
}
body .page.checkout-1 > .inner .accept-conditions {
margin-bottom: 2rem;
}
body .page.checkout-1 > .inner .row .row, body .page.checkout-1 > .inner .vendor.gravity-forms .gform_fields .row, .vendor.gravity-forms body .page.checkout-1 > .inner .gform_fields .row, body .page.checkout-1 > .inner .row .vendor.gravity-forms .gform_fields, .vendor.gravity-forms body .page.checkout-1 > .inner .row .gform_fields, body .page.checkout-1 > .inner .vendor.gravity-forms .gform_fields .gform_fields, .vendor.gravity-forms body .page.checkout-1 > .inner .gform_fields .gform_fields {
margin-bottom: 1rem;
row-gap: 1rem;
}
body .page.checkout-1 > .inner .row .row .row, body .page.checkout-1 > .inner .vendor.gravity-forms .gform_fields .row .row, .vendor.gravity-forms body .page.checkout-1 > .inner .gform_fields .row .row, body .page.checkout-1 > .inner .row .vendor.gravity-forms .gform_fields .row, .vendor.gravity-forms body .page.checkout-1 > .inner .row .gform_fields .row, body .page.checkout-1 > .inner .vendor.gravity-forms .gform_fields .gform_fields .row, .vendor.gravity-forms body .page.checkout-1 > .inner .gform_fields .gform_fields .row, body .page.checkout-1 > .inner .row .row .vendor.gravity-forms .gform_fields, .vendor.gravity-forms body .page.checkout-1 > .inner .row .row .gform_fields, body .page.checkout-1 > .inner .vendor.gravity-forms .gform_fields .row .gform_fields, .vendor.gravity-forms body .page.checkout-1 > .inner .gform_fields .row .gform_fields, body .page.checkout-1 > .inner .row .vendor.gravity-forms .gform_fields .gform_fields, .vendor.gravity-forms body .page.checkout-1 > .inner .row .gform_fields .gform_fields, body .page.checkout-1 > .inner .vendor.gravity-forms .gform_fields .gform_fields .gform_fields, .vendor.gravity-forms body .page.checkout-1 > .inner .gform_fields .gform_fields .gform_fields {
margin-bottom: 0;
}
body .page.checkout-1 > .inner .form .label {
font-weight: 700;
font-size: 14px;
}
body .page.checkout-1 > .inner .form.accept-conditions .label {
font-weight: initial;
font-size: 14px;
}
body .page.checkout-1 > .inner .element.input.checkbox-1 {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
height: 32px;
width: 32px;
margin: 0;
border-width: none;
border-style: none;
border-color: none;
border-radius: 3px;
position: relative;
}
body .page.checkout-1 > .inner .element.input.checkbox-1:before {
position: absolute;
content: "";
width: 14px;
height: 11px;
background-image: url('data:image/svg+xml;utf8,');
transform: scale(0);
transition: transform 0.1s ease-in-out;
margin: 0;
top: calc(50% - 5.5px);
left: calc(50% - 7px);
}
body .page.checkout-1 > .inner .element.input.checkbox-1:checked:before {
transform: scale(1);
}
body .page.checkout-1 > .inner .element.input.checkbox-1:hover {
border-color: rgba(34, 34, 34, 0.5);
}
body .page.checkout-1 > .inner .element.input.checkbox-1:focus, body .page.checkout-1 > .inner .element.input.checkbox-1:focus-within, body .page.checkout-1 > .inner .element.input.checkbox-1:focus-visible {
border-color: rgba(34, 34, 34, 0.6);
}
body .page.checkout-1 > .inner .select-wrapper {
position: relative;
}
body .page.checkout-1 > .inner .select-wrapper select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: unset;
width: 100%;
cursor: pointer;
}
body .page.checkout-1 > .inner .select-wrapper select::-ms-expand {
display: none;
}
body .page.checkout-1 > .inner .select-wrapper:before {
content: "";
position: absolute;
display: block;
width: 1px;
height: 46px;
top: 0;
right: 46px;
background-color: rgba(34, 34, 34, 0.15);
transform-origin: bottom left;
transform: skew(-8.5deg, 0deg);
}
body .page.checkout-1 > .inner .select-wrapper:after {
position: absolute;
content: "";
width: 11px;
height: 6px;
background-image: url('data:image/svg+xml;utf8,');
transition: transform 0.1s ease-in-out;
top: calc(50% - 3px);
right: 17.5px;
pointer-events: none;
}
body .page.checkout-1 > .inner .select-wrapper.active:after {
background-image: url('data:image/svg+xml;utf8,');
}
body .page.checkout-1 > .inner .button, body .page.checkout-1 > .inner .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child a, .section.header-1 .primary-navigation .component.navigation.menu.menu-1 > .menu > .menu-item:last-child body .page.checkout-1 > .inner a {
width: 100%;
}
body .page.checkout .input-checkbox-group {
display: flex;
align-items: center;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
margin-bottom: 0.5rem;
font-size: 14px;
}
body .page.checkout .woocommerce-NoticeGroup {
position: fixed;
right: 0;
bottom: 0;
z-index: 1;
}
body .page.checkout .woocommerce-error {
display: flex;
flex-direction: column;
align-items: flex-end;
padding: 0;
margin-bottom: 1rem;
}
body .page.checkout .woocommerce-error li {
display: block;
padding: 0;
margin: 0;
width: -moz-fit-content;
width: fit-content;
}
body .page.checkout .woocommerce-error li .push-notification {
position: relative;
margin: 1rem;
margin-bottom: 0;
}
.component.form.shipping-information-1 {
display: none;
}
.component.form.shipping-information-1.active {
display: initial;
}
/* PART 1 - Before Lazy Load */
img[data-lazyloaded] {
opacity: 0;
}
img.litespeed-loaded {
transition: opacity 0.5s linear 0.2s;
opacity: 1;
}
:root {
--vendor-feedback-company-widget-widget-1--padding-x: calc(1.1rem + 1.2vw);
--vendor-feedback-company-widget-widget-1--padding-y: calc(1.1rem + 1.2vw);
--vendor-feedback-company-widget-widget-1--column-gap: calc(1.1rem + 1.2vw);
--vendor-feedback-company-widget-widget-1-inner--row-gap: 0.5rem;
}
@media (min-width: 1200px) {
:root {
--vendor-feedback-company-widget-widget-1--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--vendor-feedback-company-widget-widget-1--padding-y: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--vendor-feedback-company-widget-widget-1--column-gap: 2rem;
}
}
.vendor.feedback-company.widget-1 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
-moz-column-gap: var(--vendor-feedback-company-widget-widget-1--column-gap);
column-gap: var(--vendor-feedback-company-widget-widget-1--column-gap);
padding-top: var(--vendor-feedback-company-widget-widget-1--padding-y);
padding-right: var(--vendor-feedback-company-widget-widget-1--padding-x);
padding-bottom: var(--vendor-feedback-company-widget-widget-1--padding-y);
padding-left: var(--vendor-feedback-company-widget-widget-1--padding-x);
background-color: rgba(34, 34, 34, 0.05);
width: 100%;
}
.vendor.feedback-company.widget-1 .logo {
display: flex;
}
.vendor.feedback-company.widget-1 .inner {
display: flex;
flex-direction: column;
row-gap: var(--vendor-feedback-company-widget-widget-1-inner--row-gap);
}
.vendor.feedback-company.widget-1 .inner .top {
display: flex;
justify-content: center;
}
@media (min-width: 1600px) {
.vendor.feedback-company.widget-1 .inner .top {
justify-content: flex-start;
}
}
.vendor.feedback-company.widget-1 .inner .top .stars {
display: flex;
-moz-column-gap: 2px;
column-gap: 2px;
}
.vendor.feedback-company.widget-1 .inner .bottom {
display: flex;
}
.vendor.feedback-company.widget-1 .inner .bottom .rating {
display: flex;
}
.vendor.feedback-company.widget-1 .inner .bottom .rating.numbers {
display: inline-flex;
border-right-style: solid;
border-right-width: 2px;
border-right-color: rgba(34, 34, 34, 0.1);
padding-right: 0.5rem;
line-height: 1;
}
.vendor.feedback-company.widget-1 .inner .bottom .rating.total {
display: inline-flex;
padding-left: 0.5rem;
line-height: 1;
}
.b-var .vendor.feedback-company.widget-1 {
flex-direction: row;
align-items: center;
justify-content: center;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
@media (min-width: 1600px) {
.b-var .vendor.feedback-company.widget-1 {
flex-direction: row;
}
}
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus-visible {
outline: 0;
}
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: grabbing;
}
.flickity-viewport {
overflow: hidden;
position: relative;
}
.flickity-viewport:focus-visible {
outline: 0;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: stretch;
}
.flickity-cell {
position: absolute;
left: 0;
width: 100%;
min-height: 100%;
display: flex;
align-items: stretch;
justify-content: center;
overflow: hidden;
}
.flickity-cell:focus-visible {
outline: 0;
}
:root {
--vendor-gravity-forms--padding-top: 0;
--vendor-gravity-forms--padding-bottom: 0;
}
.vendor.gravity-forms {
width: 100%;
padding-top: var(--vendor-gravity-forms--padding-top);
padding-bottom: var(--vendor-gravity-forms--padding-bottom);
}
.vendor.gravity-forms .gform_fields {
row-gap: 2rem;
}
@media (min-width: 768px) {
.vendor.gravity-forms .gform_fields .gfield--width-half {
width: 50%;
}
}
@media (min-width: 768px) {
.vendor.gravity-forms .gform_fields .gfield--width-third {
width: 33.3%;
}
}
@media (min-width: 768px) {
.vendor.gravity-forms .gform_fields .gfield--width-quarter {
width: 25%;
}
}
.vendor.gravity-forms .gform_fields .gfield_label {
font-weight: 500;
}
.vendor.gravity-forms .gform_fields .gfield_label.gform-field-label {
font-weight: 700;
font-size: 14px;
}
.vendor.gravity-forms .gform_fields .gfield .ginput_container {
display: flex;
flex-direction: column;
}
.vendor.gravity-forms .gform_fields .gfield .ginput_container input + .instruction {
display: none;
}
.vendor.gravity-forms .gform_fields .gfield .gfield_checkbox .gchoice {
display: flex;
align-items: center;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
margin-bottom: 0.5rem;
font-size: 14px;
}
.vendor.gravity-forms .gform_fields .gfield .gfield_radio .gchoice {
display: flex;
align-items: center;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
margin-bottom: 0.5rem;
font-size: 14px;
}
.vendor.gravity-forms .gform_fields .gfield .gchoice {
display: flex;
align-items: baseline;
-moz-column-gap: 0.25rem;
column-gap: 0.25rem;
}
.vendor.gravity-forms .gform_fields .gfield.hidden_label .gfield_label {
display: none;
}
.vendor.gravity-forms .gform_fields .gfield_validation_message {
color: rgb(255, 0, 0);
}
.vendor.gravity-forms .gform_page_footer, .vendor.gravity-forms .gform_footer {
display: flex;
align-items: center;
-moz-column-gap: 1rem;
column-gap: 1rem;
padding-top: 2rem;
}
.vendor.gravity-forms .gform_next_button, .vendor.gravity-forms .gform_button {
border-width: 0;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
font-size: 1rem;
font-weight: 500;
}
.vendor.gravity-forms .gform_previous_button {
border: none;
font-size: 1rem;
}
.vendor.gravity-forms .gform_ajax_spinner {
display: none;
}
:root {
--vendor-rank-math-breadcrumb-paragraph-all--padding-bottom: 0;
--vendor-rank-math-breadcrumb-paragraph-all--padding-top: calc(1.1rem + 1.2vw);
}
@media (min-width: 1200px) {
:root {
--vendor-rank-math-breadcrumb-paragraph-all--padding-top: 2rem;
}
}
.rank-math-breadcrumb p {
display: flex;
align-items: center;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
font-size: inherit;
padding-top: 0;
opacity: 0.9;
}
.rank-math-breadcrumb p > * {
display: flex;
align-items: center;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
padding-top: var(--vendor-rank-math-breadcrumb-paragraph-all--padding-top);
padding-bottom: var(--vendor-rank-math-breadcrumb-paragraph-all--padding-bottom);
}
.rank-math-breadcrumb p > *:before {
content: "";
height: 14px;
width: 8px;
margin-top: 4px;
background-image: url('data:image/svg+xml;utf8,');
}
@media (min-width: 768px) {
.rank-math-breadcrumb p > *:before {
display: none;
}
.rank-math-breadcrumb p > *:after {
content: "";
height: 14px;
width: 8px;
margin-top: 4px;
background-image: url('data:image/svg+xml;utf8,');
}
}
.rank-math-breadcrumb p a {
text-decoration: underline;
color: rgb(255, 0, 0);
}
.rank-math-breadcrumb p a:not(:last-of-type) {
display: none;
}
@media (min-width: 768px) {
.rank-math-breadcrumb p a:not(:last-of-type) {
display: inherit;
}
}
.rank-math-breadcrumb p .separator {
display: none;
}
.rank-math-breadcrumb p :first-child {
display: none;
}
@media (min-width: 768px) {
.rank-math-breadcrumb p :first-child {
display: flex;
}
}
.rank-math-breadcrumb p :last-child {
display: none;
}
.rank-math-breadcrumb p :last-child:after {
display: none;
}
@media (min-width: 768px) {
.rank-math-breadcrumb p :last-child {
display: flex;
}
}
.rank-math-breadcrumb p span {
color: inherit;
}
.rank-math-html-sitemap__section {
margin-bottom: 2rem;
}
.rank-math-html-sitemap__section:last-of-type {
margin-bottom: 0;
}
.rank-math-html-sitemap__list ul {
margin-left: 1rem;
}
.woocommerce-checkout div.woocommerce-invalid .element.input-1 {
border-color: rgb(255, 0, 0);
}
/* --- Badge Container --- */
/* Using nesting to reflect the HTML structure */
.vendor.google.reviews-badge.reviews-badge-1 {
display: inline-block;
/* Styling for the link wrapper */
/* --- Google Logo --- */
/* --- Content Area --- */
/* --- Star Rating Display --- */
/* Deeply nested rules remain clear and scoped */
/* Grouping shared styles */
/* Unique styles for average-rating */
}
.vendor.google.reviews-badge.reviews-badge-1 a {
display: inline-flex;
align-items: center;
background-color: transparent;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 1rem;
padding-right: 1rem;
border-radius: 8px;
transition: opacity 0.2s ease-in-out;
text-decoration: none;
/* Using the parent selector '&' for pseudo-classes */
}
.vendor.google.reviews-badge.reviews-badge-1 a:hover {
opacity: 0.8;
}
.vendor.google.reviews-badge.reviews-badge-1 .badge-logo {
position: relative;
background-color: rgb(255, 255, 255);
padding: 0.25rem;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 0.625rem;
/* Using '&' for pseudo-elements keeps styles tied to their parent */
}
.vendor.google.reviews-badge.reviews-badge-1 .badge-logo::after {
content: "";
position: absolute;
top: 50%;
left: 100%;
transform: translateY(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 8px;
border-color: transparent transparent transparent rgb(255, 255, 255);
}
.vendor.google.reviews-badge.reviews-badge-1 .badge-logo svg {
width: 28px;
height: auto;
max-width: 100%;
display: block;
}
.vendor.google.reviews-badge.reviews-badge-1 .badge-content {
display: flex;
flex-direction: column;
align-items: flex-start;
min-width: 0;
}
.vendor.google.reviews-badge.reviews-badge-1 .rating-line {
display: flex;
align-items: center;
line-height: 1.1;
}
.vendor.google.reviews-badge.reviews-badge-1 .stars-outer {
position: relative;
display: inline-block;
font-size: calc(1.00625rem + 0.075vw);
}
@media (min-width: 1200px) {
.vendor.google.reviews-badge.reviews-badge-1 .stars-outer {
font-size: 1.0625rem;
}
}
.vendor.google.reviews-badge.reviews-badge-1 .stars-outer::before {
content: "★★★★★";
color: #dcdcdc;
}
.vendor.google.reviews-badge.reviews-badge-1 .stars-outer .stars-inner {
position: absolute;
top: 0;
left: 0;
white-space: nowrap;
width: 0; /* This will be set by JavaScript */
}
.vendor.google.reviews-badge.reviews-badge-1 .stars-outer .stars-inner::before {
content: "★★★★★";
color: #EACB73;
}
.vendor.google.reviews-badge.reviews-badge-1 .average-rating,
.vendor.google.reviews-badge.reviews-badge-1 .reviews-count {
font-size: 0.75rem;
color: rgb(255, 255, 255);
line-height: 1.1;
white-space: nowrap;
width: 100%;
/* Media queries can be nested directly within the rule */
}
@media (max-width: 767.98px) {
.vendor.google.reviews-badge.reviews-badge-1 .average-rating,
.vendor.google.reviews-badge.reviews-badge-1 .reviews-count {
color: #4a4a4a;
}
}
.vendor.google.reviews-badge.reviews-badge-1 .average-rating {
font-weight: 700;
margin-left: 0.3125rem;
}
:root {
--vendor-google-widget-widget-1--padding-x: calc(1.1rem + 1.2vw);
--vendor-google-widget-widget-1--padding-y: calc(1.1rem + 1.2vw);
--vendor-google-widget-widget-1--column-gap: calc(1.1rem + 1.2vw);
--vendor-google-widget-widget-1-inner--row-gap: 0.5rem;
}
@media (min-width: 1200px) {
:root {
--vendor-google-widget-widget-1--padding-x: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--vendor-google-widget-widget-1--padding-y: 2rem;
}
}
@media (min-width: 1200px) {
:root {
--vendor-google-widget-widget-1--column-gap: 2rem;
}
}
.vendor.google.widget-1 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
-moz-column-gap: var(--vendor-google-widget-widget-1--column-gap);
column-gap: var(--vendor-google-widget-widget-1--column-gap);
padding-top: var(--vendor-google-widget-widget-1--padding-y);
padding-right: var(--vendor-google-widget-widget-1--padding-x);
padding-bottom: var(--vendor-google-widget-widget-1--padding-y);
padding-left: var(--vendor-google-widget-widget-1--padding-x);
background-color: rgba(34, 34, 34, 0.05);
width: 100%;
}
.vendor.google.widget-1 .logo {
display: flex;
}
.vendor.google.widget-1 .inner {
display: flex;
flex-direction: column;
row-gap: var(--vendor-google-widget-widget-1-inner--row-gap);
}
.vendor.google.widget-1 .inner .top {
display: flex;
justify-content: center;
}
@media (min-width: 1600px) {
.vendor.google.widget-1 .inner .top {
justify-content: flex-start;
}
}
.vendor.google.widget-1 .inner .top .stars {
display: flex;
-moz-column-gap: 2px;
column-gap: 2px;
}
.vendor.google.widget-1 .inner .bottom {
display: flex;
}
.vendor.google.widget-1 .inner .bottom .rating {
display: flex;
}
.vendor.google.widget-1 .inner .bottom .rating.numbers {
display: inline-flex;
border-right-style: solid;
border-right-width: 2px;
border-right-color: rgba(34, 34, 34, 0.1);
padding-right: 0.5rem;
line-height: 1;
}
.vendor.google.widget-1 .inner .bottom .rating.total {
display: inline-flex;
padding-left: 0.5rem;
line-height: 1;
}
/*# sourceMappingURL=style.css.map*/