/** Shopify CDN: Minification failed

Line 23:2 Expected identifier but found "1s"
Line 16766:28 Expected identifier but found whitespace
Line 16766:29 Unexpected "not("
Line 27575:1 Unexpected "/"
Line 31878:21 Expected identifier but found "!"
Line 32935:0 Comments in CSS use "/* ... */" instead of "//"
Line 33520:0 Comments in CSS use "/* ... */" instead of "//"
Line 34500:5 Unexpected "{"
Line 35159:5 Expected identifier but found "not("

**/
@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - https://opensource.org/licenses/MIT
 *
 * Copyright (c) 2021 Animate.css
 */:root{
  
  
  1s;--animate-delay:1s;--animate-repeat:1}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animated.repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animated.repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}  

@font-face {
    font-family:"oppo";
    font-display: swap;
    src: url(/cdn/shop/files/OPPOSansRegular.ttf?v=1713403396);
  }
@font-face {
    font-family:"Poppins-Regular";
    font-display: swap;
    src: url(https://cdn.shopifycdn.net/s/files/1/0596/3910/3682/files/Poppins-Regular.otf?v=1648802218);
  }
    @font-face {
    font-family:"Poppins-Medium";
    font-display: swap;
    src: url(https://cdn.shopifycdn.net/s/files/1/0596/3910/3682/files/Poppins-Medium.otf?v=1648802218);
  }
     @font-face {
    font-family:"Poppins-Light";
    font-display: swap;
    src: url(https://cdn.shopifycdn.net/s/files/1/0596/3910/3682/files/Poppins-Light.otf?v=1648802218);
  }
    @font-face {
    font-family:"Poppins-Bold";
    font-display: swap;
    src: url(https://cdn.shopifycdn.net/s/files/1/0596/3910/3682/files/Poppins-Bold.otf?v=1648802218);
  }
    @font-face {
    font-family:"Poppins-Thin";
    font-display: swap;
    src: url(https://cdn.shopifycdn.net/s/files/1/0596/3910/3682/files/Poppins-Thin.otf?v=1648802218);
  }
   @font-face {
    font-family:"Poppins-SemiBold";
    font-display: swap;
    src: url(https://cdn.shopifycdn.net/s/files/1/0596/3910/3682/files/Poppins-SemiBold.otf?v=1648810308);
  }
   @font-face {
    font-family:"Poppins-Light";
    font-display: swap;
    src: url(https://cdn.shopifycdn.net/s/files/1/0596/3910/3682/files/Poppins-Light.otf?v=1648802218);
  }
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-font-sans-serif: Poppins,system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}
html{line-height: 1.15;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);font-size: 62.5%!important;height: 100%;scroll-behavior: smooth;}



label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]::-webkit-calendar-picker-indicator {
  display: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "—";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: #6c757d;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5);
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }

  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }

  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }

  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }

  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6;
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table > :not(:last-child) > :last-child > * {
  border-bottom-color: currentColor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}

.table-hover > tbody > tr:hover {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

.table-primary {
  --bs-table-bg: #cfe2ff;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bacbe6;
}

.table-secondary {
  --bs-table-bg: #e2e3e5;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #cbccce;
}

.table-success {
  --bs-table-bg: #d1e7dd;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bcd0c7;
}

.table-info {
  --bs-table-bg: #cff4fc;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #badce3;
}

.table-warning {
  --bs-table-bg: #fff3cd;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e6dbb9;
}

.table-danger {
  --bs-table-bg: #f8d7da;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfc2c4;
}

.table-light {
  --bs-table-bg: #f8f9fa;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfe0e1;
}

.table-dark {
  --bs-table-bg: #212529;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: #373b3e;
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #6c757d;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + (0.5rem + 2px));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + (1rem + 2px));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + (0.75rem + 2px));
}
textarea.form-control-sm {
  min-height: calc(1.5em + (0.5rem + 2px));
}
textarea.form-control-lg {
  min-height: calc(1.5em + (1rem + 2px));
}

.form-control-color {
  max-width: 3rem;
  height: auto;
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}
.form-control-color::-webkit-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: #e9ecef;
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529;
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;

}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::-moz-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder {
  color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus {
  z-index: 3;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 3;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #198754;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(25, 135, 84, 0.9);
  border-radius: 0.25rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: #198754;
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #198754;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #198754;
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #198754;
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
  z-index: 1;
}
.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus,
.was-validated .input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #dc3545;
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
  z-index: 2;
}
.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus,
.was-validated .input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
  z-index: 3;
}

/*.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out!important, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}*/
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
/* .btn:hover {
  color: #212529;
} */
.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  /*box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);*/
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
}

.btn-primary {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0a58ca;
  border-color: #0a53be;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #565e64;
  border-color: #51585e;
}
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-secondary:disabled, .btn-secondary.disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-success {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-success:hover {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
}
.btn-check:focus + .btn-success, .btn-success:focus {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #146c43;
  border-color: #13653f;
}
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-success:disabled, .btn-success.disabled {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}

.btn-info {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-info:hover {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
}
.btn-check:focus + .btn-info, .btn-info:focus {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
  color: #000;
  background-color: #3dd5f3;
  border-color: #25cff2;
}
.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-info:disabled, .btn-info.disabled {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}

.btn-warning {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #000;
  background-color: #ffca2c;
  border-color: #ffc720;
}
.btn-check:focus + .btn-warning, .btn-warning:focus {
  color: #000;
  background-color: #ffca2c;
  border-color: #ffc720;
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
  color: #000;
  background-color: #ffcd39;
  border-color: #ffc720;
}
.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-warning:disabled, .btn-warning.disabled {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
}
.btn-check:focus + .btn-danger, .btn-danger:focus {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #b02a37;
  border-color: #a52834;
}
.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-danger:disabled, .btn-danger.disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-light {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
}
.btn-check:focus + .btn-light, .btn-light:focus {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
}
.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-light:disabled, .btn-light.disabled {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-dark {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-dark:hover {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
}
.btn-check:focus + .btn-dark, .btn-dark:focus {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1a1e21;
  border-color: #191c1f;
}
.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-dark:disabled, .btn-dark.disabled {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

.btn-outline-primary {
  color: #0d6efd;
  border-color: #0d6efd;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: #0d6efd;
  background-color: transparent;
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-success {
  color: #198754;
  border-color: #198754;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-outline-success:disabled, .btn-outline-success.disabled {
  color: #198754;
  background-color: transparent;
}

.btn-outline-info {
  color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-outline-info:hover {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-outline-info:disabled, .btn-outline-info.disabled {
  color: #0dcaf0;
  background-color: transparent;
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning:disabled, .btn-outline-warning.disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger:disabled, .btn-outline-danger.disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light:disabled, .btn-outline-light.disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-dark {
  color: #212529;
  border-color: #212529;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-outline-dark:disabled, .btn-outline-dark.disabled {
  color: #212529;
  background-color: transparent;
}

.btn-link {
  font-weight: 400;
  color: #0d6efd;
  text-decoration: underline;
}
.btn-link:hover {
  color: #0a58ca;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: 0.125rem;
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #1e2125;
  background-color: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0d6efd;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1rem;
  color: #212529;
}

.dropdown-menu-dark {
  color: #dee2e6;
  background-color: #343a40;
  border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  color: #fff;
  background-color: #0d6efd;
}
.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
  color: #adb5bd;
}
.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item-text {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-header {
  color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #0d6efd;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: #0a58ca;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: none;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
  isolation: isolate;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #0d6efd;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  text-decoration: none;
  white-space: nowrap;
}
.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0.25rem;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.55);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.55);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: 2.5rem 2.5rem;
}

.card-title {
  margin-bottom: 0.5rem;
}

.card-subtitle {
  margin-top: -0.25rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1rem;
}

.card-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.5rem 1rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
  margin-left: -0.5rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-group > .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.accordion-button {
  position: relative;
  /*display: flex;*/
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  /*background-color: #fff;*/
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: #0c63e4;
  /*background-color: #e7f1ff;*/
  /*box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);*/
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}
.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  /*border-color: #86b7fe;*/
  outline: 0;
/*  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);*/
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  /*background-color: #fff;*/
  /*border: 1px solid rgba(0, 0, 0, 0.125);*/
}
.accordion-item:first-of-type {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.accordion-body {
  padding: 1rem 1.25rem;
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 4rem;
  list-style: none;
}
.breadcrumb-home {
  font-weight: bold;
}
.breadcrumb a:hover {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  color: #0d6efd;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #dee2e6;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: #0a58ca;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  color: #0a58ca;
  background-color: #e9ecef;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
  border-color: #dee2e6;
}

.page-link {
  padding: 0.375rem 0.75rem;
}

.page-item:first-child .page-link {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  color: #084298;
  background-color: #cfe2ff;
  border-color: #b6d4fe;
}
.alert-primary .alert-link {
  color: #06357a;
}

.alert-secondary {
  color: #41464b;
  background-color: #e2e3e5;
  border-color: #d3d6d8;
}
.alert-secondary .alert-link {
  color: #34383c;
}

.alert-success {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}
.alert-success .alert-link {
  color: #0c4128;
}

.alert-info {
  color: #055160;
  background-color: #cff4fc;
  border-color: #b6effb;
}
.alert-info .alert-link {
  color: #04414d;
}

.alert-warning {
  color: #664d03;
  background-color: #fff3cd;
  border-color: #ffecb5;
}
.alert-warning .alert-link {
  color: #523e02;
}

.alert-danger {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}
.alert-danger .alert-link {
  color: #6a1a21;
}

.alert-light {
  color: #636464;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.alert-light .alert-link {
  color: #4f5050;
}

.alert-dark {
  color: #141619;
  background-color: #d3d3d4;
  border-color: #bcbebf;
}
.alert-dark .alert-link {
  color: #101214;
}

@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0d6efd;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  -webkit-animation: 1s linear infinite progress-bar-stripes;
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none;
  }
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > li::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #084298;
  background-color: #cfe2ff;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #084298;
  background-color: #bacbe6;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #084298;
  border-color: #084298;
}

.list-group-item-secondary {
  color: #41464b;
  background-color: #e2e3e5;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #41464b;
  background-color: #cbccce;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #41464b;
  border-color: #41464b;
}

.list-group-item-success {
  color: #0f5132;
  background-color: #d1e7dd;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #0f5132;
  background-color: #bcd0c7;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #0f5132;
  border-color: #0f5132;
}

.list-group-item-info {
  color: #055160;
  background-color: #cff4fc;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #055160;
  background-color: #badce3;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #055160;
  border-color: #055160;
}

.list-group-item-warning {
  color: #664d03;
  background-color: #fff3cd;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #664d03;
  background-color: #e6dbb9;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #664d03;
  border-color: #664d03;
}

.list-group-item-danger {
  color: #842029;
  background-color: #f8d7da;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #842029;
  background-color: #dfc2c4;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #842029;
  border-color: #842029;
}

.list-group-item-light {
  color: #636464;
  background-color: #fefefe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #636464;
  background-color: #e5e5e5;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #636464;
  border-color: #636464;
}

.list-group-item-dark {
  color: #141619;
  background-color: #d3d3d4;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #141619;
  background-color: #bebebf;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #141619;
  border-color: #141619;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.5;
}
.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  opacity: 1;
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 0.25;
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
  width: 350px;
  max-width: 100%;
  font-size: 0.875rem;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.toast:not(.showing):not(.show) {
  opacity: 0;
}
.toast.hide {
  display: none;
}

.toast-container {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: 0.75rem;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.toast-header .btn-close {
  margin-right: -0.375rem;
  margin-left: 0.75rem;
}

.toast-body {
  padding: 0.75rem;
  word-wrap: break-word;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
.modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
.modal-fullscreen .modal-footer {
  border-radius: 0;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
}
.tooltip {
  position: absolute;
  z-index: 1080;
  display: block;
  margin: 0;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  z-index: 1070;
  display: block;
  max-width: 276px;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .popover-arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f0f0f0;
}

.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f0f0f0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 1rem 1rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

/* rtl:begin:ignore */
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

/* rtl:end:ignore */
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
.carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}

@-webkit-keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: 0.75s linear infinite spinner-border;
  animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: 0.75s linear infinite spinner-grow;
  animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
.spinner-grow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1050;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
}
.offcanvas-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin-top: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.offcanvas-body {
  flex-grow: 1;
  padding: 1rem 1rem;
  overflow-y: auto;
}

.offcanvas-start {
  top: 0;
  left: 0;
  width: 400px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(-100%);
}

.offcanvas-end {
  top: 0;
  right: 0;
  width: 400px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(100%);
}

.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(-100%);
}

.offcanvas-bottom {
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(100%);
}

.offcanvas.show {
  transform: none;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.link-primary {
  color: #0d6efd;
}
.link-primary:hover, .link-primary:focus {
  color: #0a58ca;
}

.link-secondary {
  color: #6c757d;
}
.link-secondary:hover, .link-secondary:focus {
  color: #565e64;
}

.link-success {
  color: #198754;
}
.link-success:hover, .link-success:focus {
  color: #146c43;
}

.link-info {
  color: #0dcaf0;
}
.link-info:hover, .link-info:focus {
  color: #3dd5f3;
}

.link-warning {
  color: #ffc107;
}
.link-warning:hover, .link-warning:focus {
  color: #ffcd39;
}

.link-danger {
  color: #dc3545;
}
.link-danger:hover, .link-danger:focus {
  color: #b02a37;
}

.link-light {
  color: #f8f9fa;
}
.link-light:hover, .link-light:focus {
  color: #f9fafb;
}

.link-dark {
  color: #212529;
}
.link-dark:hover, .link-dark:focus {
  color: #1a1e21;
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: calc(3 / 4 * 100%);
}

.ratio-16x9 {
  --bs-aspect-ratio: calc(9 / 16 * 100%);
}

.ratio-21x9 {
  --bs-aspect-ratio: calc(9 / 21 * 100%);
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: 1px solid #dee2e6 !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: 1px solid #dee2e6 !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #0d6efd !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #198754 !important;
}

.border-info {
  border-color: #0dcaf0 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #212529 !important;
}

.border-white {
  border-color: #fff !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  color: #0d6efd !important;
}

.text-secondary {
  color: #6c757d !important;
}

.text-success {
  color: #198754 !important;
}

.text-info {
  color: #0dcaf0 !important;
}

.text-warning {
  color: #ffc107 !important;
}

.text-danger {
  color: #dc3545 !important;
}

.text-light {
  color: #f8f9fa !important;
}

.text-dark {
  color: #212529 !important;
}

.text-white {
  color: #fff !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
  color: inherit !important;
}

.bg-primary {
  background-color: #0d6efd !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

.bg-success {
  background-color: #198754 !important;
}

.bg-info {
  background-color: #0dcaf0 !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

.bg-dark {
  background-color: #212529 !important;
}

.bg-body {
  background-color: #fff !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: 0.2rem !important;
}

.rounded-2 {
  border-radius: 0.25rem !important;
}

.rounded-3 {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-end {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-start {
  border-bottom-left-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }

  .float-sm-end {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-grid {
    display: grid !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }

  .d-sm-none {
    display: none !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-sm-0 {
    gap: 0 !important;
  }

  .gap-sm-1 {
    gap: 0.25rem !important;
  }

  .gap-sm-2 {
    gap: 0.5rem !important;
  }

  .gap-sm-3 {
    gap: 1rem !important;
  }

  .gap-sm-4 {
    gap: 1.5rem !important;
  }

  .gap-sm-5 {
    gap: 3rem !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }

  .order-sm-first {
    order: -1 !important;
  }

  .order-sm-0 {
    order: 0 !important;
  }

  .order-sm-1 {
    order: 1 !important;
  }

  .order-sm-2 {
    order: 2 !important;
  }

  .order-sm-3 {
    order: 3 !important;
  }

  .order-sm-4 {
    order: 4 !important;
  }

  .order-sm-5 {
    order: 5 !important;
  }

  .order-sm-last {
    order: 6 !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-sm-0 {
    margin-top: 0 !important;
  }

  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mt-sm-3 {
    margin-top: 1rem !important;
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mt-sm-5 {
    margin-top: 3rem !important;
  }

  .mt-sm-auto {
    margin-top: auto !important;
  }

  .me-sm-0 {
    margin-right: 0 !important;
  }

  .me-sm-1 {
    margin-right: 0.25rem !important;
  }

  .me-sm-2 {
    margin-right: 0.5rem !important;
  }

  .me-sm-3 {
    margin-right: 1rem !important;
  }

  .me-sm-4 {
    margin-right: 1.5rem !important;
  }

  .me-sm-5 {
    margin-right: 3rem !important;
  }

  .me-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }

  .mb-sm-auto {
    margin-bottom: auto !important;
  }

  .ms-sm-0 {
    margin-left: 0 !important;
  }

  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }

  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }

  .ms-sm-3 {
    margin-left: 1rem !important;
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }

  .ms-sm-5 {
    margin-left: 3rem !important;
  }

  .ms-sm-auto {
    margin-left: auto !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pt-sm-3 {
    padding-top: 1rem !important;
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pt-sm-5 {
    padding-top: 3rem !important;
  }

  .pe-sm-0 {
    padding-right: 0 !important;
  }

  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pe-sm-3 {
    padding-right: 1rem !important;
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pe-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }

  .ps-sm-0 {
    padding-left: 0 !important;
  }

  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }

  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }

  .ps-sm-3 {
    padding-left: 1rem !important;
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }

  .ps-sm-5 {
    padding-left: 3rem !important;
  }

  .text-sm-start {
    text-align: left !important;
  }

  .text-sm-end {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }

  .float-md-end {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-grid {
    display: grid !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

  .d-md-none {
    display: none !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-md-0 {
    gap: 0 !important;
  }

  .gap-md-1 {
    gap: 0.25rem !important;
  }

  .gap-md-2 {
    gap: 0.5rem !important;
  }

  .gap-md-3 {
    gap: 1rem !important;
  }

  .gap-md-4 {
    gap: 1.5rem !important;
  }

  .gap-md-5 {
    gap: 3rem !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }

  .order-md-first {
    order: -1 !important;
  }

  .order-md-0 {
    order: 0 !important;
  }

  .order-md-1 {
    order: 1 !important;
  }

  .order-md-2 {
    order: 2 !important;
  }

  .order-md-3 {
    order: 3 !important;
  }

  .order-md-4 {
    order: 4 !important;
  }

  .order-md-5 {
    order: 5 !important;
  }

  .order-md-last {
    order: 6 !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mt-md-1 {
    margin-top: 0.25rem !important;
  }

  .mt-md-2 {
    margin-top: 0.5rem !important;
  }

  .mt-md-3 {
    margin-top: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .mt-md-5 {
    margin-top: 3rem !important;
  }

  .mt-md-auto {
    margin-top: auto !important;
  }

  .me-md-0 {
    margin-right: 0 !important;
  }

  .me-md-1 {
    margin-right: 0.25rem !important;
  }

  .me-md-2 {
    margin-right: 0.5rem !important;
  }

  .me-md-3 {
    margin-right: 1rem !important;
  }

  .me-md-4 {
    margin-right: 1.5rem !important;
  }

  .me-md-5 {
    margin-right: 3rem !important;
  }

  .me-md-auto {
    margin-right: auto !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-md-5 {
    margin-bottom: 3rem !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .ms-md-1 {
    margin-left: 0.25rem !important;
  }

  .ms-md-2 {
    margin-left: 0.5rem !important;
  }

  .ms-md-3 {
    margin-left: 1rem !important;
  }

  .ms-md-4 {
    margin-left: 1.5rem !important;
  }

  .ms-md-5 {
    margin-left: 3rem !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pt-md-1 {
    padding-top: 0.25rem !important;
  }

  .pt-md-2 {
    padding-top: 0.5rem !important;
  }

  .pt-md-3 {
    padding-top: 1rem !important;
  }

  .pt-md-4 {
    padding-top: 1.5rem !important;
  }

  .pt-md-5 {
    padding-top: 3rem !important;
  }

  .pe-md-0 {
    padding-right: 0 !important;
  }

  .pe-md-1 {
    padding-right: 0.25rem !important;
  }

  .pe-md-2 {
    padding-right: 0.5rem !important;
  }

  .pe-md-3 {
    padding-right: 1rem !important;
  }

  .pe-md-4 {
    padding-right: 1.5rem !important;
  }

  .pe-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-md-3 {
    padding-bottom: 1rem !important;
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-md-5 {
    padding-bottom: 3rem !important;
  }

  .ps-md-0 {
    padding-left: 0 !important;
  }

  .ps-md-1 {
    padding-left: 0.25rem !important;
  }

  .ps-md-2 {
    padding-left: 0.5rem !important;
  }

  .ps-md-3 {
    padding-left: 1rem !important;
  }

  .ps-md-4 {
    padding-left: 1.5rem !important;
  }

  .ps-md-5 {
    padding-left: 3rem !important;
  }

  .text-md-start {
    text-align: left !important;
  }

  .text-md-end {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }

  .float-lg-end {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-grid {
    display: grid !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-lg-0 {
    gap: 0 !important;
  }

  .gap-lg-1 {
    gap: 0.25rem !important;
  }

  .gap-lg-2 {
    gap: 0.5rem !important;
  }

  .gap-lg-3 {
    gap: 1rem !important;
  }

  .gap-lg-4 {
    gap: 1.5rem !important;
  }

  .gap-lg-5 {
    gap: 3rem !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }

  .order-lg-first {
    order: -1 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-last {
    order: 6 !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg-0 {
    margin-top: 0 !important;
  }

  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mt-lg-3 {
    margin-top: 1rem !important;
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mt-lg-5 {
    margin-top: 3rem !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-0 {
    margin-right: 0 !important;
  }

  .me-lg-1 {
    margin-right: 0.25rem !important;
  }

  .me-lg-2 {
    margin-right: 0.5rem !important;
  }

  .me-lg-3 {
    margin-right: 1rem !important;
  }

  .me-lg-4 {
    margin-right: 1.5rem !important;
  }

  .me-lg-5 {
    margin-right: 3rem !important;
  }

  .me-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-0 {
    margin-left: 0 !important;
  }

  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }

  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }

  .ms-lg-3 {
    margin-left: 1rem !important;
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }

  .ms-lg-5 {
    margin-left: 3rem !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pt-lg-3 {
    padding-top: 1rem !important;
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pt-lg-5 {
    padding-top: 3rem !important;
  }

  .pe-lg-0 {
    padding-right: 0 !important;
  }

  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pe-lg-3 {
    padding-right: 1rem !important;
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pe-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }

  .ps-lg-0 {
    padding-left: 0 !important;
  }

  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }

  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }

  .ps-lg-3 {
    padding-left: 1rem !important;
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }

  .ps-lg-5 {
    padding-left: 3rem !important;
  }

  .text-lg-start {
    text-align: left !important;
  }

  .text-lg-end {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }

  .float-xl-end {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-grid {
    display: grid !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-xl-0 {
    gap: 0 !important;
  }

  .gap-xl-1 {
    gap: 0.25rem !important;
  }

  .gap-xl-2 {
    gap: 0.5rem !important;
  }

  .gap-xl-3 {
    gap: 1rem !important;
  }

  .gap-xl-4 {
    gap: 1.5rem !important;
  }

  .gap-xl-5 {
    gap: 3rem !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }

  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-last {
    order: 6 !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-0 {
    margin-top: 0 !important;
  }

  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xl-3 {
    margin-top: 1rem !important;
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xl-5 {
    margin-top: 3rem !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-0 {
    margin-right: 0 !important;
  }

  .me-xl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xl-3 {
    margin-right: 1rem !important;
  }

  .me-xl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xl-5 {
    margin-right: 3rem !important;
  }

  .me-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-0 {
    margin-left: 0 !important;
  }

  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xl-3 {
    margin-left: 1rem !important;
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xl-5 {
    margin-left: 3rem !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xl-3 {
    padding-top: 1rem !important;
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xl-5 {
    padding-top: 3rem !important;
  }

  .pe-xl-0 {
    padding-right: 0 !important;
  }

  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xl-3 {
    padding-right: 1rem !important;
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xl-0 {
    padding-left: 0 !important;
  }

  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xl-3 {
    padding-left: 1rem !important;
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xl-5 {
    padding-left: 3rem !important;
  }

  .text-xl-start {
    text-align: left !important;
  }

  .text-xl-end {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }

  .float-xxl-end {
    float: right !important;
  }

  .float-xxl-none {
    float: none !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-grid {
    display: grid !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }

  .d-xxl-none {
    display: none !important;
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xxl-row {
    flex-direction: row !important;
  }

  .flex-xxl-column {
    flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-xxl-0 {
    gap: 0 !important;
  }

  .gap-xxl-1 {
    gap: 0.25rem !important;
  }

  .gap-xxl-2 {
    gap: 0.5rem !important;
  }

  .gap-xxl-3 {
    gap: 1rem !important;
  }

  .gap-xxl-4 {
    gap: 1.5rem !important;
  }

  .gap-xxl-5 {
    gap: 3rem !important;
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    justify-content: center !important;
  }

  .justify-content-xxl-between {
    justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    justify-content: space-around !important;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xxl-start {
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-between {
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }

  .order-xxl-first {
    order: -1 !important;
  }

  .order-xxl-0 {
    order: 0 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

  .order-xxl-2 {
    order: 2 !important;
  }

  .order-xxl-3 {
    order: 3 !important;
  }

  .order-xxl-4 {
    order: 4 !important;
  }

  .order-xxl-5 {
    order: 5 !important;
  }

  .order-xxl-last {
    order: 6 !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: 0.25rem !important;
  }

  .m-xxl-2 {
    margin: 0.5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xxl-0 {
    margin-top: 0 !important;
  }

  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xxl-3 {
    margin-top: 1rem !important;
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xxl-5 {
    margin-top: 3rem !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

  .me-xxl-0 {
    margin-right: 0 !important;
  }

  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xxl-3 {
    margin-right: 1rem !important;
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xxl-5 {
    margin-right: 3rem !important;
  }

  .me-xxl-auto {
    margin-right: auto !important;
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xxl-3 {
    margin-left: 1rem !important;
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xxl-5 {
    margin-left: 3rem !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .p-xxl-1 {
    padding: 0.25rem !important;
  }

  .p-xxl-2 {
    padding: 0.5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xxl-3 {
    padding-top: 1rem !important;
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xxl-5 {
    padding-top: 3rem !important;
  }

  .pe-xxl-0 {
    padding-right: 0 !important;
  }

  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xxl-3 {
    padding-right: 1rem !important;
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xxl-5 {
    padding-right: 3rem !important;
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xxl-3 {
    padding-left: 1rem !important;
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-left: 3rem !important;
  }

  .text-xxl-start {
    text-align: left !important;
  }

  .text-xxl-end {
    text-align: right !important;
  }

  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }

  .fs-2 {
    font-size: 2rem !important;
  }

  .fs-3 {
    font-size: 1.75rem !important;
  }

  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-grid {
    display: grid !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }

  .d-print-none {
    display: none !important;
  }
}

/*# sourceMappingURL=bootstrap.css.map */




html.no-scroll{
  overflow: hidden;
  padding-right:5px;
}
#preview-bar-iframe {
  display: none;
}

/* Let's get this party started */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  -webkit-border-radius: 6px;
  border-radius: 6px;

}
 
/* Handle */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #AEC8E8;

}

::-webkit-scrollbar-thumb:window-inactive {
  background: #AEC8E8;
}
@font-face {  
  font-family: 'SourceHanSansSC-Light';
  font-display: swap;
  src: url("https://cdn.shopifycdn.net/s/files/1/0596/3910/3682/files/SourceHanSansSC-Light-Alphabetic_0.ttf?v=1634727889"); 
}
/*!
  Motion, by Archetype Themes
  http://archetypethemes.co
*/


:root{
  
  --colorPrimary:#024488;
  --colorBtnPrimary:#ffbe01;
 --colorBtnIndex:#ffbe01;
 --colorBtnPrimaryDim:#e7ac00;
 --colorBtnPrimaryText:#073e76;
 --colorCartDot:#ffbe01;

 --colorLink:#024488;

 --colorTextBody:#024488;
 --colorSalePrice:#024488;
 --colorSaleTag:#024488;
 --colorSaleTagText:#ffffff;

 --colorBody:#ffffff;
 --colorBodyDim:#f2f2f2;
 --colorInputBg:#ffffff;
 --colorInputBgDim:#f2f2f2;
 --colorInputBgDark:#e6e6e6;
 --colorInputText:#024488;

 --colorFooter:#ffffff;
 --colorFooterText:#ffffff;

 --colorBorder:#024488;

 --colorNav:#ffffff;
 --colorNavText:#024488;
 --colorAnnouncement:#024488;
 --colorAnnouncementText:#ffffff;

 --colorHeroText:#ffffff;

 --colorModalBg:#17172c;

 --colorSmallImageBg:#ffffff;
 --colorLargeImageBg:#e8e8e1;

 --colorDrawers:#ffffff;
 --colorDrawersDim:#f2f2f2;
 --colorDrawerBorder:#e8e8e1;
 --colorDrawerText:#024488;
 --colorDrawerTextDarken:#011e3d;
 --colorDrawerButton:#024488;
 --colorDrawerButtonText:#ffffff;
 --color-body-text:#024488;
 --color-body:#ffffff;
 --color-bg:#ffffff;
  --sale-button-size:16px;
}


@keyframes placeholder-shimmer {
  0% {
    background-position: -150% 0;
  }

  to {
    background-position: 150% 0;
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes page-fade-in-up {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes page-fade-in-up-out {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes page-slide-reveal-across {
  0% {
    transform: translateX(0);
  }

  to {
    transform: translateX(100vw);
  }
}

@keyframes page-slide-reveal-across-out {
  0% {
    transform: translateX(-100vw);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes page-slide-reveal-down {
  0% {
    transform: translateY(0);
  }

  to {
    transform: translateY(110vh);
  }
}

@keyframes page-slide-reveal-down-out {
  0% {
    transform: translateY(110vh);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes overlay-on {
  0% {
    opacity: 0;
  }

  to {
    opacity: 0.6;
  }
}

@keyframes overlay-off {
  0% {
    opacity: 0.6;
  }

  to {
    opacity: 0;
  }
}

@keyframes full-overlay-on {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes full-overlay-off {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes modal-open {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes modal-closing {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(0.9);
  }
}

@keyframes rise-up {
  0% {
    opacity: 1;
    transform: translateY(120%);
  }

  to {
    opacity: 1;
    transform: translateY(0%);
  }
}

@keyframes rise-up-out {
  0% {
    opacity: 1;
    transform: translateY(0%);
  }

  to {
    opacity: 1;
    transform: translateY(-120%);
  }
}

@keyframes paint-across {
  0% {
    transform: scale(1.1);
    opacity: 1;
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  }

  to {
    transform: scale(1);
    opacity: 1;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}

@keyframes paint-across-small {
  0% {
    opacity: 1;
    transform: scale(1.1);
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  }

  to {
    opacity: 1;
    transform: scale(1);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}

@keyframes paint-across-out {
  0% {
    opacity: 1;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }

  to {
    opacity: 1;
    -webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-in-small {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-in-out {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes zoom-fade {
  0% {
    opacity: 0;
    transform: scale(1.25);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes zoom-fade-password {
  0% {
    opacity: 0;
    transform: scale(1.4);
  }

  5% {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 1;
    transform: scale(1.2);
  }
}

@keyframes zoom-fade-small {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }

  10% {
    opacity: 0.1;
  }

  20% {
    opacity: 0.2;
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes kenburns {
  0% {
    opacity: 0;
    transform: scale(1.27);
    animation-timing-function: cubic-bezier(0.12, 0.63, 0.6, 0.74);
  }

  10% {
    opacity: 1;
    transform: scale(1.2);
    animation-timing-function: linear;
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes kenburns-out {
  0% {
    opacity: 1;
    transform: scale(1);
    animation-timing-function: ease-out;
  }

  50% {
    opacity: 0;
  }

  to {
    transform: scale(1.1);
  }
}

@keyframes preloading {
  0% {
    transform-origin: 0% 50%;
    transform: scaleX(0);
    opacity: 0;
  }

  40% {
    transform-origin: 0% 50%;
    transform: scaleX(1);
    opacity: 1;
  }

  41% {
    transform-origin: 100% 50%;
    transform: scaleX(1);
    opacity: 1;
  }

  to {
    transform-origin: 100% 50%;
    transform: scaleX(0);
    opacity: 1;
  }
}

@keyframes grid-product__loading {
  0% {
    opacity: 1;
  }

  3% {
    opacity: 0;
  }

  10% {
    opacity: 0;
  }

  20% {
    opacity: 0.2;
  }

  30% {
    opacity: 0;
  }

  40% {
    opacity: 0.2;
  }

  50% {
    opacity: 0;
  }

  60% {
    opacity: 0.2;
  }

  70% {
    opacity: 0;
  }

  80% {
    opacity: 0.2;
  }

  90% {
    opacity: 0;
  }

  98% {
    opacity: 0.2;
  }

  to {
    opacity: 1;
  }
}

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  transition: height 0.6s;
  height: 100%;

} 

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

.flickity-enabled.is-draggable {
  -webkit-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-button {
  position: absolute;
  border: none;
  color: #ffffff;
  color: var(--colorBtnPrimaryText);
  background: #111111;
  background: var(--colorBtnPrimary);
  border-radius: 50%
}

.hero .flickity-button {
  color: #1c1d1d;
  color: var(--colorTextBody);
  background-color: #ffffff;
  background-color: var(--colorBody);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1)
}

.flickity-button:hover {
  cursor: pointer;
  opacity: 1;
}

.flickity-button:disabled {
  display: none;
  cursor: auto;
  pointer-events: none;
}

.flickity-prev-next-button {
  top: 50%;
  width: 40px;
  height: 40px;
  transform: translateY(-50%)
}

@media only screen and (max-width:589px) {

  .flickity-prev-next-button {
    width: 33px;
    height: 33px
  }
}

.flickity-prev-next-button:hover {
  transform: translateY(-50%) scale(1.12);
}

.flickity-prev-next-button:active {
  transform: translateY(-50%) scale(1);
  transition: transform 0.05s ease-out;
}

.flickity-previous {
  left: 10px;
}

.flickity-next {
  right: 10px;
}

.flickity-rtl .flickity-previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-next {
  right: auto;
  left: 10px;
}

.flickity-button-icon {
  position: absolute;
  left: 35%;
  top: 35%;
  width: 45%;
  height: 35%;
  fill: currentColor;
}


.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
  color: currentColor;
  display: flex;
    justify-content: center;
    align-items: center;
}

.hero .flickity-page-dots {
  bottom:30px;
  left: 0;
  color: #fff;
  max-width: 1680px;
  margin: 0 auto;
  padding: 0 40px;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
}

.hero  .flickity-page-dots .dot{
  width:40px;
  height:5px;
  border-radius: 0px;
  background-color: #fff;
  opacity: 0.5;
}
   
    .slideshow-wrapper .flickity-page-dots .dot{
    border-color:#ffffff !important;
    }
.flickity-page-dots .dot.is-selected {
  background-color: var(--colorPrimary);
  border-color:var(--colorPrimary);

}
 .hero    .flickity-page-dots .dot.is-selected{
     opacity:1;
      cursor: pointer;
    }
    .slideshow-wrapper .flickity-page-dots .dot{
     background-color:#ffffff;
      opacity:0.5;
          margin: 0 5px;
          cursor: pointer;

    }
.flickity-enabled.is-fade .flickity-slider>* {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider>.is-selected {
  pointer-events: auto;
  z-index: 1;
}

.hero[data-arrows=true] {
  overflow: visible;
  z-index: 5
}

.hero[data-arrows=true] .flickity-prev-next-button {
  top: auto;
  bottom: 15%;
  transform: none;
  background: none;
  box-shadow: 0 0 0 rgb(0 0 0 / 0%);
  color: #fff;
}

.hero[data-arrows=true] .flickity-prev-next-button:hover {
  transform: scale(1.12);
}

.hero[data-arrows=true] .flickity-prev-next-button:active {
  transform: scale(1);
}

.hero[data-arrows=true] .flickity-previous {
  left: 4%;
}

.hero[data-arrows=true] .flickity-next {
  left: 6%;
}

.hero[data-arrows=true].flickity-rtl .flickity-previous {
  right: auto;
  left: 15%;
}

.hero[data-arrows=true].flickity-rtl .flickity-next {
  right: auto;
  left: 15%;
}

@media only screen and (max-width:589px) {
  .hero[data-arrows=true] .flickity-prev-next-button {
    bottom: -16px;
  }

  .hero[data-arrows=true] .flickity-previous {
    right: 60px;
  }

  .hero[data-arrows=true] .flickity-next {
    right: 20px;
  }

  .hero[data-arrows=true].flickity-rtl .flickity-previous {
    left: 60px;
  }

  .hero[data-arrows=true].flickity-rtl .flickity-next {
    left: 20px;
  }
}

*,
:after,
:before,
input {
  box-sizing: border-box;
}

body,
html {
  
  padding: 0;
  margin: 0;

}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

html:not(.no-js):not(.tab-outline) :focus {
  outline: none;
}

.is-transitioning {
  display: block !important;
  visibility: visible !important;
}

.display-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.display-table-cell {
  display: table-cell;
  vertical-align: middle;
  float: none !important;
}

@media only screen and (min-width:590px) {
  .medium-up--display-table {
    display: table;
    table-layout: fixed;
    width: 100%;
  }

  .medium-up--display-table-cell {
    display: table-cell;
    vertical-align: middle;
    float: none;
  }
}

.visually-hidden {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}

.visually-invisible {
  opacity: 0 !important;
}

.skip-link:focus {
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  color: #1c1d1d;
  color: var(--colorTextBody);
  background-color: #ffffff;
  background-color: var(--colorBody);
  padding: 10px;
  opacity: 1;
  z-index: 10000;
  transition: none;
}

.grid:after {
  content: "";
  display: table;
  clear: both;
}

.grid {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -30px
}

@media only screen and (max-width:589px) {

  .grid {
    margin-left: -22px
  }

  html[dir=rtl] .grid {
    margin-left: 0;
    margin-right: -22px
  }
}

html[dir=rtl] .grid {
  margin-left: 0;
  margin-right: -30px
}

.grid--small {
  margin-left: -10px
}

.grid--small .grid__item {
  padding-left: 10px;
}

.grid__item {
  float: left;
  padding-left: 30px;
  width: 100%;
  min-height: 1px
}

@media only screen and (max-width:589px) {

  .grid__item {
    padding-left: 22px
  }

  html[dir=rtl] .grid__item {
    padding-left: 0;
    padding-right: 22px
  }
}

.grid__item[class*="--push"] {
  position: relative;
}

html[dir=rtl] .grid__item {
  float: right;
  padding-left: 0;
  padding-right: 30px
}

html[dir=rtl] .grid__item[class*="--push"] {
  position: static;
}

.grid--no-gutters {
  margin-left: 0
}

.grid--no-gutters .grid__item {
  padding-left: 0;
}

.grid--small-gutters {
  margin-left: -10px;
  margin-bottom: -10px
}

.grid--small-gutters .grid__item {
  padding-left: 10px;
  padding-bottom: 10px;
}

html[dir=rtl] .grid--small-gutters {
  margin-left: 0;
  margin-right: -10px
}

html[dir=rtl] .grid--small-gutters .grid__item {
  padding-left: 0;
  padding-right: 10px;
}

.grid--flush-bottom {
  margin-bottom: -30px;
  overflow: auto
}

.grid--flush-bottom>.grid__item {
  margin-bottom: 30px;
}

.grid--full {
  margin-left: 0
}

.grid--full>.grid__item {
  padding-left: 0;
}

@media only screen and (min-width:590px) {
  .grid--table-large {
    display: table;
    width: 100%;
    table-layout: fixed
  }

  .grid--table-large>.grid__item {
    display: table-cell;
    vertical-align: middle;
    float: none;
  }
}

@media only screen and (max-width:589px) {
  .small--grid--flush {
    margin-left: -2px
  }

  .page-width .small--grid--flush {
    margin-left: -20px;
    margin-right: -18px
  }

  .small--grid--flush>.grid__item {
    padding-left: 2px;
  }

  .small--grid--flush .grid__item--collection-template {
    padding: 0 20px;
  }
}

.one-whole {
  width: 100%;
}

.one-half {
  width: 50%;
}

.one-third {
  width: 33.33333%;
}

.two-thirds {
  width: 66.66667%;
}

.one-quarter {
  width: 25%;
}

.two-quarters {
  width: 50%;
}

.three-quarters {
  width: 75%;
}

.one-fifth {
  width: 20%;
}

.two-fifths {
  width: 40%;
}

.three-fifths {
  width: 60%;
}

.four-fifths {
  width: 80%;
}

.one-sixth {
  width: 16.66667%;
}

.two-sixths {
  width: 33.33333%;
}

.three-sixths {
  width: 50%;
}

.four-sixths {
  width: 66.66667%;
}

.five-sixths {
  width: 83.33333%;
}

.one-eighth {
  width: 12.5%;
}

.two-eighths {
  width: 25%;
}

.three-eighths {
  width: 37.5%;
}

.four-eighths {
  width: 50%;
}

.five-eighths {
  width: 62.5%;
}

.six-eighths {
  width: 75%;
}

.seven-eighths {
  width: 87.5%;
}

.one-tenth {
  width: 10%;
}

.two-tenths {
  width: 20%;
}

.three-tenths {
  width: 30%;
}

.four-tenths {
  width: 40%;
}

.five-tenths {
  width: 50%;
}

.six-tenths {
  width: 60%;
}

.seven-tenths {
  width: 70%;
}

.eight-tenths {
  width: 80%;
}

.nine-tenths {
  width: 90%;
}

.one-twelfth {
  width: 8.33333%;
}

.two-twelfths {
  width: 16.66667%;
}

.three-twelfths {
  width: 25%;
}

.four-twelfths {
  width: 33.33333%;
}

.five-twelfths {
  width: 41.66667%;
}

.six-twelfths {
  width: 50%;
}

.seven-twelfths {
  width: 58.33333%;
}

.eight-twelfths {
  width: 66.66667%;
}

.nine-twelfths {
  width: 75%;
}

.ten-twelfths {
  width: 83.33333%;
}

.eleven-twelfths {
  width: 91.66667%;
}
@media only screen and (max-width:768px) {
  .medium-down--show {
    display: block !important;
  }

  .medium-down--hide {
    display: none !important;
  }

  .medium-down--text-left {
    text-align: left !important;
  }

  .medium-down--text-right {
    text-align: right !important;
  }

  .medium-down--text-center {
    text-align: center !important;
  }
   .medium-down--one-whole {
    width: 100%;
  }

  .medium-down--one-half {
    width: 50%;
  }

  .medium-down--one-third {
    width: 33.33333%;
  }

  .medium-down--two-thirds {
    width: 66.66667%;
  }

  .medium-down--one-quarter {
    width: 25%;
  }

  .medium-down--two-quarters {
    width: 50%;
  }

  .medium-down--three-quarters {
    width: 75%;
  }

  .medium-down--one-fifth {
    width: 20%;
  }

  .medium-down--two-fifths {
    width: 40%;
  }

  .medium-down--three-fifths {
    width: 60%;
  }

  .medium-down--four-fifths {
    width: 80%;
  }

  .medium-down--one-sixth {
    width: 16.66667%;
  }

  .medium-down--two-sixths {
    width: 33.33333%;
  }

  .medium-down--three-sixths {
    width: 50%;
  }

  .medium-down--four-sixths {
    width: 66.66667%;
  }

  .medium-down--five-sixths {
    width: 83.33333%;
  }

  .medium-down--one-eighth {
    width: 12.5%;
  }

  .medium-down--two-eighths {
    width: 25%;
  }

  .medium-down--three-eighths {
    width: 37.5%;
  }

  .medium-down--four-eighths {
    width: 50%;
  }

  .medium-down--five-eighths {
    width: 62.5%;
  }

  .medium-down--six-eighths {
    width: 75%;
  }

  .medium-down--seven-eighths {
    width: 87.5%;
  }

  .medium-down--one-tenth {
    width: 10%;
  }

  .medium-down--two-tenths {
    width: 20%;
  }

  .medium-down--three-tenths {
    width: 30%;
  }

  .medium-down--four-tenths {
    width: 40%;
  }

  .medium-down--five-tenths {
    width: 50%;
  }

  .medium-down--six-tenths {
    width: 60%;
  }

  .medium-down--seven-tenths {
    width: 70%;
  }

  .medium-down--eight-tenths {
    width: 80%;
  }

  .medium-down--nine-tenths {
    width: 90%;
  }

  .medium-down--one-twelfth {
    width: 8.33333%;
  }

  .medium-down--two-twelfths {
    width: 16.66667%;
  }

  .medium-down--three-twelfths {
    width: 25%;
  }

  .medium-down--four-twelfths {
    width: 33.33333%;
  }

  .medium-down--five-twelfths {
    width: 41.66667%;
  }

  .medium-down--six-twelfths {
    width: 50%;
  }

  .medium-down--seven-twelfths {
    width: 58.33333%;
  }

  .medium-down--eight-twelfths {
    width: 66.66667%;
  }

  .medium-down--nine-twelfths {
    width: 75%;
  }

  .medium-down--ten-twelfths {
    width: 83.33333%;
  }

  .medium-down--eleven-twelfths {
    width: 91.66667%;
  }
.grid--uniform .medium-down--one-half:nth-of-type(2n+1),
  .grid--uniform .medium-down--five-tenths:nth-of-type(odd),
  .grid--uniform .medium-down--four-eighths:nth-of-type(odd),
  .grid--uniform .medium-down--four-twelfths:nth-of-type(3n+1),
  .grid--uniform .medium-down--one-eighth:nth-of-type(8n+1),
  .grid--uniform .medium-down--one-fifth:nth-of-type(5n+1),
  .grid--uniform .medium-down--one-half:nth-of-type(odd),
  .grid--uniform .medium-down--one-quarter:nth-of-type(4n+1),
  .grid--uniform .medium-down--one-sixth:nth-of-type(6n+1),
  .grid--uniform .medium-down--one-third:nth-of-type(3n+1),
  .grid--uniform .medium-down--one-twelfth:nth-of-type(12n+1),
  .grid--uniform .medium-down--six-twelfths:nth-of-type(odd),
  .grid--uniform .medium-down--three-sixths:nth-of-type(odd),
  .grid--uniform .medium-down--three-twelfths:nth-of-type(4n+1),
  .grid--uniform .medium-down--two-eighths:nth-of-type(4n+1),
  .grid--uniform .medium-down--two-sixths:nth-of-type(3n+1),
  .grid--uniform .medium-down--two-twelfths:nth-of-type(6n+1) {
    clear: both;
  }
}

@media only screen and (max-width:589px) {
  .small--one-whole {
    width: 100%;
  }

  .small--one-half {
    width: 50%;
  }

  .small--one-third {
    width: 33.33333%;
  }

  .small--two-thirds {
    width: 66.66667%;
  }

  .small--one-quarter {
    width: 25%;
  }

  .small--two-quarters {
    width: 50%;
  }

  .small--three-quarters {
    width: 75%;
  }

  .small--one-fifth {
    width: 20%;
  }

  .small--two-fifths {
    width: 40%;
  }

  .small--three-fifths {
    width: 60%;
  }

  .small--four-fifths {
    width: 80%;
  }

  .small--one-sixth {
    width: 16.66667%;
  }

  .small--two-sixths {
    width: 33.33333%;
  }

  .small--three-sixths {
    width: 50%;
  }

  .small--four-sixths {
    width: 66.66667%;
  }

  .small--five-sixths {
    width: 83.33333%;
  }

  .small--one-eighth {
    width: 12.5%;
  }

  .small--two-eighths {
    width: 25%;
  }

  .small--three-eighths {
    width: 37.5%;
  }

  .small--four-eighths {
    width: 50%;
  }

  .small--five-eighths {
    width: 62.5%;
  }

  .small--six-eighths {
    width: 75%;
  }

  .small--seven-eighths {
    width: 87.5%;
  }

  .small--one-tenth {
    width: 10%;
  }

  .small--two-tenths {
    width: 20%;
  }

  .small--three-tenths {
    width: 30%;
  }

  .small--four-tenths {
    width: 40%;
  }

  .small--five-tenths {
    width: 50%;
  }

  .small--six-tenths {
    width: 60%;
  }

  .small--seven-tenths {
    width: 70%;
  }

  .small--eight-tenths {
    width: 80%;
  }

  .small--nine-tenths {
    width: 90%;
  }

  .small--one-twelfth {
    width: 8.33333%;
  }

  .small--two-twelfths {
    width: 16.66667%;
  }

  .small--three-twelfths {
    width: 25%;
  }

  .small--four-twelfths {
    width: 33.33333%;
  }

  .small--five-twelfths {
    width: 41.66667%;
  }

  .small--six-twelfths {
    width: 50%;
  }

  .small--seven-twelfths {
    width: 58.33333%;
  }

  .small--eight-twelfths {
    width: 66.66667%;
  }

  .small--nine-twelfths {
    width: 75%;
  }

  .small--ten-twelfths {
    width: 83.33333%;
  }

  .small--eleven-twelfths {
    width: 91.66667%;
  }

  .grid--uniform .small--five-tenths:nth-of-type(odd),
  .grid--uniform .small--four-eighths:nth-of-type(odd),
  .grid--uniform .small--four-twelfths:nth-of-type(3n+1),
  .grid--uniform .small--one-eighth:nth-of-type(8n+1),
  .grid--uniform .small--one-fifth:nth-of-type(5n+1),
  .grid--uniform .small--one-half:nth-of-type(odd),
  .grid--uniform .small--one-quarter:nth-of-type(4n+1),
  .grid--uniform .small--one-sixth:nth-of-type(6n+1),
  .grid--uniform .small--one-third:nth-of-type(3n+1),
  .grid--uniform .small--one-twelfth:nth-of-type(12n+1),
  .grid--uniform .small--six-twelfths:nth-of-type(odd),
  .grid--uniform .small--three-sixths:nth-of-type(odd),
  .grid--uniform .small--three-twelfths:nth-of-type(4n+1),
  .grid--uniform .small--two-eighths:nth-of-type(4n+1),
  .grid--uniform .small--two-sixths:nth-of-type(3n+1),
  .grid--uniform .small--two-twelfths:nth-of-type(6n+1) {
    clear: both;
  }
}

@media only screen and (min-width:590px) {
  .medium-up--one-whole {
    width: 100%;
  }

  .medium-up--one-half {
    width: 50%;
  }

  .medium-up--one-third {
    width: 33.33333%;
  }

  .medium-up--two-thirds {
    width: 66.66667%;
  }

  .medium-up--one-quarter {
    width: 25%;
  }

  .medium-up--two-quarters {
    width: 50%;
  }

  .medium-up--three-quarters {
    width: 75%;
  }

  .medium-up--one-fifth {
    width: 20%;
  }

  .medium-up--two-fifths {
    width: 40%;
  }

  .medium-up--three-fifths {
    width: 60%;
  }

  .medium-up--four-fifths {
    width: 80%;
  }

  .medium-up--one-sixth {
    width: 16.66667%;
  }

  .medium-up--two-sixths {
    width: 33.33333%;
  }

  .medium-up--three-sixths {
    width: 50%;
  }

  .medium-up--four-sixths {
    width: 66.66667%;
  }

  .medium-up--five-sixths {
    width: 83.33333%;
  }

  .medium-up--one-eighth {
    width: 12.5%;
  }

  .medium-up--two-eighths {
    width: 25%;
  }

  .medium-up--three-eighths {
    width: 37.5%;
  }

  .medium-up--four-eighths {
    width: 50%;
  }

  .medium-up--five-eighths {
    width: 62.5%;
  }

  .medium-up--six-eighths {
    width: 75%;
  }

  .medium-up--seven-eighths {
    width: 87.5%;
  }

  .medium-up--one-tenth {
    width: 10%;
  }

  .medium-up--two-tenths {
    width: 20%;
  }

  .medium-up--three-tenths {
    width: 30%;
  }

  .medium-up--four-tenths {
    width: 40%;
  }

  .medium-up--five-tenths {
    width: 50%;
  }

  .medium-up--six-tenths {
    width: 60%;
  }

  .medium-up--seven-tenths {
    width: 70%;
  }

  .medium-up--eight-tenths {
    width: 80%;
  }

  .medium-up--nine-tenths {
    width: 90%;
  }

  .medium-up--one-twelfth {
    width: 8.33333%;
  }

  .medium-up--two-twelfths {
    width: 16.66667%;
  }

  .medium-up--three-twelfths {
    width: 25%;
  }

  .medium-up--four-twelfths {
    width: 33.33333%;
  }

  .medium-up--five-twelfths {
    width: 41.66667%;
  }

  .medium-up--six-twelfths {
    width: 50%;
  }

  .medium-up--seven-twelfths {
    width: 58.33333%;
  }

  .medium-up--eight-twelfths {
    width: 66.66667%;
  }

  .medium-up--nine-twelfths {
    width: 75%;
  }

  .medium-up--ten-twelfths {
    width: 83.33333%;
  }

  .medium-up--eleven-twelfths {
    width: 91.66667%;
  }

  .grid--uniform .medium-up--five-tenths:nth-of-type(odd),
  .grid--uniform .medium-up--four-eighths:nth-of-type(odd),
  .grid--uniform .medium-up--four-twelfths:nth-of-type(3n+1),
  .grid--uniform .medium-up--one-eighth:nth-of-type(8n+1),
  .grid--uniform .medium-up--one-fifth:nth-of-type(5n+1),
  .grid--uniform .medium-up--one-half:nth-of-type(odd),
  .grid--uniform .medium-up--one-quarter:nth-of-type(4n+1),
  .grid--uniform .medium-up--one-sixth:nth-of-type(6n+1),
  .grid--uniform .medium-up--one-third:nth-of-type(3n+1),
  .grid--uniform .medium-up--one-twelfth:nth-of-type(12n+1),
  .grid--uniform .medium-up--six-twelfths:nth-of-type(odd),
  .grid--uniform .medium-up--three-sixths:nth-of-type(odd),
  .grid--uniform .medium-up--three-twelfths:nth-of-type(4n+1),
  .grid--uniform .medium-up--two-eighths:nth-of-type(4n+1),
  .grid--uniform .medium-up--two-sixths:nth-of-type(3n+1),
  .grid--uniform .medium-up--two-twelfths:nth-of-type(6n+1) {
    clear: both;
  }
}

@media only screen and (min-width:1050px) {
  .widescreen--one-whole {
    width: 100%;
  }

  .widescreen--one-half {
    width: 50%;
  }

  .widescreen--one-third {
    width: 33.33333%;
  }

  .widescreen--two-thirds {
    width: 66.66667%;
  }

  .widescreen--one-quarter {
    width: 25%;
  }

  .widescreen--two-quarters {
    width: 50%;
  }

  .widescreen--three-quarters {
    width: 75%;
  }

  .widescreen--one-fifth {
    width: 20%;
  }

  .widescreen--two-fifths {
    width: 40%;
  }

  .widescreen--three-fifths {
    width: 60%;
  }

  .widescreen--four-fifths {
    width: 80%;
  }

  .widescreen--one-sixth {
    width: 16.66667%;
  }

  .widescreen--two-sixths {
    width: 33.33333%;
  }

  .widescreen--three-sixths {
    width: 50%;
  }

  .widescreen--four-sixths {
    width: 66.66667%;
  }

  .widescreen--five-sixths {
    width: 83.33333%;
  }

  .widescreen--one-eighth {
    width: 12.5%;
  }

  .widescreen--two-eighths {
    width: 25%;
  }

  .widescreen--three-eighths {
    width: 37.5%;
  }

  .widescreen--four-eighths {
    width: 50%;
  }

  .widescreen--five-eighths {
    width: 62.5%;
  }

  .widescreen--six-eighths {
    width: 75%;
  }

  .widescreen--seven-eighths {
    width: 87.5%;
  }

  .widescreen--one-tenth {
    width: 10%;
  }

  .widescreen--two-tenths {
    width: 20%;
  }

  .widescreen--three-tenths {
    width: 30%;
  }

  .widescreen--four-tenths {
    width: 40%;
  }

  .widescreen--five-tenths {
    width: 50%;
  }

  .widescreen--six-tenths {
    width: 60%;
  }

  .widescreen--seven-tenths {
    width: 70%;
  }

  .widescreen--eight-tenths {
    width: 80%;
  }

  .widescreen--nine-tenths {
    width: 90%;
  }

  .widescreen--one-twelfth {
    width: 8.33333%;
  }

  .widescreen--two-twelfths {
    width: 16.66667%;
  }

  .widescreen--three-twelfths {
    width: 25%;
  }

  .widescreen--four-twelfths {
    width: 33.33333%;
  }

  .widescreen--five-twelfths {
    width: 41.66667%;
  }

  .widescreen--six-twelfths {
    width: 50%;
  }

  .widescreen--seven-twelfths {
    width: 58.33333%;
  }

  .widescreen--eight-twelfths {
    width: 66.66667%;
  }

  .widescreen--nine-twelfths {
    width: 75%;
  }

  .widescreen--ten-twelfths {
    width: 83.33333%;
  }

  .widescreen--eleven-twelfths {
    width: 91.66667%;
  }

  .grid--uniform .widescreen--five-tenths:nth-of-type(odd),
  .grid--uniform .widescreen--four-eighths:nth-of-type(odd),
  .grid--uniform .widescreen--four-twelfths:nth-of-type(3n+1),
  .grid--uniform .widescreen--one-eighth:nth-of-type(8n+1),
  .grid--uniform .widescreen--one-fifth:nth-of-type(5n+1),
  .grid--uniform .widescreen--one-half:nth-of-type(odd),
  .grid--uniform .widescreen--one-quarter:nth-of-type(4n+1),
  .grid--uniform .widescreen--one-sixth:nth-of-type(6n+1),
  .grid--uniform .widescreen--one-third:nth-of-type(3n+1),
  .grid--uniform .widescreen--one-twelfth:nth-of-type(12n+1),
  .grid--uniform .widescreen--six-twelfths:nth-of-type(odd),
  .grid--uniform .widescreen--three-sixths:nth-of-type(odd),
  .grid--uniform .widescreen--three-twelfths:nth-of-type(4n+1),
  .grid--uniform .widescreen--two-eighths:nth-of-type(4n+1),
  .grid--uniform .widescreen--two-sixths:nth-of-type(3n+1),
  .grid--uniform .widescreen--two-twelfths:nth-of-type(6n+1) {
    clear: both;
  }
}

@media only screen and (min-width:590px) {
  .medium-up--push-one-half {
    left: 50%;
  }

  .medium-up--push-one-third {
    left: 33.33333%;
  }

  .medium-up--push-two-thirds {
    left: 66.66667%;
  }

  .medium-up--push-one-quarter {
    left: 25%;
  }

  .medium-up--push-two-quarters {
    left: 50%;
  }

  .medium-up--push-three-quarters {
    left: 75%;
  }

  .medium-up--push-one-fifth {
    left: 20%;
  }

  .medium-up--push-two-fifths {
    left: 40%;
  }

  .medium-up--push-three-fifths {
    left: 60%;
  }

  .medium-up--push-four-fifths {
    left: 80%;
  }

  .medium-up--push-one-sixth {
    left: 16.66667%;
  }

  .medium-up--push-two-sixths {
    left: 33.33333%;
  }

  .medium-up--push-three-sixths {
    left: 50%;
  }

  .medium-up--push-four-sixths {
    left: 66.66667%;
  }

  .medium-up--push-five-sixths {
    left: 83.33333%;
  }

  .medium-up--push-one-eighth {
    left: 12.5%;
  }

  .medium-up--push-two-eighths {
    left: 25%;
  }

  .medium-up--push-three-eighths {
    left: 37.5%;
  }

  .medium-up--push-four-eighths {
    left: 50%;
  }

  .medium-up--push-five-eighths {
    left: 62.5%;
  }

  .medium-up--push-six-eighths {
    left: 75%;
  }

  .medium-up--push-seven-eighths {
    left: 87.5%;
  }

  .medium-up--push-one-tenth {
    left: 10%;
  }

  .medium-up--push-two-tenths {
    left: 20%;
  }

  .medium-up--push-three-tenths {
    left: 30%;
  }

  .medium-up--push-four-tenths {
    left: 40%;
  }

  .medium-up--push-five-tenths {
    left: 50%;
  }

  .medium-up--push-six-tenths {
    left: 60%;
  }

  .medium-up--push-seven-tenths {
    left: 70%;
  }

  .medium-up--push-eight-tenths {
    left: 80%;
  }

  .medium-up--push-nine-tenths {
    left: 90%;
  }

  .medium-up--push-one-twelfth {
    left: 8.33333%;
  }

  .medium-up--push-two-twelfths {
    left: 16.66667%;
  }

  .medium-up--push-three-twelfths {
    left: 25%;
  }

  .medium-up--push-four-twelfths {
    left: 33.33333%;
  }

  .medium-up--push-five-twelfths {
    left: 41.66667%;
  }

  .medium-up--push-six-twelfths {
    left: 50%;
  }

  .medium-up--push-seven-twelfths {
    left: 58.33333%;
  }

  .medium-up--push-eight-twelfths {
    left: 66.66667%;
  }

  .medium-up--push-nine-twelfths {
    left: 75%;
  }

  .medium-up--push-ten-twelfths {
    left: 83.33333%;
  }

  .medium-up--push-eleven-twelfths {
    left: 91.66667%;
  }
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media only screen and (max-width:589px) {
  .small--show {
    display: block !important;
  }

  .small--hide {
    display: none !important;
  }

  .small--text-left {
    text-align: left !important;
  }

  .small--text-right {
    text-align: right !important;
  }

  .small--text-center {
    text-align: center !important;
  }
}


.grid--1-col .grid__item {
  max-width: 100%;
  width: 100%;
}

.grid--3-col .grid__item {
  width: calc(33.33% - 0.5rem * 2 / 3);
}

@media screen and (min-width: 750px) {
  .grid--3-col .grid__item {
    width: calc(33.33% - 1rem * 2 / 3);
  }
}

.grid--2-col .grid__item {
  width: calc(50% - 0.5rem / 2);
}

@media screen and (min-width: 769px) {
  .grid--2-col .grid__item {
    width: calc(50% - 0rem / 2);
  } 

  .grid--4-col-tablet .grid__item {
    width: calc(25% - 0rem * 3 / 4);
  }

  .grid--3-col-tablet .grid__item {
    width: calc(33.33% - 0rem * 2 / 3);
  }

  .grid--2-col-tablet .grid__item {
    width: calc(50% - 0rem / 2);
  }
}
@media screen and (min-width: 769px) {
 .product__media-list>.product__media-item:first-child {
    width: 100%;
  }
}




@media only screen and (min-width:590px) {
  .medium-up--show {
    display: block !important;
  }

  .medium-up--hide {
    display: none !important;
  }

  .medium-up--text-left {
    text-align: left !important;
  }

  .medium-up--text-right {
    text-align: right !important;
  }

  .medium-up--text-center {
    text-align: center !important;
  }
}

@media only screen and (min-width:769px) {
  .large-up--show {
    display: block !important;
  }

  .large-up--hide {
    display: none !important;
  }

  .large-up--text-left {
    text-align: left !important;
  }

  .large-up--text-right {
    text-align: right !important;
  }

  .large-up--text-center {
    text-align: center !important;
  }
}

@media only screen and (min-width:1050px) {
  .widescreen--show {
    display: block !important;
  }

  .widescreen--hide {
    display: none !important;
  }

  .widescreen--text-left {
    text-align: left !important;
  }

  .widescreen--text-right {
    text-align: right !important;
  }

  .widescreen--text-center {
    text-align: center !important;
  }
}

html {
  touch-action: manipulation;
}

html[dir=rtl] {
  direction: rtl;
}

a,
input,
p,
button,
svg,
ul,
small,
i,
img,
.btn:before,
article{
  -webkit-transition: all 0.5s ease !important;
  -moz-transition: all 0.5s ease !important;
  transition: all 0.5s ease !important;
}

body,
html {
  background-color: #ffffff;
  background-color: var(--colorBody);
  color: #1c1d1d;
  color: var(--colorTextBody);
}

/* img {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
 */
.page-width-new {
  max-width: 1400px;
  margin: 0 auto;
  width:100%;
}
.page-width {
  max-width: 1370px;
  margin: 0 auto;
  width:100%;
}

.big-page-width {
  max-width: 1760px;
  
  padding: 0px 40px;
  
  
  margin: 0 auto;
  /* height: 50px; */
  
}
.medium-page-width {
  max-width: 1700px;
  
  padding: 0px 40px;
  
  
  margin: 0 auto;
  /* height: 50px; */
  
}

.page-narrow {
  max-width: 1300px;

  margin: 0 auto;
}

.page-full,
.page-narrow,
.page-width,
.page-width-new{
  padding: 0 10px;
}

@media only screen and (min-width:590px) {

  .page-full,
  .page-narrow,
  .page-width,.page-width-new {
    padding: 0 40px
  }
}

@media only screen and (max-width:589px) {
  .big-page-width {

    padding: 0px 1.25em;
  }

  .page-width--flush-small {
    padding: 0;
  }
}

.page-content,
.shopify-email-marketing-confirmation__container,
.shopify-policy__container {
  padding-top: 30px;
  padding-bottom: 30px
}

@media only screen and (min-width:590px) {

  .page-content,
  .shopify-email-marketing-confirmation__container,
  .shopify-policy__container {
    padding-top: 50px;
    padding-bottom: 60px
  }
}

.shopify-email-marketing-confirmation__container {
  text-align: center;
}

.page-content--with-blocks {
  padding-bottom: 0;
}

@media only screen and (max-width:589px) {

  .product-section .page-content {
    padding-top: 20px
  }
}

.main-content {
  display: block;
  min-height: 300px;


}

.main-content h1 {
  padding-top: 4rem;
}

@media only screen and (min-width:590px) {

  .main-content {
    min-height: 650px
  }
}

.template-challange .main-content {
  min-height: 0
}

.hr--large,
.hr--medium,
.hr--small,
hr {
  height: 1px;
  border: 0;
  border-top: 1px solid;
  border-top-color: #e8e8e1;
  border-top-color: var(--colorBorder);
}

.hr--small {
  margin: 15px auto;
}

.hr--medium {
  margin: 25px auto
}

@media only screen and (min-width:590px) {

  .hr--medium {
    margin: 35px auto
  }
}

.hr--large {
  margin: 40px auto
}

@media only screen and (min-width:590px) {

  .hr--large {
    margin: 60px auto
  }
}

.page-blocks .hr--large {
  margin-top: 0;
}

.hr--clear {
  border: 0;
}

@media only screen and (max-width:589px) {
  .table--responsive thead {
    display: none;
  }

  .table--responsive tr {
    display: block;
  }

  .table--responsive td,
  .table--responsive tr {
    float: left;
    clear: both;
    width: 100%;
  }

  .table--responsive td,
  .table--responsive th {
    display: block;
    text-align: right;
    padding: 15px;
  }

  .table--responsive td:before {
    font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
    font-weight: var(--typeHeaderWeight);
    letter-spacing: var(--typeHeaderSpacing);
    line-height: var(--typeHeaderLineHeight);
  }

  [data-type_header_capitalize=true] .table--responsive td:before {
    text-transform: uppercase;
  }

  [data-type_header_accent_transform=true] .table--responsive td:before {
    text-transform: uppercase;

  }

  .table--responsive td:before {
    content: attr(data-label);
    float: left;
    font-size: 12px;
    padding-right: 10px;
  }
}

@media only screen and (max-width:589px) {
  .table--small-hide {
    display: none !important;
  }

  .table__section+.table__section {
    position: relative;
    margin-top: 10px;
    padding-top: 15px
  }

  .table__section+.table__section:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    border-bottom: 1px solid;
    border-bottom-color: #e8e8e1;
    border-bottom-color: var(--colorBorder);
  }
}

body,
button,
input,
p,
select,
textarea {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
  font-size: var(--typeBaseSize);
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeSpeed;
}

body {
  font-weight: 400;
  word-break: break-word!important;
}

p {
  margin: 0 0 20px 0
}

p img {
  margin: 0;
}

em {
  font-style: italic;
}

b,
strong {
  font-weight: 700;
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
}

p[data-spam-detection-disclaimer],
small {
  font-size: 0.9em;
}

sub,
sup {
  position: relative;
  font-size: 60%;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.5em;
}
/* 
.rte blockquote,
blockquote {
  margin: 0;
  padding: 20px 40px 40px
}

.rte blockquote p,
blockquote p {
  font-size: calc(var(--typeBaseSize) + 1px)
}

@media only screen and (min-width:590px) {

  .rte blockquote p,
  blockquote p {
    font-size: calc(var(--typeBaseSize) + 3px)
  }
}

.rte blockquote p,
blockquote p {
  margin-bottom: 0
}

.rte blockquote p+cite,
blockquote p+cite {
  margin-top: 20px;
}

.rte blockquote cite,
blockquote cite {
  display: block
} */

.rte blockquote cite:before,
blockquote cite:before {
  content: "\2014 \0020";
}

code,
pre {
  background-color: #faf7f5;
  font-family: Consolas, monospace;
  font-size: 1em;
  border: 0 none;
  padding: 0 2px;
  color: #51ab62;
}

pre {
  overflow: auto;
  padding: 20px;
  margin: 0 0 40px;
}

.label,
label {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .label,
[data-type_header_capitalize=true] label {
  text-transform: uppercase
}

[data-type_header_accent_transform=true] .label,
[data-type_header_accent_transform=true] label {
  text-transform: uppercase;
 
}

.label,
label {
  font-size: calc(var(--typeBaseSize)*0.9)
}

[data-type_header_accent_transform=true] .label,
[data-type_header_accent_transform=true] label {
  font-size: calc(var(--typeBaseSize)*0.9)
}

@media only screen and (min-width:590px) {

  .label,
  label {
    font-size: calc(var(--typeBaseSize)*0.9)
  }

  /* [data-type_header_accent_transform=true] .label,
  [data-type_header_accent_transform=true] label {
    font-size: calc(var(--typeBaseSize)*0.9)
  } */
}

.collapsible-content .label,
.collapsible-content label {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
  text-transform: none;
  font-size: calc(var(--typeBaseSize) - 3px)
}

#comments .label,
#comments label {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
  text-transform: none;
  font-size: calc(var(--typeBaseSize) + 2px)
}

.ajaxcart__note .label,
.ajaxcart__note label {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
  text-transform: none;
  font-size: calc(var(--typeBaseSize) - 3px)
}

.template-page .contact-form .label,
.template-page .contact-form label {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
  text-transform: none;
  font-size: var(--typeBaseSize)
}

label {
  display: block;
  margin-bottom: 10px;
}

.label-info {
  display: block;
  margin-bottom: 10px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .h1,
[data-type_header_capitalize=true] .h2,
[data-type_header_capitalize=true] .h3,
[data-type_header_capitalize=true] .h4,
[data-type_header_capitalize=true] .h5,
[data-type_header_capitalize=true] .h6,
[data-type_header_capitalize=true] h1,
[data-type_header_capitalize=true] h2,
[data-type_header_capitalize=true] h3,
[data-type_header_capitalize=true] h4,
[data-type_header_capitalize=true] h5,
[data-type_header_capitalize=true] h6 {
  text-transform: uppercase
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  display: block;
  margin: 0 0 10px
}

.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
  font-weight: inherit;
}

@media only screen and (min-width:590px) {

  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0 0 20px
  }
}

.h1,
h1 {
  font-size: calc(var(--typeHeaderSize)*0.85)
}

@media only screen and (min-width:590px) {

  .h1,
  h1 {
    font-size: var(--typeHeaderSize)
  }
}

.h2,
h2 {
  font-size: calc(var(--typeHeaderSize)*0.9*0.85)
}

@media only screen and (min-width:590px) {

  .h2,
  h2 {
    font-size: calc(var(--typeHeaderSize)*1)
  }
}

.h3,
h3 {
  font-size: calc(var(--typeHeaderSize)*0.85*0.85)
}

@media only screen and (min-width:590px) {

  .h3,
  h3 {
    font-size: calc(var(--typeHeaderSize)*0.85)
  }
}

.h4,
h4 {
  font-size: calc(var(--typeHeaderSize)*0.61*0.85)
}

@media only screen and (min-width:590px) {

  .h4,
  h4 {
    font-size: calc(var(--typeHeaderSize)*0.61)
  }
}

.h5 h6,
.h6,
h5 {
  font-size: calc(var(--typeHeaderSize)*0.5);
}

.text-spacing {
  margin-bottom: 20px;
}

.rte h1 {
  font-size: calc(var(--typeHeaderSize)*0.85)
}

@media only screen and (min-width:590px) {

  .rte h1 {
    font-size: var(--typeHeaderSize)
  }
}

.rte h2 {
  font-size: calc(var(--typeHeaderSize)*0.85*0.85)
}

@media only screen and (min-width:590px) {

  .rte h2 {
    font-size: calc(var(--typeHeaderSize)*0.85)
  }
}

.rte h3 {
  font-size: calc(var(--typeHeaderSize)*0.69*0.85)
}

@media only screen and (min-width:590px) {

  .rte h3 {
    font-size: calc(var(--typeHeaderSize)*0.69)
  }
}

.rte h4 {
  font-size: calc(var(--typeHeaderSize)*0.59*0.85)
}

@media only screen and (min-width:590px) {

  .rte h4 {
    font-size: calc(var(--typeHeaderSize)*0.59)
  }
}

.collapsible-content .rte table {
  font-size: calc(var(--typeBaseSize) - 3px)
}

.collapsible-content .rte table td,
.collapsible-content .rte table th {
  padding: 6px 8px;
}

@media only screen and (max-width:589px) {

  .rte table {
    font-size: calc(var(--typeBaseSize) - 3px)
  }

  .rte table td,
  .rte table th {
    padding: 6px 8px;
  }
}

.larger-text .h3 {
  font-size: calc(var(--typeHeaderSize)*0.85)
}

@media only screen and (min-width:590px) {

  .larger-text .h3 {
    font-size: var(--typeHeaderSize)
  }
}

.larger-text p {
  font-size: calc(var(--typeBaseSize) + 1px)
}

@media only screen and (min-width:590px) {

  .larger-text p {
/*     font-size: calc(var(--typeBaseSize) + 3.5px); */
    font-size: 19.5px;
   
  }
}

.larger-text .subtitle {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight)
}

[data-type_base_accent_transform=true] .larger-text .subtitle {
  text-transform: uppercase;
  letter-spacing: 0.2em
}

.larger-text .subtitle {
  font-size: var(--typeBaseSize);
  margin-bottom: 5px
}

[data-type_base_accent_transform=true] .larger-text .subtitle {
  font-size: calc(var(--typeBaseSize)*0.85)
}

@media only screen and (min-width:590px) {

  .larger-text .subtitle {
    font-size: calc(var(--typeBaseSize)*1.13)
  }

  [data-type_base_accent_transform=true] .larger-text .subtitle {
    font-size: var(--typeBaseSize)
  }
}

.date {
  display: inline-block;
  line-height: 1.7;
  margin-bottom: 5px;
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .date {
  text-transform: uppercase
}

[data-type_header_accent_transform=true] .date {
  text-transform: uppercase;
  letter-spacing: 0.2em
}

@media only screen and (min-width:590px) {

  .date {
    margin-bottom: 0
  }
}

.section-header .date:last-child {
  margin-bottom: 40px;
}

.comment-author {
  margin-bottom: 0;
  font-size: 16px;
}

.comment-date {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight)
}

[data-type_base_accent_transform=true] .comment-date {
  text-transform: uppercase;
  letter-spacing: 0.2em
}

.comment-date {
  font-size: 12px;
  display: block;
  margin-top: 3px
}

@media only screen and (max-width:589px) {

  .comment-date {
    font-size: 10px;
    margin-bottom: 20px
  }
}

.ajaxcart__price {
  line-height: 1.2;
  margin-bottom: 10px
}

@media only screen and (max-width:589px) {

  .ajaxcart__price {
    font-size: calc(var(--typeBaseSize)*0.85)
  }
}

.ajaxcart__note {
  font-size: 11px;
  opacity: 1;
  margin-bottom: 15px
}

@media only screen and (min-width:590px) {

  .ajaxcart__note {
    font-size: 13px
  }
}

.cart__savings {
  color: #1c1d1d;
  color: var(--colorSalePrice);
}

.skrim__title {
  font-size: calc(var(--typeHeaderSize)*0.46);
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .skrim__title {
  text-transform: uppercase
}

@media only screen and (min-width:590px) {

  .skrim__title {
    font-size: calc(var(--typeHeaderSize)*0.71)
  }
}

.rte .enlarge-text {
  margin: 0
}

.rte .enlarge-text p {
  font-size: calc(var(--typeBaseSize)*1.13)
}

@media only screen and (min-width:590px) {

  .rte .enlarge-text p {
    font-size: calc(var(--typeBaseSize)*1.4)
  }
}

.rte .enlarge-text p:last-child {
  margin-bottom: 0;
}

html[dir=rtl] .text-left {
  text-align: right !important;
}

html[dir=rtl] .text-right {
  text-align: left !important;
}

ol,
ul {
  margin: 0 0 20px 40px;
  padding: 0;
  text-rendering: optimizeLegibility;
}

ol ol {
  list-style: lower-alpha;
}

ol {
  list-style: decimal;
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin: 4px 0 5px 20px;
}

li {
  margin-bottom: 0.25em;
}

ul.square {
  list-style: square outside;
}

ul.disc {
  list-style: disc outside;
}

ol.alpha {
  list-style: lower-alpha outside;
}

.no-bullets {
  list-style: none outside;
  margin-left: 0;
}

.inline-list {
  padding: 0;
  margin: 0
}

.inline-list li {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

table {
  width: 100%;
  border-spacing: 1px;
  position: relative;
  border: 0 none;
  background: #e8e8e1;
  background: var(--colorBorder);
}

.table-wrapper {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

td,
th {
  border: 0 none;
  text-align: left;
  padding: 10px 15px;
  background: #ffffff;
  background: var(--colorBody)
}

html[dir=rtl] td,
html[dir=rtl] th {
  text-align: right
}

th {
  font-weight: 700;
}

.table__title,
th {
  font-weight: 700;
}

.text-link,
a {
  color: #1c1d1d;
  color: var(--colorTextBody);
  text-decoration: none;
  background: transparent
}

.text-link:hover,
a:hover {
  color: #1c1d1d;
  color: var(--colorTextBody);
}

.customers a {
  text-decoration: none;
  border-bottom: 2px solid;
  border-bottom-color: rgba(28, 29, 29, 0.1);
  position: relative
}

[data-animate_underlines=true] .customers a:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  border-bottom: 2px solid;
  border-bottom-color: #1c1d1d;
  border-bottom-color: var(--colorTextBody);
  transform: scale(0);
  transform-origin: 0 50%;
  transition: transform 0.5s ease;
}

[data-animate_underlines=true] .customers a:focus:after,
[data-animate_underlines=true] .customers a:hover:after {
  transform: scale(1);
}

.text-link {
  display: inline;
  border: 0 none;
  background: none;
  padding: 0;
  margin: 0;
}

.rte a,
.shopify-email-marketing-confirmation__container a,
.shopify-policy__container a {
  color: #1c1d1d;
  color: var(--colorLink);
}

button {
  overflow: visible;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

.btn,
.product-reviews .spr-button,
.product-reviews .spr-summary-actions a,
.rte .btn,
.shopify-payment-button .shopify-payment-button__button--unbranded {
 font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
  line-height: 1;
}
[data-type_header_capitalize=true] .btn,
[data-type_header_capitalize=true] .product-reviews .spr-button,
[data-type_header_capitalize=true] .product-reviews .spr-summary-actions a,
[data-type_header_capitalize=true] .rte .btn,
[data-type_header_capitalize=true] .shopify-payment-button .shopify-payment-button__button--unbranded {
  text-transform: uppercase
}

.btn,
.product-reviews .spr-button,
.product-reviews .spr-summary-actions a,
.rte .btn,
.shopify-payment-button .shopify-payment-button__button--unbranded {
  display: inline-block;
  padding: 10px 40px;
  margin: 0;
  width: auto;
  min-width: 110px;
  line-height: 1.42;
  font-size: 16px;
  font-size: .83vw;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: normal;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  color: #ffffff;
  color: var(--colorBtnPrimaryText);
  background: #111111;
  background: var(--colorBtnPrimary);
  transition: padding-right 0.3s, background 0.3s, opacity 1s;
  border-radius: 50px !important;
}
.shopify-payment-button .shopify-payment-button__button--unbranded {
  font-size: 16px;
}
/* .shopify-payment-button .shopify-payment-button__button:hover {
  text-indent: 10px;
} */

.site-nav__link--icon.js-drawer-open-cart{
padding-right: 0px!important;
margin-left:10px;
}

 
@media only screen and (max-width:589px) {

  .btn,
  .product-reviews .spr-button,
  .product-reviews .spr-summary-actions a,
  .rte .btn,
  .shopify-payment-button .shopify-payment-button__button--unbranded {
    font-size: 14px;
    padding: 8px 18px
  }
}

.btn:hover,
.product-reviews .spr-button:hover,
.product-reviews .spr-summary-actions a:hover,
.rte .btn:hover{
  color: var(--colorBtnPrimaryText);
  background-color: #111111;
  background-color: var(--colorBtnPrimary);
}


.btn:active,
.product-reviews .spr-button:active,
.product-reviews .spr-summary-actions a:active,
.rte .btn:active,
.shopify-payment-button .shopify-payment-button__button--unbranded:active {
  opacity: 0.6;
  transition: opacity 0.1s ease;
}

.btn.disabled,
.btn[disabled],
.product-reviews .spr-button.disabled,
.product-reviews .spr-button[disabled],
.product-reviews .spr-summary-actions a.disabled,
.product-reviews .spr-summary-actions a[disabled],
.rte .btn.disabled,
.rte .btn[disabled],
.shopify-payment-button .shopify-payment-button__button--unbranded.disabled,
.shopify-payment-button .shopify-payment-button__button--unbranded[disabled] {
  cursor: default;
  color: var(--colorPrimary) !important;
  background-color: #a8f1fb !important;
  transition: none
}

.btn.disabled:hover,
.btn[disabled]:hover,
.product-reviews .spr-button.disabled:hover,
.product-reviews .spr-button[disabled]:hover,
.product-reviews .spr-summary-actions a.disabled:hover,
.product-reviews .spr-summary-actions a[disabled]:hover,
.rte .btn.disabled:hover,
.rte .btn[disabled]:hover,
.shopify-payment-button .shopify-payment-button__button--unbranded.disabled:hover,
.shopify-payment-button .shopify-payment-button__button--unbranded[disabled]:hover {
  color: #ffffff;
  background-color: #f6f6f6;
}

/* .shopify-payment-button .shopify-payment-button__button--unbranded:hover:not([disabled]) {
  color: #ffffff;
  color: var(--colorBtnPrimaryText);
  background-color: #fcb647;
  background-color: var(--colorCartDot);
} */

.shopify-payment-button__more-options {
  color: inherit;
  display:none!important;
}

.btn--no-animate {
  background-image: none;
  transition: opacity 1s;
}

[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static) {
  /* background: #111111 url(https://cdn.shopify.com/s/files/1/0444/9474/9855/t/20/assets/button-arrow.png?v=1628678478) no-repeat 150% 35%;
  background: var(--colorBtnPrimary) url(https://cdn.shopify.com/s/files/1/0444/9474/9855/t/20/assets/button-arrow.png?v=1628678478) no-repeat 150% 35%;
   */
  background-color: var(--colorBtnPrimary) ;
  background-size: 29px;
  
    /* font-weight:bold; */
}
.payment-buttons .shopify-payment-button__button--unbranded:hover,
    [data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static):hover{
      text-decoration: underline;
  }

[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static).add-to-cart--secondary,
[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static).btn--inverse {
  /*background-image:url(//cdn.shopify.com/s/files/1/0043/0673/1081/t/11/assets/button-arrow-black.png);*/
}
 
.template-index   .btn{
  background-color: var(--colorBtnIndex) !important;
}
[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static).index-color{
  background-color: var(--colorBtnIndex) ;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.25),
only screen and (-webkit-min-device-pixel-ratio:2.0833333333333335),
only screen and (min-device-pixel-ratio:1.25),
only screen and (min-resolution:1.25dppx),
only screen and (min-resolution:200dpi) {

  /* [data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static) {
    background-image: url(//cdn.shopify.com/s/files/1/0043/0673/1081/t/11/assets/button-arrow-2x.png)
  }

  [data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static).add-to-cart--secondary,
  [data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static).btn--inverse {
    background-image: url(//cdn.shopify.com/s/files/1/0043/0673/1081/t/11/assets/button-arrow-black-2x.png);
  } */
}
[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static):hover:not([disabled]) {
  opacity: 0.8;
}

/* [data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static):hover:not([disabled]) {
  padding-right: 55px;
  background-position: 91% 35%
}

[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static):hover:not([disabled]).add-to-cart {
  background-position: 95% 35%;
} */

[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static).disabled:hover,
[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static)[disabled]:hover {
  background-image: none;
}

[data-animate_buttons=true] .btn--small:not(.btn--no-animate):not(.btn--tertiary) {
  background-position: 150% 45%
}

/* [data-animate_buttons=true] .btn--small:not(.btn--no-animate):not(.btn--tertiary):hover {
  background-position: 91% 45%;
  padding-right: 51px;
} */

.btn--tertiary,
.rte .btn--tertiary {
  background-color: transparent;
  border: 1px solid ;
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
  color: #1c1d1d;
  color: var(--colorTextBody);
  font-weight: 400;
  font-size: 12px;
  padding: 6px 10px
}

@media only screen and (min-width:590px) {

  .btn--tertiary,
  .rte .btn--tertiary {
    font-size: 14px
  }
}

.btn--tertiary:hover,
.rte .btn--tertiary:hover {
  background-color: transparent;
  color: #1c1d1d;
  color: var(--colorTextBody);
  border-color: #1c1d1d;
  border-color: var(--colorTextBody);
  transition: border 0.25s ease;
}

.btn--tertiary.disabled,
.btn--tertiary[disabled],
.rte .btn--tertiary.disabled,
.rte .btn--tertiary[disabled] {
  cursor: default;
  color: #444;
  background-color: #f6f6f6;
}

.btn--small,
.collapsibles-wrapper .spr-button,
.collapsibles-wrapper .spr-summary-actions a {
  padding: 8px 13px;
  font-size: 14px;
  background-position: 150% 45%;
  min-width: 100px
}

@media only screen and (max-width:589px) {

  .btn--small,
  .collapsibles-wrapper .spr-button,
  .collapsibles-wrapper .spr-summary-actions a {
    font-size: 12px;
    padding: 7px 12px
  }
}

.btn--large {
  padding: 15px 20px;
  font-size: 18px;
}

.btn--full {
  width: 100%;
  padding: 11px 20px;
  font-size: 16px;
}

.btn--inverse {
  background-color: transparent !important;
  border: 2px solid #fff;
  color: #fff
}

.btn--inverse:active,
.btn--inverse:hover {
  /*background-color:#fff !important;*/
  /*color:#000 !important;*/
  transition: all 0.5s ease;
}

.btn--inverse:hover {
  background-color: none !important;
  color: var(--colorPrimary);
}

.hero__link .btn--inverse {
  color: #ffffff;
  color: var(--colorHeroText);
  border-color: #ffffff;
  border-color: var(--colorHeroText)
}

.btn--body {
  background-color: #ffffff;
  background-color: var(--colorBody);
  color: #1c1d1d;
  color: var(--colorTextBody)
}

.btn--body:active,
.btn--body:hover {
  background-color: #ffffff;
  background-color: var(--colorBody);
  color: #1c1d1d;
  color: var(--colorTextBody);
}

.btn--circle {
  padding: 10px;
  border-radius: 50%;
  min-width: 0;
  line-height: 1
}

.btn--circle .icon {
  width: 20px;
  height: 20px;
}

.btn--circle:after,
.btn--circle:before {
  content: none;
  background: none;
  width: auto;
}

.btn--circle.btn--large .icon {
  width: 30px;
  height: 30px;
}

.btn--circle.btn--large {
  padding: 15px;
}

.btn--loading {
  position: relative;
  text-indent: -9999px;

  background-color: #040404;

  background-color: var(--colorBtnPrimaryDim);
  color: #040404;
  color: var(--colorBtnPrimaryDim)
}

.btn--loading:active,
.btn--loading:hover {
  background-color: #040404;
  background-color: var(--colorBtnPrimaryDim);
  color: #040404;
  color: var(--colorBtnPrimaryDim);
  background-image: none !important;
}

.btn--loading:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
  border-radius: 50%;
  border: 3px solid;
  border-color: #ffffff;
  border-color: var(--colorBtnPrimaryText);
  border-top-color: transparent;
  animation: spin 1s linear infinite;
}

.btn--loading.add-to-cart--secondary {
  background-color: transparent;
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
  color: #1c1d1d;
  color: var(--colorTextBody)
}

.btn--loading.add-to-cart--secondary:active,
.btn--loading.add-to-cart--secondary:hover {
  background-color: transparent;
  color: #1c1d1d;
  color: var(--colorTextBody);
}

.btn--loading.add-to-cart--secondary:after {
  border-color: #1c1d1d;
  border-color: var(--colorTextBody);
  border-top-color: transparent;
}

/* .return-link {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
} */

[data-type_header_capitalize=true] .return-link {
  text-transform: uppercase
}

.return-link {
  font-size: 18px;
  text-align: center
}

@media only screen and (min-width:590px) {

  .return-link {
    font-size: 20px
  }
}

.return-link .icon {
  width: 27px;
  margin-right: 8px;
}

.collapsible-trigger-btn {
  display: block;
  width: 100%;
  text-align: left;
  padding: 22.85714px 0
}

@media only screen and (max-width:589px) {

  .collapsible-trigger-btn {
    padding: 20px 0
  }
}

.collapsible-trigger-btn.btn--tertiary {
  padding: 6px 10px;
  width: auto;
}

.collapsible-trigger-btn--borders {
  border-top: 1px solid;
  border-top-color: #e8e8e1;
  border-top-color: var(--colorBorder)
}

.collapsible-trigger-btn--borders:first-child {
  border-top: none;
}

.collapsible-content+.collapsible-trigger-btn--borders {
  margin-top: -1px
}

.collapsible-trigger-btn--borders+.collapsible-content .collapsible-content__inner {
  padding-bottom: 20px;
}

.shopify-payment-button {
  margin-top: 10px;
}

.shopify-payment-button .shopify-payment-button__button--unbranded {
  display: block;
  width: 100%;
  transition: none
}



/* .payment-buttons button,
.shopify-payment-button__button {}

.shopify-payment-button .shopify-payment-button__button--unbranded:hover,
.shopify-payment-button .shopify-payment-button__button--unbranded:hover:not([disabled]) {
  background-position: 150% 35%;
  padding: 11px 20px;
} */
    .shopify-payment-button .shopify-payment-button__button--unbranded{
        
    padding:10px 20px;
      border-radius: 50px!important;
    font-weight: bold;
      background: var(--colorPrimary);
    color: #ffff;
    }
.payment-buttons .add-to-cart,
.payment-buttons .shopify-payment-button,
.payment-buttons .shopify-payment-button__button--unbranded {
  font-size: 20px;
    /* text-transform: uppercase; */
 /* height:50px; */
  font-weight: 300;
  border-radius: 10px;
  line-height: 1;

}
.product-single__meta .js-qty__num{
height:50px;
}

.payment-buttons-absolute .add-to-cart {
  /* background: var(--colorPrimary) !important; */
  padding-right: 20px !important;
  transition: all 0s ease !important;
      white-space: nowrap;
     

}

.payment-buttons-absolute .add-to-cart:hover {
  opacity: 0.88;
}

.payment-buttons-absolute .add-to-cart span {
  transition: all 0s ease !important;
}

.payment-buttons .add-to-cart--secondary {
  min-height: 60px;
    font-size: 2.8rem;
    font-weight: 300;
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  /* font-weight: var(--typeHeaderWeight); */
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .payment-buttons .add-to-cart--secondary {
  text-transform: uppercase
}

.payment-buttons .add-to-cart--secondary {
  background-color: #ffffff !important;
  background-color: var(--colorPrimary) !important;
  border: 1px solid;
  border-color: #024488;
  border-color: var(--colorPrimary);
  color: #1c1d1d !important;
  color: #fff !important;
  padding: 11px 20px;
  border-radius: 10px;
  position: relative;
  transition: all 0s ease !important;
  margin-right: 0;
}

.payment-buttons .add-to-cart--secondary:hover {
  opacity: 0.8;
  background-color: none !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}


@media only screen and (max-width:589px) {

  .payment-buttons .add-to-cart--secondary {
    font-size: 14px;
    padding: 8px 18px;

  }
}

.shopify-payment-button__button--hidden {
  display: none !important;
}

img {
  border: 0 none;
}

svg:not(:root) {
  overflow: hidden;
}

iframe,
img {
  max-width: 100%;
}

img[data-sizes=auto] {
  display: block;
  width: 100%;
}

.lazyload {
  opacity: 0
}

.no-js .lazyload {
  display: none
}

.lazyloaded {
  opacity: 1;
  transition: opacity 0.4s ease;
}

.video-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  height: auto
}

.video-wrapper iframe,
.video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-wrapper--modal {
  width: 1000px;
}

.grid__image-ratio {
  position: relative;
  background-color: #ffffff;
  background-color: var(--colorSmallImageBg)
}

.grid__image-ratio img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.grid__image-ratio img.grid__image-contain {
  -o-object-fit: contain;
  object-fit: contain;
}

[data-animate_images=true] .grid__image-ratio img {
  opacity: 0
}

[data-animate_images=true] .grid__image-ratio img.lazyloaded {
  opacity: 1;
  animation: 0.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
  animation-name: zoom-fade-small;
  transition: none;
}

.grid__image-ratio:before {
  content: "";
  display: block;
  height: 0;
  width: 100%;
}

.grid__image-ratio--wide:before {
  padding-bottom: 56.25%;
}

.grid__image-ratio--landscape:before {
  padding-bottom: 75%;
}

.grid__image-ratio--square:before {
  padding-bottom: 100%;
}

.grid__image-ratio--portrait:before {
  padding-bottom: 150%;
}
.pc-slide-columns{
  display: flex;
  justify-content: center;
  align-items: center;
}
.pc-slide-columns .pcsc-item{
  text-align: center;
  flex:0 1 auto;
}
.image-fit {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";

}

.parallax-container {
  position: absolute;
  top: 0%;
  left: 0;
  height: 100%;
  width: 100%;
}

.parallax-image {
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
}

/* @media only screen and (min-width:590px){

.parallax-image{
    height:115%
}
  } */

.parallax-image img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

form {
  margin: 0;
}

.form-vertical {
  margin-bottom: 20px;
}

.inline {
  display: inline;
}

@media only screen and (max-width:768px) {

  input,
  textarea {
    font-size: 16px;
  }
}

button,
input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
}

button {
  background: none;
  border: none;
  display: inline-block;
  cursor: pointer;
}

fieldset {
  border: 1px solid;
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
  padding: 20px;
}

legend {
  border: 0;
  padding: 0;
}

button,
input[type=submit] {
  cursor: pointer;
}

input,
select,
textarea {
  border: 1px solid;
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
  max-width: 100%;
  padding: 10px 15px;
  border-radius: 0;

}

input.disabled,
input[disabled],
select.disabled,
select[disabled],
textarea.disabled,
textarea[disabled] {
  cursor: default;
  border-color: var(--colorPrimary);
}

input.input-full,
select.input-full,
textarea.input-full {
  width: 100%;
}

textarea {
  min-height: 100px;
}

input[type=checkbox],
input[type=radio] {
  margin: 0 10px 0 0;
  padding: 0;
  width: auto;
}

input[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
}

input[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
}

input[type=image] {
  padding-left: 0;
  padding-right: 0;
}

.faux-select,
select {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  padding-right: 28px;
  text-indent: 0.01px;
  text-overflow: "";
  cursor: pointer;
  color: inherit;
}

select {
  background-position: 100%;
  background-image: url(//cdn.shopify.com/s/files/1/0043/0673/1081/t/11/assets/ico-select.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 11px
}

.is-light select {
  background-image: url(//cdn.shopify.com/s/files/1/0043/0673/1081/t/11/assets/ico-select-white.svg)
}

.faux-select .icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 11px;
  height: 11px;
}

optgroup {
  font-weight: 700;
}

option {
  color: #000;
  background-color: #fff;
}

option[disabled] {
  color: #ccc;
}

select::-ms-expand {
  display: none;
}

.hidden-label {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}

label[for] {
  cursor: pointer;
}

.form-vertical input,
.form-vertical select,
.form-vertical textarea {
  display: block;
  margin-bottom: 30px;
}

.form-vertical .btn,
.form-vertical input[type=checkbox],
.form-vertical input[type=radio] {
  display: inline-block;
}

.form-vertical .btn:not(:last-child) {
  margin-bottom: 30px;
}

small {
  display: block;
}

input.error,
textarea.error {
  border-color: #FC9C9C;
  background-color: #FFF6F6;
  color: #D02E2E;
}

label.error {
  color: #d02e2e;
}

.selector-wrapper label {
  margin-right: 10px;
}

.selector-wrapper+.selector-wrapper {
  margin-top: 20px;
}

.input-group {
  display: flex
}

.input-group .input-group-btn:first-child,
.input-group .input-group-btn:first-child>.btn,
.input-group .input-group-field:first-child,
.input-group input[type=hidden]:first-child+.input-group-btn>.btn,
.input-group input[type=hidden]:first-child+.input-group-field {
  border-radius: 0 0 0 0;
}

.input-group .input-group-btn:last-child>.btn,
.input-group .input-group-field:last-child {
  border-radius: 0 0 0 0;
}

.input-group input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin-top: -1px;
  margin-bottom: -1px;
}

.input-group-btn,
.input-group-field {
  margin: 0;
}

.input-group .input-group-field {
  flex: 1 1 auto;
  min-width: 0;
}

.input-group-btn {
  flex: 0 1 auto;
  padding: 0
}

.input-group-btn .icon {
  vertical-align: baseline;
  vertical-align: initial;
}

.input-group-btn .btn {
  margin-top: 0;
  height: 100%;
  background-image: none !important
}

.input-group-btn .btn:hover {
  padding-right: 20px !important;
}

.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  fill: currentColor
}

.no-svg .icon {
  display: none
}

.icon--full-color {
  fill: initial;
}

svg.icon:not(.icon--full-color) circle,
svg.icon:not(.icon--full-color) ellipse,
svg.icon:not(.icon--full-color) g,
svg.icon:not(.icon--full-color) line,
svg.icon:not(.icon--full-color) path,
svg.icon:not(.icon--full-color) polygon,
svg.icon:not(.icon--full-color) polyline,
svg.icon:not(.icon--full-color) rect,
symbol.icon:not(.icon--full-color) circle,
symbol.icon:not(.icon--full-color) ellipse,
symbol.icon:not(.icon--full-color) g,
symbol.icon:not(.icon--full-color) line,
symbol.icon:not(.icon--full-color) path,
symbol.icon:not(.icon--full-color) polygon,
symbol.icon:not(.icon--full-color) polyline,
symbol.icon:not(.icon--full-color) rect {
  fill: inherit;
  stroke: inherit;
}

.icon-bag-minimal circle,
.icon-bag-minimal ellipse,
.icon-bag-minimal g,
.icon-bag-minimal line,
.icon-bag-minimal path,
.icon-bag-minimal polygon,
.icon-bag-minimal polyline,
.icon-bag-minimal rect,
.icon-bag circle,
.icon-bag ellipse,
.icon-bag g,
.icon-bag line,
.icon-bag path,
.icon-bag polygon,
.icon-bag polyline,
.icon-bag rect,
.icon-cart circle,
.icon-cart ellipse,
.icon-cart g,
.icon-cart line,
.icon-cart path,
.icon-cart polygon,
.icon-cart polyline,
.icon-cart rect,
.icon-chevron-down circle,
.icon-chevron-down ellipse,
.icon-chevron-down g,
.icon-chevron-down line,
.icon-chevron-down path,
.icon-chevron-down polygon,
.icon-chevron-down polyline,
.icon-chevron-down rect,
.icon-close circle,
.icon-close ellipse,
.icon-close g,
.icon-close line,
.icon-close path,
.icon-close polygon,
.icon-close polyline,
.icon-close rect,
.icon-email circle,
.icon-email ellipse,
.icon-email g,
.icon-email line,
.icon-email path,
.icon-email polygon,
.icon-email polyline,
.icon-email rect,
.icon-hamburger circle,
.icon-hamburger ellipse,
.icon-hamburger g,
.icon-hamburger line,
.icon-hamburger path,
.icon-hamburger polygon,
.icon-hamburger polyline,
.icon-hamburger rect,
.icon-search circle,
.icon-search ellipse,
.icon-search g,
.icon-search line,
.icon-search path,
.icon-search polygon,
.icon-search polyline,
.icon-search rect,
.icon-user circle,
.icon-user ellipse,
.icon-user g,
.icon-user line,
.icon-user path,
.icon-user polygon,
.icon-user polyline,
.icon-user rect {
  /*fill:none !important;*/
  /*    stroke-width:var(--iconWeight);
    stroke:currentColor !important;
    stroke-linecap:var(--iconLinecaps);
    stroke-linejoin:var(--iconLinecaps);*/
}

.icon-cart circle {
  fill: currentColor !important;
}

.icon__fallback-text {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}

.js-drawer-open {
  overflow: hidden;
}

.drawer {
  display: none;
  position: fixed;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  top: 0;
  bottom: 0;
  max-width: 95%;
  z-index: 101;
  color: #000000;
  color: var(--colorDrawerText);
  background-color: #ffffff;
  background-color: var(--colorDrawers);
  transition: transform 0.25s cubic-bezier(0.43, 0.01, 0.44, 1)
}

@media screen and (max-height:400px) {

  .drawer {
    overflow: scroll
  }

  .drawer .drawer__contents {
    height: auto;
  }
}

.drawer a {
  color: #000000;
  color: var(--colorDrawerText)
}

.drawer a:hover {
  color: #000000;
  color: var(--colorDrawerText);
}

.drawer input,
.drawer textarea {
  border-color: #e8e8e1;
  border-color: var(--colorDrawerBorder);
}

.drawer .cart__checkout {
  background-color: #111111 !important;
  background-color: var(--colorPrimary) !important;
  color: #ffffff;
  color: var(--colorDrawerButtonText);
  border-radius: 10px;
}

.drawer--left {
  width: 350px;
  left: -350px
}

.drawer--left.drawer--is-open {
  display: block;
  transform: translateX(350px);
  transition-duration: 0.4s
}

@media only screen and (min-width:590px) {

  .drawer--left.drawer--is-open {
    transition-duration: 0.5s
  }
}

.drawer--right {
  width: 350px;
  right: -350px
}

@media only screen and (min-width:590px) {

  .drawer--right {
    width: 450px;
    right: -450px
  }
}

.drawer--right.drawer--is-open {
  display: block;
  transform: translateX(-350px);
  transition-duration: 0.4s
}

@media only screen and (min-width:590px) {

  .drawer--right.drawer--is-open {
    transform: translateX(-450px);
    transition-duration: 0.5s
  }
}

.js-drawer-closing .main-content:after,
.js-drawer-open .main-content:after {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  background-color: var(--colorModalBg);
  opacity: 0;
  cursor: pointer;
  z-index: 100;
}

.js-drawer-open .main-content:after {
  animation: overlay-on 0.5s forwards;
}

.js-drawer-closing .main-content:after {
  animation: overlay-off 0.4s forwards;
}

.drawer__fixed-header,
.drawer__footer,
.drawer__header,
.drawer__scrollable {
  padding-left: 25px;
  padding-right: 25px
}

@media only screen and (min-width:590px) {

  .drawer__fixed-header,
  .drawer__footer,
  .drawer__header,
  .drawer__scrollable {
    padding-left: 40px;
    padding-right: 40px
  }
}

.drawer__header {
  display: table;
  height: 60px;
  width: 100%;
  padding: 15.38462px 0;
  margin-bottom: 0;
  border-bottom: 1px solid;
  border-bottom-color: #e8e8e1;
  border-bottom-color: var(--colorDrawerBorder)
}

@media only screen and (min-width:590px) {

  .drawer__header {
    height: 75px
  }
}

.drawer__fixed-header {
  height: 60px;
  overflow: visible
}

@media only screen and (min-width:590px) {

  .drawer__fixed-header {
    height: 95px
  }
}

.drawer__close,
.drawer__title {
  display: table-cell;
  vertical-align: middle;
}

.drawer__title {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight);
}

[data-type_header_capitalize=true] .drawer__title {
  text-transform: uppercase;
}

.drawer__title {
  font-size: 22px;
  width: 100%;
  color: var(--colorPrimary);
}

.drawer__close {
  width: 1%;
  text-align: center;
}

.drawer__close-button {
  position: relative;
  right: -20px;
  height: 100%;
  padding: 0 15px;
  color: inherit
}

.drawer__close-button:active {
  background-color: #f2f2f2;
  background-color: var(--colorDrawersDim);
}

.drawer__close-button .icon {
  height: 12px;
  width: 12px;
  color: var(--colorPrimary);
}

@media only screen and (min-width:590px) {

  .drawer__close-button .icon {
    height: 14px;
    width: 14px
  }
}

@media only screen and (min-width:769px) {

  .drawer__close-button {
    right: 0
  }
}

@media only screen and (min-width:769px) {

  .drawer__close-button {
    right: -20px
  }
}

.drawer__close--left {
  text-align: left
}

.drawer__close--left .drawer__close-button {
  right: auto;
  left: -20px;
}

.drawer__contents {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.drawer__inner,
.drawer__scrollable {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}

.drawer__scrollable {
  padding-top: 20px;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

@media only screen and (min-width:590px) {

  .drawer__scrollable {
    padding-top: 15px
  }
}

.drawer__footer {
  padding-top: 20px;
  padding-bottom: calc(20px + env(safe-area-inset-bottom)*1.5)
}

.drawer__footer .cart__item-sub {
  position: relative;
}

.drawer__footer .cart__item-sub .money,
.drawer__footer .cart__item-sub.shippingbox div {
  color: var(--colorPrimary);
}

.drawer__footer .cart__item-sub.shippingbox {
  margin-bottom: 30px;
}

.drawer__footer .cart__item-sub div {
  position: absolute;
  right: 0px;
}

.drawer__footer .cart__item-sub .cart__subtotal {
  display: block;
  position: relative;
  left: 0px;
  color: #222 !important;
}
  .cart__footer   .cart__subtotal{
      width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    }

.drawer__footer:after {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
  border-top: 1px solid;
  border-top-color: #e8e8e1;
  border-top-color: var(--colorDrawerBorder);
}

@media only screen and (min-width:590px) {

  .drawer__footer {
    padding-top: 29.62963px;
    padding-bottom: 50px
  }

  .drawer__footer:after {
    left: 40px;
    right: 40px;
  }
}

.drawer__inner.is-loading .drawer__scrollable {
  transition: opacity 0.3s ease 0.7s;
  opacity: 0.4;
}

.cart-notes {
  margin-top: 10px;
  margin-bottom: 10px;
  min-height: 60px;
  height: 60px
}

@media only screen and (min-width:590px) {

  .cart-notes {
    min-height: 80px;
    height: 80px
  }
}

.placeholder-svg {
  fill: rgba(28, 29, 29, 0.35);
  background-color: #f4f4f4;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  display: block;
  padding: 30px 0;
}

.placeholder-noblocks {
  padding: 40px;
  text-align: center;
}

.placeholder-content {
  overflow: hidden;
  animation: placeholder-shimmer 1.3s linear infinite;
  background-size: 400% 100%;
  margin-bottom: 20px;
  border-radius: 4px
}

@media only screen and (max-width:589px) {

  .placeholder-content {
    margin-left: auto;
    margin-right: auto
  }
}

.animation-cropper {
  overflow: hidden;
  display: inline-flex;
}

.appear-delay-20 {
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s;
}

.appear-delay-19 {
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.24s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.34s;
}

.appear-delay-18 {
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.18s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.28s;
}

.appear-delay-17 {
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.12s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.22s;
}

.appear-delay-16 {
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.06s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.16s;
}

.appear-delay-15 {
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.1s;
}

.appear-delay-14 {
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.94s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.04s;
}

.appear-delay-13 {
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.88s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.98s;
}

.appear-delay-12 {
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.82s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.92s;
}

.appear-delay-11 {
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.76s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.86s;
}

.appear-delay-10 {
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
}

.appear-delay-9 {
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.64s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.74s;
}

.appear-delay-8 {
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.58s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.68s;
}

.appear-delay-7 {
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.52s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.62s;
}

.appear-delay-6 {
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.46s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.56s;
}

.appear-delay-5 {
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
}

.appear-delay-4 {
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.34s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.44s;
}

.appear-delay-3 {
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.28s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.38s;
}

.appear-delay-2 {
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.22s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s;
}

.appear-delay-1 {
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}

[data-transitions=true] .transition-body {
  opacity: 0
}

.no-js [data-transitions=true] .transition-body {
  opacity: 1
}

[data-transitions=true].loaded .transition-body {
  animation: page-fade-in-up 0.8s ease forwards;
}

[data-transitions=true].unloading .transition-body {
  animation: page-fade-in-up-out 0.3s ease forwards;
}

[data-transitions=true][data-animate_page_transition_style=page-slow-fade].loaded .transition-body {
  animation-duration: 1.2s;
}

[data-transitions=true][data-animate_page_transition_style=page-slow-fade].unloading .transition-body {
  animation-duration: 0.5s;
}

[data-transitions=true][data-animate_page_transition_style=page-slide-reveal-across] .transition-body:before,
[data-transitions=true][data-animate_page_transition_style=page-slide-reveal-down] .transition-body:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  background: var(--colorBody);
  z-index: 10;
  will-change: transform;
}

[data-transitions=true][data-animate_page_transition_style=page-slide-reveal-across].loaded .transition-body:before {
  animation: page-slide-reveal-across 0.8s ease forwards;
}

[data-transitions=true][data-animate_page_transition_style=page-slide-reveal-across].unloading .transition-body:before {
  animation: page-slide-reveal-across-out 0.3s ease forwards;
}

[data-transitions=true][data-animate_page_transition_style=page-slide-reveal-down].loaded .transition-body:before {
  animation: page-slide-reveal-down 0.8s ease forwards;
}

[data-transitions=true][data-animate_page_transition_style=page-slide-reveal-down].unloading .transition-body:before {
  animation: page-slide-reveal-down-out 0.3s ease forwards;
}

.image-wrap {
  overflow: hidden;
}

.image-wrap img:not([role=presentation]) {
  display: block
}

.no-js .image-wrap img:not([role=presentation]).lazyload {
  display: none
}

[data-animate_images=true] .image-wrap .animate-me,
[data-animate_images=true] .image-wrap .grid__image-ratio,
[data-animate_images=true] .image-wrap img:not([role=presentation]),
[data-animate_images=true] .image-wrap svg {
  opacity: 0
}

.no-js [data-animate_images=true] .image-wrap .animate-me,
.no-js [data-animate_images=true] .image-wrap .grid__image-ratio,
.no-js [data-animate_images=true] .image-wrap img:not([role=presentation]),
.no-js [data-animate_images=true] .image-wrap svg {
  opacity: 1
}

[data-animate_images=true] .aos-animate.image-wrap .animate-me,
[data-animate_images=true] .aos-animate .image-wrap .animate-me,
[data-animate_images=true] .aos-animate.image-wrap .grid__image-ratio,
[data-animate_images=true] .aos-animate .image-wrap .grid__image-ratio,
[data-animate_images=true] .aos-animate.image-wrap .lazyloaded:not([role=presentation]),
[data-animate_images=true] .aos-animate .image-wrap .lazyloaded:not([role=presentation]),
[data-animate_images=true] .aos-animate.image-wrap img[data-modal-lazy],
[data-animate_images=true] .aos-animate .image-wrap img[data-modal-lazy],
[data-animate_images=true] .aos-animate.image-wrap svg,
[data-animate_images=true] .aos-animate .image-wrap svg {
  animation: 0.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
  animation-name: zoom-fade-small;
}

[data-animate_images=true] .aos-animate .image-wrap--large .animate-me,
[data-animate_images=true] .aos-animate .image-wrap--large .grid__image-ratio,
[data-animate_images=true] .aos-animate .image-wrap--large .lazyloaded:not([role=presentation]),
[data-animate_images=true] .aos-animate .image-wrap--large img[data-modal-lazy],
[data-animate_images=true] .aos-animate .image-wrap--large svg {
  animation-name: zoom-fade;
}

[data-animate_images=true] [data-aos=row-of-3].aos-animate:nth-child(3n+2) .image-wrap .grid__image-ratio,
[data-animate_images=true] [data-aos=row-of-3].aos-animate:nth-child(3n+2) .image-wrap img {
  animation-delay: 200ms;
}

[data-animate_images=true] [data-aos=row-of-3].aos-animate:nth-child(3n+3) .image-wrap .grid__image-ratio,
[data-animate_images=true] [data-aos=row-of-3].aos-animate:nth-child(3n+3) .image-wrap img {
  animation-delay: 400ms;
}

[data-animate_images=true] [data-aos=row-of-4].aos-animate:nth-child(4n+2) .image-wrap img {
  animation-delay: 150ms;
}

[data-animate_images=true] [data-aos=row-of-4].aos-animate:nth-child(4n+3) .image-wrap img {
  animation-delay: 300ms;
}

[data-animate_images=true] [data-aos=row-of-4].aos-animate:nth-child(4n+4) .image-wrap img {
  animation-delay: 450ms;
}

[data-animate_images=true] [data-aos=row-of-5].aos-animate:nth-child(5n+2) .image-wrap img {
  animation-delay: 100ms;
}

[data-animate_images=true] [data-aos=row-of-5].aos-animate:nth-child(5n+3) .image-wrap img {
  animation-delay: 200ms;
}

[data-animate_images=true] [data-aos=row-of-5].aos-animate:nth-child(5n+4) .image-wrap img {
  animation-delay: 300ms;
}

[data-animate_images=true] [data-aos=row-of-5].aos-animate:nth-child(5n+5) .image-wrap img {
  animation-delay: 400ms;
}

[data-animate_images=true] .grid-product__tag {
  opacity: 0;
  transition: opacity 1s ease;
}

[data-animate_images=true] .aos-animate .grid-product__tag {
  opacity: 1;
}

.loading:after,
.loading:before {
  content: "";
  position: absolute;
  width: 100px;
  height: 3px;
  background: #ffffff;
  background: var(--colorBody);
  left: 50%;
  top: 50%;
  margin: -1px 0 0 -50px;
  z-index: 25;
  opacity: 0
}

.no-js .loading:after,
.no-js .loading:before {
  display: none
}

.loading:before {
  background: #ffffff;
  background: var(--colorBody);
  opacity: 0.15;
}

.loading:after {
  opacity: 0;
  animation: preloading 0.5s ease 0.3s infinite;
}

.loading--delayed:before {
  animation-delay: 0.8s !important;
  animation-duration: 1s !important;
  display: none;
}

.loading--delayed:after {
  animation-delay: 1.3s !important;
  display: none;
}

.appear-animation {
  opacity: 0;
  transform: translateY(40px)
}

@media only screen and (min-width:590px) {

  .appear-animation {
    transform: translateY(60px)
  }
}

.js-drawer-open .appear-animation {
  opacity: 1;
  transform: translateY(0px);
}

.js-drawer-closing .appear-animation {
  transition-duration: 0s;
  transition-delay: 0.5s;
}

.spr-badge-starrating,
.spr-icon-star-empty,
.spr-icon-star-hover,
.spr-icon-star-hover:hover,
.spr-starrating,
.spr-starratings {
  color: #f3c200;
}

.spr-icon {
  font-size: 14px !important;
  vertical-align: text-bottom;
}

.spr-header-title {
  font-size: calc(var(--typeHeaderSize)*0.85*0.85) !important
}

@media only screen and (min-width:590px) {

  .spr-header-title {
    font-size: calc(var(--typeHeaderSize)*0.85) !important
  }
}

.spr-container.spr-container {
  padding: 0;
  border: 0;
}

.product-reviews #shopify-product-reviews {
  margin: 0;
}

.product-reviews .spr-summary-actions-newreview {
  float: none;
}

.product-reviews .spr-form-label,
.product-reviews .spr-review-content-body {
  font-size: var(--typeBaseSize);
  line-height: 1.563;
}

.product-reviews .spr-review-header-byline {
  font-size: 11px;
  opacity: 1
}

.product-reviews .spr-review-header-byline strong {
  font-weight: 400;
}

.product-reviews .spr-form-label {
  display: block;
  text-align: left;
}

.product-reviews .spr-summary-actions,
.product-reviews .spr-summary-caption {
  display: block;
}

.product-reviews .spr-summary-actions {
  margin-top: 10px;
}

@media only screen and (min-width:590px) {
  .product-reviews--full .spr-reviews {
    display: flex;
    flex-wrap: wrap;
  }

  .product-reviews--full .spr-review:first-child {
    margin-top: 0;
  }

  .product-reviews--full .spr-review {
    flex: 1 1 40%;
    padding: 20px;
    border: 1px solid;
    border-color: #e8e8e1;
    border-color: var(--colorBorder);
    margin-left: 30px;
    margin-bottom: 30px
  }

  .product-reviews--full .spr-review:nth-child(odd) {
    margin-left: 0;
  }

  .product-reviews--full .spr-review:last-child {
    padding-bottom: 20px;
  }
}

.grid-product .spr-badge {
  margin-top: 6px;
}

.grid-product .spr-badge[data-rating="0.0"] {
  display: none;
}

.grid-product .spr-badge-starrating {
  font-size: 11px
}

@media only screen and (min-width:590px) {

  .grid-product .spr-badge-starrating {
    font-size: 12px
  }
}

.grid-product .spr-icon {
  margin-right: 1px;
  font-size: 12px !important;
}

.grid-product .spr-badge-caption {
  font-size: 11px;
  margin-left: 4px
}

@media only screen and (min-width:590px) {

  .grid-product .spr-badge-caption {
    font-size: 12px
  }
}

.product-reviews--tab .collapsible-trigger .spr-badge-caption {
  margin-left: 0;
}

.product-reviews--tab .collapsible-trigger .spr-badge-starrating {
  font-size: 13px;
  margin-right: 10px
}

@media only screen and (min-width:590px) {

  .product-reviews--tab .collapsible-trigger .spr-badge-starrating {
    font-size: 14px
  }
}

.product-reviews--tab .collapsible-trigger .spr-badge[data-rating="0.0"] .spr-starrating {
  display: none;
}

.product-reviews--tab .spr-icon {
  margin-right: 1px;
}

.product-reviews--tab .spr-badge-caption {
  margin-left: 4px;
}

.product-reviews--tab .spr-header-title,
.product-reviews--tab .spr-summary-caption,
.product-reviews--tab .spr-summary-starrating {
  display: none !important;
}

.product-reviews--tab .spr-button,
.product-reviews--tab .spr-summary-actions a {
  margin-top: 0 !important;
}

.product-reviews--tab .spr-button-primary {
  float: none;
}

@media only screen and (max-width:480px) {
  .product-reviews--tab .spr-summary {
    text-align: left;
  }
}

.product-reviews--tab .spr-form-title {
  display: none;
}

.product-reviews--tab .spr-form-label {
  font-size: 13px !important;
}

.product-reviews--tab .spr-review-header .spr-starratings {
  font-size: 14px;
}

.spr-pagination {
  flex: 1 1 100%;
}

.footer-promotions .text-left .rte-setting {
  padding-right: 30px;
}

@media only screen and (max-width:589px) {
  .footer-promotions .text-spacing {
    margin-bottom: 10px;
  }

  .footer-promotions .grid__item {
    margin-bottom: 32px;
  }
}

#shopify-section-footer-promotions .index-section {
  margin-top: 0;
}

.site-footer {
  padding-bottom: 40px;
  background-color: #fff;
  background-image: url(footer-bg.svg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% !important;
  color: #ffffff;
  background: var(--colorTextBody);
}

@media only screen and (min-width:590px) {

  .site-footer {
    padding-top: 85px;
    padding-bottom: 40px
  }
}

.site-footer .collapsible-content p,
.site-footer .faux-select,
.site-footer .site-footer__linklist a,
.site-footer input,
.site-footer select,
.site-footer textarea {
  font-size: calc(var(--typeBaseSize)*0.93);
}

.site-footer .faux-select,
.site-footer input,
.site-footer select,
.site-footer textarea {
  background-color: #fff;
  color: #151515;
  color: var(--colorTextBody);
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.12);
  border-radius: 7px;
}

.site-footer input {
  padding: 10px 0px;
  width: 100%;
  border: none;
  border-bottom: 2px solid var(--colorPrimary);
  border-radius: 0px;
}

.site-footer input::-webkit-input-placeholder {
  color: #666;
}

.site-footer input:focus {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}

.site-footer .faux-select:active,
.site-footer .faux-select:focus,
.site-footer input:active,
.site-footer input:focus,
.site-footer select:active,
.site-footer select:focus,
.site-footer textarea:active,
.site-footer textarea:focus {
  border-bottom-color: #024488;
  border-bottom-color: var(--colorPrimary) !important;
  border-bottom-width: 2px;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}

.site-footer .faux-select::-webkit-input-placeholder,
.site-footer input::-webkit-input-placeholder,
.site-footer select::-webkit-input-placeholder,
.site-footer textarea::-webkit-input-placeholder {
  color: #666;
  opacity: 1;
}

.site-footer .faux-select:-moz-placeholder,
.site-footer input:-moz-placeholder,
.site-footer select:-moz-placeholder,
.site-footer textarea:-moz-placeholder {
  color: #ffffff;
  color: var(--colorFooterText);
  opacity: 1;
}

.site-footer .faux-select::-moz-placeholder,
.site-footer input::-moz-placeholder,
.site-footer select::-moz-placeholder,
.site-footer textarea::-moz-placeholder {
  color: #ffffff;
  color: var(--colorFooterText);
  opacity: 1;
}

.site-footer .faux-select:-ms-input-placeholder,
.site-footer input:-ms-input-placeholder,
.site-footer select:-ms-input-placeholder,
.site-footer textarea:-ms-input-placeholder {
  color: #ffffff;
  color: var(--colorFooterText);
  opacity: 1;
}

.site-footer .faux-select::-ms-input-placeholder,
.site-footer input::-ms-input-placeholder,
.site-footer select::-ms-input-placeholder,
.site-footer textarea::-ms-input-placeholder {
  color: #ffffff;
  color: var(--colorFooterText);
  opacity: 1;
}

.site-footer .faux-select,
.site-footer select {
  padding: 7px 36px 7px 10px;
}

.site-footer {

  select {
    background-image: url(//cdn.shopify.com/s/files/1/0043/0673/1081/t/11/assets/ico-select-footer.svg);
  }
}

@media only screen and (max-width:589px) {

  .site-footer {
    padding-bottom: 0
  }

  .site-footer .grid__item:after {
    content: "";
    border-bottom: 1px solid;
    border-color: #ffffff;
    border-color: var(--colorFooterText);
    opacity: 0.12;
    display: block;
  }

  .site-footer .grid__item:first-child:after,
  .site-footer .grid__item:last-child:after {
    display: none;
  }
}

.site-footer a {
  color:#ffffff;
}

.site-footer__bottom {
  padding-top: 10px
}

@media only screen and (min-width:590px) {

  .site-footer__bottom {
    padding-top: 120px;
    padding-bottom: 60px;
    text-align: center
  }
}

.site-footer__bottom-block {
  margin: 0 0 0;
}

@media only screen and (max-width:589px) {

  .site-footer__bottom-block {
    margin: 0 auto;
    padding-bottom: 15px;
    text-align: center
  }
}

.site-footer__bottom-block.payment-icons {
  margin-bottom: 0px;
  padding-bottom: 0;
}

.footer__clear {
  clear: both;
  height: 40px;
}

.footer__title {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .footer__title {
  text-transform: uppercase
}

[data-type_header_accent_transform=true] .footer__title {
  text-transform: uppercase;

}

.footer__title {
  letter-spacing: normal;
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: bold;
} 

[data-type_header_accent_transform=true] .footer__title {
  font-size: calc(var(--typeHeaderSize)*0.42)
}

@media only screen and (min-width:590px) {

  .footer__title {
    margin-bottom: 30px;
    font-size: calc(var(--typeHeaderSize)*0.55)
  }

  [data-type_header_accent_transform=true] .footer__title {
    font-size: calc(var(--typeHeaderSize)*0.42)
  }
}

.footer__copyright {
  font-size: 10px;
  text-align: center;
  /*border-top: 1px solid #eee;*/
  padding: 2rem 0 0 0;
}

@media only screen and (min-width:590px) {

  .footer__copyright {
    font-size: 12px
  }
}

.footer__copyright>span {
  display: block;
  padding: 0 8px;
  font-size: 1.4rem;
}

.site-footer__linklist {
  margin: 0
}

.site-footer__linklist a {
  display: inline-block;
  padding: 4px 0;
  font-size: 18px !important;
}

.collapsible-content__inner p {
  font-size: 18px !important;
  line-height: 2.6rem;
}

@media only screen and (max-width:589px) {
  .grid-newsletter .collapsible-trigger-btn {
    padding-top: 30px;
    padding-bottom: 0;
  }

  .grid-newsletter .collapsible-trigger__icon {
    display: none;
  }

  .grid-newsletter .collapsible-content {
    height: auto;
  }

 
}

.footer__newsletter {
  position: relative;
  display:flex;
  justify-content: space-between;
  align-items: center;
}

.footer__newsletter-input {
  width: auto;
  padding-left: 45px;
  border:none!important;
}

.footer__newsletter-btn {

  top: 0;
  bottom: 0;
  width: 18px;
  color: #ffffff;
  color: var(--colorFooterText);
 
}

.footer__newsletter-btn .icon {
  width: 18px;
  height: 26px;
  color: #024488;
  color: #fff !important;
  position: relative;
    z-index: 2;
  display: block;
}
.footer__newsletter-btn .icon path{
fill:#ffffff!important;
}
@media only screen and (max-width:589px) {
  .footer__logo-social {
    display: flex;
    align-items: center;
    padding: 20px 0
  }

  .footer__logo-social .footer__logo {
    flex: 0 1 auto;
  }

  .footer__logo-social .footer__social {
    flex: 1 1 auto;
    text-align: right;
  }
}

@media only screen and (min-width:590px) {

  .footer__logo {
    margin-bottom: 26.66667px
  }
}

.footer__logo a {
  display: block;
}

.footer__logo img {
  display: block;
  transform: translateZ(0);
  max-height: 100%;
}

.footer__social {
  margin: 0
}

.footer__social li {
  display: inline-block;
  margin: 0 0 0 15px
}

.footer__social li svg {
  color:#ffffff;
}

.footer__social li svg:hover {
 opacity: 0.8;
}

@media only screen and (min-width:590px) {

  .footer__social li {
    margin: 0 15px 15px 0
  }
}

.footer__social a {
 width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #024488;
}

.footer__social .icon {
  width: 22px;
  height: 22px
}

@media only screen and (min-width:590px) {

  .footer__social .icon {
    width: 24px;
    height: 24px
  }
}

.footer__social .icon.icon--wide {
  width: 40px;
}

@media only screen and (max-width:589px) {

  .footer__collapsible {
    padding: 0 0 20px 0
  }
}

@media only screen and (max-width:589px) {
  .grid-newsletter .footer_collapsible--disabled{
    padding: 0px!important;
  }
  .footer_collapsible--disabled {
    padding-top: 20px
  }
}

[data-animate_underlines=true] .collapsible-content p a:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  border-bottom: 2px solid;
  border-bottom-color: #ffffff;
  border-bottom-color: var(--colorFooterText);
  transform: scale(0);
  transform-origin: 0 50%;
  transition: transform 0.5s ease;
}

[data-animate_underlines=true] .collapsible-content p a {
  position: relative;
  text-decoration: none;
  border-bottom: 2px solid;
  border-bottom-color: rgba(255, 255, 255, 0.1)
}

[data-animate_underlines=true] .collapsible-content p a:focus:after,
[data-animate_underlines=true] .collapsible-content p a:hover:after {
  transform: scale(1);
}

.multi-selectors {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.multi-selectors__item {
  margin: 0 10px;
}

.payment-icons {
  -webkit-user-select: none;
  user-select: none;
  cursor: default
}

.payment-icons li {
  line-height: 0;
  cursor: default;
  margin: 0 4px 0;
  padding-top: 4px;
}

.payment-icons--greyscale {
  filter: grayscale(1);
}

.errors,
.note {
  border-radius: 0;
  padding: 12px 12px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  text-align: left
}

.errors ol,
.errors ul,
.note ol,
.note ul {
  margin-top: 0;
  margin-bottom: 0;
}

.errors li:last-child,
.note li:last-child {
  margin-bottom: 0;
}

.errors p,
.note p {
  margin-bottom: 0;
}

.note {
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
}

.errors ul {
  list-style: disc outside;
  margin-left: 20px;
}

.note--success {
  color: #56ad6a;
  background-color: #ecfef0;
  border-color: #56ad6a
}

.note--success a {
  color: #56ad6a;
  text-decoration: underline
}

.note--success a:hover {
  text-decoration: none;
}

.errors,
.form-error {
  color: #D02E2E;
  background-color: #FFF6F6;
  border-color: #FC9C9C;
  border-radius: 6px;
}

.errors a,
.form-error a {
  color: #d02e2e;
  text-decoration: underline
}

.errors a:hover,
.form-error a:hover {
  text-decoration: none;
}

.pagination {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
  margin: 0;
  padding: 80px 0 0;
  text-align: center;
  font-size: 15px
}

@media only screen and (max-width:589px) {

  .pagination {
    font-size: 14px
  }
}

.pagination>span {
  display: inline-block;
  line-height: 1;
}

.pagination a {
  display: inline-block;
}

.pagination .page.current,
.pagination a {
  padding: 8px 12px;
}

.pagination .page.current {
  opacity: 0.3;
}

.pagination .next,
.pagination .prev {
  color: #ffffff;
  color: var(--colorBtnPrimaryText);
 
  /* width: 20px;
  height: 20px; */
  line-height: 20px;
 
  margin: 0 10px;
  transition: transform 0.05s ease-out
}



.pagination .next .icon,
.pagination .prev .icon {
  color: #ffffff;
  color: var(--colorBtnPrimary);
  width: 13px;
  height: 13px
}

@media only screen and (max-width:589px) {

  .pagination .next .icon,
  .pagination .prev .icon {
    width: 12px;
    height: 12px
  }
}

.rte:after {
  content: "";
  display: table;
  clear: both;
}

.rte+.rte {
  margin-top: 40px;
}

.rte img {
  height: auto;
}

.rte ol,
.rte p,
.rte table,
.rte ul {
  margin-bottom: 25px;
}

.rte ul ul {
  margin-bottom: 0;
}

.rte a:not(.rte__image):not(.btn) {
  text-decoration: none;
  border-bottom: 2px solid;
  border-bottom-color: rgba(28, 29, 29, 0.1);
  position: relative;
}

[data-animate_underlines=true] .rte a:not(.btn):after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  border-bottom: 2px solid var(--colorPrimary);
  transform: scale(0);
  transform-origin: 0 50%;
  transition: transform 0.5s ease;
}

[data-animate_underlines=true] .rte a:not(.btn):focus:after,
[data-animate_underlines=true] .rte a:not(.btn):hover:after {
  transform: scale(1);
}

[data-animate_underlines=true] .rte a.rte__image:after {
  content: none;
}

.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
  margin-top: 2.5em;
  margin-bottom: 1em;
}

.rte h1:first-child,
.rte h2:first-child,
.rte h3:first-child,
.rte h4:first-child,
.rte h5:first-child,
.rte h6:first-child {
  margin-top: 0;
}

.rte h1 a,
.rte h2 a,
.rte h3 a,
.rte h4 a,
.rte h5 a,
.rte h6 a {
  text-decoration: none;
}

.rte meta:first-child+h1,
.rte meta:first-child+h2,
.rte meta:first-child+h3,
.rte meta:first-child+h4,
.rte meta:first-child+h5,
.rte meta:first-child+h6 {
  margin-top: 0;
}

.rte>div {
  margin-bottom: 20px;
}

.rte li {
  margin-bottom: 0;
}

.rte>p:last-child {
  margin-bottom: 0;
}

.rte table {
  table-layout: fixed;
}

.rte--block {
  margin-bottom: 20px;
}

.rte-setting>p:last-child {
  margin-bottom: 0;
}

.text-center.rte ol,
.text-center .rte ol,
.text-center.rte ul,
.text-center .rte ul {
  list-style-position: inside;
  margin-left: 0;
}

.rte--nomargin {
  margin-bottom: 0;
}

.rte--indented-images img:not([style]):not(.rte__no-indent),
.rte--indented-images img[style="float: none;"]:not(.rte__no-indent) {
  max-width: 100vw;
  margin: 0 -22px;
  display: block
}

@media only screen and (min-width:590px) {

  .rte--indented-images img: not([style]):not(.rte__no-indent), .rte--indented-images img[style="float: none;"]:not(.rte__no-indent) {
    max-width: 130%;
    margin: 40px -15%
  }
}

.rte--indented-images p[style] img {
  display: inline;
  margin: 0;
  max-width: 100%;
}

.header-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-layout--center {
  align-items: center;
}

.header-item {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  justify-content: center;
}

.header-item--logo {
  flex: 0 0 auto;
  justify-content: flex-start;
}
.header-menu{
  justify-content: flex-start;
  flex: 0 1 auto;
}
.header-item--icons {
  justify-content: flex-end;
  flex: 0 1 auto;
}

.header-layout--left-center .header-item--icons,
.header-layout--left-center .header-item--logo {
  flex: 0 0 200px;
  max-width: 50%
}

@media only screen and (min-width:590px) {

  .header-layout--left-center .header-item--icons,
  .header-layout--left-center .header-item--logo {
    min-width: 130px
  }
}

@media only screen and (min-width:590px) {

  .header-layout[data-logo-align=center] .header-item--logo {
    margin: 0 26.66667px
  }
}

.header-layout[data-logo-align=center] .header-item--icons,
.header-layout[data-logo-align=center] .header-item--navigation {
  flex: 1 1 130px;
}

.header-layout[data-logo-align=left] .site-header__logo {
  margin-right: 13.33333px;
}

.header-item--logo-split {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 100%
}

.header-item--logo-split .header-item:not(.header-item--logo) {
  text-align: center;
  flex: 1 1 20%;
}

.header-item--split-left {
  justify-content: flex-end;
}

.header-item--left .site-nav {
  margin-left: -12px
}

@media only screen and (max-width:589px) {

  .header-item--left .site-nav {
    margin-left: -10px
  }
}

.header-item--icons .site-nav {
  margin-right: 0px
}

/* @media only screen and (max-width:589px) {

  .header-item--icons .site-nav {
    margin-right: -10px
  }
} */

.header-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-layout--center {
  align-items: center;
}

.header-item {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  justify-content: center;
}

.header-item--logo {
  flex: 0 0 auto;
  justify-content: flex-start;
}
.header-menu{
  justify-content: flex-start;
  flex: 0 1 auto;
}
.header-item--icons {
  justify-content: flex-end;
  flex: 0 1 auto;
}

.header-layout--left-center .header-item--icons,
.header-layout--left-center .header-item--logo {
  flex: 0 0 200px;
  max-width: 50%
}

@media only screen and (min-width:590px) {

  .header-layout--left-center .header-item--icons,
  .header-layout--left-center .header-item--logo {
    min-width: 130px
  }
}

@media only screen and (min-width:590px) {

  .header-layout[data-logo-align=center] .header-item--logo {
    margin: 0 26.66667px
  }
}

.header-layout[data-logo-align=center] .header-item--icons,
.header-layout[data-logo-align=center] .header-item--navigation {
  flex: 1 1 130px;
}

.header-layout[data-logo-align=left] .site-header__logo {
  margin-right: 13.33333px;
}

.header-item--logo-split {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 100%
}

.header-item--logo-split .header-item:not(.header-item--logo) {
  text-align: center;
  flex: 1 1 20%;
}

.header-item--split-left {
  justify-content: flex-end;
}

.header-item--left .site-nav {
  margin-left: -12px
}

@media only screen and (max-width:589px) {

  .header-item--left .site-nav {
    margin-left: -10px
  }
}

.header-item--icons .site-nav {
  margin-right: 0px
}

/* @media only screen and (max-width:589px) {

  .header-item--icons .site-nav {
    margin-right: -10px
  }
} */

.site-header {
  position: relative;
  background: transparent;
  width: 100%;
/*   padding-top: 15px; */
  box-shadow: 0px 0px 30px rgba(0,0,0,0.06);
}
#SiteHeader {
  border: none;
}
.template-index .site-header {
  box-shadow: none;
}

.site-header--stuck {
  position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transform: translate3d(0, -100%, 0);
    transition: none;
    z-index: 20;
    background: #ffffff;
    padding-top: 0px;
}

.js-drawer-open--search .site-header--stuck {
  z-index: 28
}



/* @media only screen and (min-width:590px) {

  .site-header--stuck {
    padding: 5px 0
  }
} */

  .site-header--opening {
  transform: translateZ(0);
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
 
}  

.site-header__logo {
  margin: 13.33333px 0;
  display: block
}

@media only screen and (min-width:590px) {

  .text-center .site-header__logo {
    padding-right: 0;
    margin: 13.33333px auto
  }
}

.header-layout[data-logo-align=center] .site-header__logo {
  margin-left: auto;
  margin-right: auto;
  text-align: center
}

.site-header__logo a,
.site-header__logo a:hover {
  text-decoration: none;
}

.site-header__logo img {
  display: block
}

.header-layout--center .site-header__logo img {
  margin: 0 auto
}

.site-header__logo-link {
  display: flex;
  align-items: center;
  color: #1c1d1d;
  color: var(--colorNavText)
}

.site-header__logo-link:hover {
  color: #1c1d1d;
  color: var(--colorNavText);
}
@media and (min-width:589px) and (max-width:1450px) {
.header-item--navigation .site-nav__link{ 
padding:20px 8px;
}
  }

@media only screen and (max-width:589px) {

  .site-header__logo-link {
    margin: 0 auto
  }
}

.header-wrapper--overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 6;
  background: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, transparent)
}

.header-wrapper--overlay .site-header:not(.site-header--stuck) {
  background: none;
}

.js-drawer-open--search .header-wrapper--overlay {
  z-index: 28
}

.site-header__search-container {
  visibility: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  z-index: 28;
  transition: visibility 0.3s cubic-bezier(0, 0, 0.38, 1)
}

.site-header__search-container.is-active {
  visibility: visible;
}

.site-header__search {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 28;
  display: flex;
  transform: translate3d(0, -110%, 0);
  background-color: #ffffff;
  background-color: var(--colorBody);
  color: #1c1d1d;
  color: var(--colorTextBody);
  transition: transform 0.3s cubic-bezier(0, 0, 0.38, 1)
}

.site-header__search .page-width {
  flex: 1 1 100%;
  display: flex;
  align-items: stretch
}

@media only screen and (max-width:589px) {

  .site-header__search .page-width {
    padding: 0
  }
}

.is-active .site-header__search {
  transform: translateZ(0)
}

.site-header__search .icon {
  width: 20px;
  height: 20px;
  color: var(--colorPrimary);
}

.site-header__search .icon-close {
  width: 16px;
  height: 16px;
}


@media only screen and (max-width:589px) {

  .site-header__search .icon {
    width: 27px;
    height: 27px
  }
}

.site-header__search-form {
  flex: 1 1 auto;
  display: flex;
}

.site-header__search-input {
  border: 0;
  width: 100px;
  flex: 1 1 auto;
  font-size: 18px
}

@media only screen and (min-width:590px) {

  .site-header__search-input {
    font-size: 18px
  }
}

.site-header__search-input:focus {
  border: 0;
  outline: 0;
}

.site-header__search-btn {
  padding: 0 10px 0 20px;
}


.predictive-results {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #ffffff;
  background-color: var(--colorBody);
  color: #1c1d1d;
  color: var(--colorTextBody);
  max-height: 70vh;
  max-height: calc(88vh - 100%);
  overflow: auto;
  margin-top: -1px;
  z-index: 28
}

@media only screen and (min-width:590px) {

  .predictive-results {
    padding-top: 20px;
    max-height: calc(100vh - 100% - 30px)
  }
}

.js-drawer-closing .predictive-results {
  opacity: 0;
  transition: opacity 0.1s ease-in
}

.predictive__label {
  border-bottom: 1px solid;
  border-bottom-color: #e8e8e1;
  border-bottom-color: var(--colorBorder);
  padding-bottom: 5px;
  margin-bottom: 20px;
}

.predictive-result__layout>div {
  margin-bottom: 40px
}

.predictive-result__layout>div:last-child {
  margin-bottom: 0;
}

.predictive-result__layout .grid__item {
  margin-bottom: 20px;
  opacity: 0;
  animation: fade-in 0.5s ease forwards
}

.predictive-result__layout .grid__item:last-child {
  margin-bottom: 0;
}

.predictive-result__layout .grid__item:nth-child(2) {
  animation-delay: 150ms;
}

.predictive-result__layout .grid__item:nth-child(3) {
  animation-delay: 300ms;
}

.predictive-result__layout .grid__item:nth-child(4) {
  animation-delay: 450ms;
}

.predictive-result__layout .grid__item:nth-child(5) {
  animation-delay: 600ms;
}

.predictive-result__layout .grid__item:nth-child(6) {
  animation-delay: 750ms;
}

.predictive-result__layout .grid__item:nth-child(8) {
  animation-delay: 900ms;
}

.predictive__result {
  display: flex;
  align-items: center;
}

.predictive__result-image {
  flex: 0 1 60px;
  width: 60px;
  height: 60px;
  margin-right: 20px
}

@media only screen and (min-width:590px) {

  .predictive__result-image {
    flex: 0 1 100px;
    width: 100px;
    height: 100px
  }
}

.predictive__result-meta {
  flex: 1 1 auto;
}

.predictive-results__footer {
  padding: 30px 0 30px
}

@media only screen and (min-width:590px) {

  .predictive-results__footer {
    padding: 20px 0 40px
  }
}

.search-bar {
  max-width: 100%;
}

.search-bar--page {
  max-width: 300px;
  margin-top: -20px;
}

.search-bar--drawer {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid;
  border-bottom-color: #e8e8e1;
  border-bottom-color: var(--colorDrawerBorder)
}

.search-bar--drawer input {
  border: 0;
}

.search-bar .icon {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.section-header {
  margin-bottom: 30px
}

@media only screen and (min-width:590px) {

  .section-header {
    margin-bottom: 50px
  }
}

[data-type_header_text_alignment=true] .section-header {
  text-align: center
}

.section-header--hero {
  position: relative;
  flex: 1 1 100%;
  color: #ffffff;
  color: var(--colorHeroText);
  margin-bottom: 20px
}

@media only screen and (min-width:590px) {

  .section-header--hero {
    margin-bottom: 40px
  }
}

.section-header__rte {
  margin-top: 20px;
}

.section-header__title {
  margin-bottom: .5rem;
  font-size: 40px;
/*   font-size: 1.56vw; */
  color: var(--colorPrimary);
}
.template-search .section-header__title {
    font-family: 'Poppins-Light';
    font-weight: 400;
    color: black;
    font-size: 36px;
}
.section-header__title--big {
  font-size: 40px
}

@media only screen and (min-width:590px) {

  .section-header__title--big {
    font-size: 80px
  }
}

.section-header__title--medium {
  font-size: 32px
}

@media only screen and (min-width:590px) {

  .section-header__title--medium {
    font-size: 60px
  }
}
.footer__title  svg line{
stroke: #ffffff!important;
}
.section-header__link {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
  font-weight: 400;
  font-size: var(--typeBaseSize);
  padding-top: 10px;
  float: right
}
    .section-header__link:hover{
      text-decoration: underline;
    }
@media only screen and (max-width:589px) {

  .section-header__link {
  font-size:16px;
  }
}

.section-header--404 {
  margin-bottom: 0;
  padding: 80px 0;
}

.section-header select {
  margin-left: 20px;
}

.section-header .btn {
  /*float:right;*/
  margin: 0;
}
 

.site-nav {
  margin: 0;
}

.text-center .site-navigation {
  margin: 0 auto
}

.header-layout--left .site-navigation {
  padding-left: 0px;
  padding-right: 55px;
}

.site-nav--icons {
  display: flex;
  align-items: center;
}

.site-nav__icons {
  display: flex;
    justify-content: flex-end;
    align-items: center;
  white-space: nowrap;
  font-size: 0;
}
    
.website_change_wrapper .item.jp img{
  border: 1px solid #ccc;
  
    background: #fff;
    border-radius: 50%;
}
.site-nav__item {
  position: relative;
  display: inline-block;
  margin: 0
}

.site-nav__item li {
  display: block;
}

.site-nav__item .icon-chevron-down {
  width: 10px;
  height: 10px;
}
  
.site-nav__link {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  padding:10px 10px;
  white-space: nowrap;
  color: #1c1d1d;
  color: var(--colorNavText);
 

}
  .header-item--navigation .site-nav__link{
    padding:20px 12px;
    font-weight: 700;
    } 
 

[data-type_header_capitalize=true] .site-header--heading-style .site-nav__link {
  text-transform: uppercase
}

.site-nav__link:hover {
  color: #1c1d1d;
  color: var(--colorPrimary);
}

.site-nav--active a {
  color: var(--colorPrimary);
}

.is-light .site-nav__link {
  color: #1c1d1d;
  color: var(--colorNavText);
}

.is-light .js-search-header {
  display: none;
}

.is-light .site-nav__link:hover {
  color: #024488;
  color: var(--colorPrimary) !important;
}

.site-nav--has-dropdown>.site-nav__link {
  position: relative;
  z-index: 6
}

.site-nav__link .icon-chevron-down {
  margin-left: 5px;
  opacity: 0.6;
}

.site-nav--active a .icon-chevron-down {
  opacity: 1;
}

@media only screen and (max-width:768px) {

  .site-nav__link {
    padding: 10px
  }

  .header-layout--center .site-nav__link {
    padding-left: 2px;
    padding-right: 2px
  }
}

.site-nav--has-dropdown {
  z-index: 6
}

.site-nav--has-dropdown.is-focused,
.site-nav--has-dropdown:hover {
  z-index: 7;
}

.site-nav--has-dropdown.is-focused>a,
.site-nav--has-dropdown:hover>a {
  color: #1c1d1d !important;
  color: var(--colorTextBody) !important;
  background-color: #ffffff;
  background-color: var(--colorBody);
  opacity: 1;
  transition: none
}

.site-nav--has-dropdown.is-focused>a:before,
.site-nav--has-dropdown:hover>a:before {
  content: "";
  position: absolute;
  left: 15px;
  right: 45px;
  bottom: -5px;
  display: block;
  background-color: #e8e8e1;
  background-color: var(--colorBorder);
  height: 1px;
  z-index: 6;
}

.site-nav__link--icon {
  font-size: 16px!important;
  padding-left: 12px;
  padding-right: 12px;
  color: var(--colorPrimary) !important;
  margin: 0 0 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.js-search-header {
  display: none;
}

@media only screen and (max-width:589px) {

  .site-nav__link--icon {
    padding-left: 10px;
    padding-right: 10px
  }

  /* .site-nav__link--icon+.site-nav__link--icon {
    margin-left: -3px;
  } */
}

.site-nav__link--icon .icon {
  width: 18px;
  height: 18px
}

@media only screen and (max-width:589px) {

  .site-nav__link--icon .icon {
    width: 18px;
    height: 18px
  }
}

.site-nav--has-dropdown>.site-nav__link {
  background: none !important;
}

.site-nav--has-dropdown>.site-nav__link:before {
  display: none !important;
}

.site-nav__item:hover {
  background: none !important;
}
    
    

.site-nav__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
 
  display: block;
  visibility: hidden;
  background-color: #ffffff;
  background-color: var(--colorBody);
  min-width: 100%;

  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.09);
  transform: translate3d(0px, -25px, 0px);
  opacity: 0;
    
    z-index:2;
    pointer-events: none;

}
.site-nav__link--icon span{
  padding-right: 10px;
}
.site-nav__item:hover .site-nav__dropdown {
  visibility: visible;
  transform: translateZ(50px);
  transition: all 500ms cubic-bezier(0.2, 0.06, 0.05, 0.95);
  opacity: 1;
   z-index:7;
    pointer-events: auto;
}

.site-nav__item .site-nav__dropdown a {
 
  font-size: 1.4rem;
}

.site-nav__item .site-nav__dropdown a:hover {
  color: var(--colorPrimary) !important;
}

.is-focused>.site-nav__dropdown,
.site-nav--has-dropdown:hover .site-nav__dropdown {
  display: block;
  visibility: visible;
  transform: translateZ(0px);
  transition: all 500ms cubic-bezier(0.2, 0.06, 0.05, 0.95);
}

.is-focused>.site-nav__dropdown li,
.site-nav--has-dropdown:hover .site-nav__dropdown li {
  opacity: 1;
  transition: opacity 0.5s ease;
}

.site-nav__dropdown li {
  margin: 0;
  opacity: 1;
  transition: none;
}

.site-nav__dropdown>li {
  position: relative
}

.site-nav__dropdown>li>a {
  position: relative;
  z-index: 6;
}

.site-nav__dropdown a:not(.megamenu__promo-link) {
  /*    background-color:#ffffff;
    background-color:var(--colorBody);*/
  padding-right: 40px;
}

.site-nav__deep-dropdown {
  /*  background-color:#ffffff;
  background-color:var(--colorBody);*/
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.09);
  position: absolute;
  top: 0;
  left: 100%;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 5;
  transform: translate3d(-12px, 0px, 0px)
}

.header-layout--center .site-nav__item:last-child .site-nav__deep-dropdown {
  left: auto;
  right: 100%
}

.is-focused>.site-nav__deep-dropdown,
.site-nav__deep-dropdown-trigger:hover .site-nav__deep-dropdown {
  background-color: #fff;
  visibility: visible;
  opacity: 1;
  transform: translateZ(0px);
  transition: all 300ms cubic-bezier(0.2, 0.06, 0.05, 0.95)
}

.site-nav__deep-dropdown:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 10px;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.09), transparent);
  pointer-events: none
}

.header-layout--center .site-nav__item:last-child .site-nav__deep-dropdown:before {
  left: auto;
  right: 0;
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.09), transparent)
}

.site-nav__deep-dropdown-trigger .icon-chevron-down {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 10px;
  height: 10px;
  transform: rotate(-90deg) translateX(50%);
}

.site-nav__item.has_image{
  position: unset;
}
.snd_outer{
  padding:38px 0px 49px;
}

.site-nav__item.has_image .site-nav__deep-dropdown{
  margin-left:0px;
}
.site-nav__item.has_image .site-nav__dropdown .site-nav__deep-dropdown a{
  padding:0px;
}

.site-nav__item.has_image .site-nav__deep-dropdown{
    box-shadow: none;
    position: unset;
    top: 0;
    left: 100%;
    margin: 0;
    visibility: visible!important;
    opacity:1!important;;
    z-index: 5;
    transform: unset;
}
.site-nav__item.has_image .site-nav__dropdown .icon-chevron-down{
  display: none;
}
.site-nav__item.has_image .site-nav__dropdown-link .tag{
  color: var(--colorPrimary);
  font-size: 14px;
  padding: 0px 8px;
  border-radius: 2px;
  margin-left: 10px;
  display: inline-block;
  background-color: #FEBA22;
}
.site-nav__item.has_image .site-nav__deep-dropdown li{
  margin-bottom: 15px;
}
.site-nav__item.has_image .site-nav__dropdown li a{
  border:none;
}
.site-nav__link[href]{
  cursor: pointer;
}
.site-nav__item:not(.has_image) .site-nav__dropdown-link--second-level-li{
  padding-top: 10px;
}
.site-nav__item.has_image  .nav-btn{
  background-color: rgba(2, 68, 136, 100);
    color: rgba(255, 255, 255, 100);
    font-size: 18px;
    padding: 8px 20px;
    display: inline-block;
    margin-top: 20px;
    border-radius: 10px;
}
.site-nav__item.has_image  .nav-btn:hover{
  color:#fff !important;
  opacity: 0.8; 
}
.site-nav__item.has_image  .site-nav__dropdown{
  top:calc(100% - 0px); 
} 
.site-nav__item.has_image .snd_outer{ 
  display: flex;
  justify-content: space-between;
}
.site-nav__item.has_image .snd-right{
  flex: 0 1 400px;
}
.sndo-title{
  padding: 0px;
  font-size: 16px;
  font-weight: bold;
  color:var(--colorPrimary);
  margin-bottom: 20px;
}
.site-nav__item.has_image .site-nav__dropdown-link--second-level{
  padding: 0px;
  
}
.snd_inner .site-nav__dropdown-link--second-level-li{
  margin-bottom: 15px!important;
}
.site-nav__item.has_image .site-nav__dropdown a:hover .name{
  font-weight: bold;
}
.site-nav__item.has_image .site-nav__dropdown a .name{
  transition:none !important;
}
.sndo-nav-item-box{
  display: flex;
}
.sndo-nav-item{
  flex:0 1 50%;
  padding-right: 25px;
}
.snd_inner{
  flex: 0 1 550px;
}
.hnpi-header{
 
    font-weight: bold;
    margin-bottom: 20px;
    color: var(--colorPrimary);
    font-size:15px;

}
.hnpi-header .grid-product__price{
margin-top: 0px;
font-size:16px;

}
.hnpi-header .hnpi-title{
  margin-right:15px;
}
.hnpi-header .hnpi-price{
  display: inline-block;
}
.hnpi-header  .sale-price{
  color: var(--colorPrimary);
}
.hnpi-header  .grid-product__price--original{
color:#bbb;
}

.snd-right .image{
  margin-bottom:15px;
}


.site-nav__item.has_image .the-first-layout,
.site-nav__item.has_image .the-third-layout{
  max-width:950px;
}
.site-nav__item.has_image .page-width,
.site-nav__item.has_image .the-second-layout{
  max-width: 825px;
}

.site-nav__item.has_image .the-fivth-layout .snd-right,
.site-nav__item.has_image .the-third-layout .snd-right{
  margin-left:-30px;
  display: flex;
  flex:0 1 550px;
}
.site-nav__item.has_image .the-fivth-layout .snd-right .header-nav-product-item,
.site-nav__item.has_image .the-third-layout .snd-right .header-nav-product-item{
  max-width: 290px;
  padding-left:5px;
}
.site-nav__item.has_image .the-fivth-layout .snd_inner{
  flex:0  1 550px;
}
.site-nav__item.has_image .the-third-layout .snd_inner{
flex:0  1 330px;
}
.site-nav__item.has_image .the-fivth-layout{
  max-width:1130px;
    }
.site-nav__item.has_image .the-fivth-layout .hnpi-header,
.site-nav__item.has_image .the-third-layout .hnpi-header{
margin-bottom: 5px;
}

.site-nav__item.has_image .the-fourth-layout .snd_inner{
display:none;
  }
  .site-nav__item.has_image .the-fourth-layout{
    max-width: 1230px;
  }
  .site-nav__item.has_image .the-fourth-layout .snd-right{
    flex:0 1 100%;
  }
  .site-nav__item.has_image .the-fourth-layout .snd-right .header-nav-product-item{
    max-width: unset;
  
    flex:1;
  }
  
  .header-nav-product-item{
   flex:1;
    margin-left:20px;
  }
  .snd-right{
  display:flex;
  }
  .site-nav__item.has_image .site-nav__deep-dropdown{
    margin-left: 15px;
    margin-top: 15px;
  }

  .site-nav--has-dropdown>.site-nav__link::after{
    content:"";
    position: absolute;
    left: 0px;
    bottom: -1px;
    width: 0%;
    height: 4px;
    background: var(--colorPrimary);
    transition: width 0.5s ease;
  }
.site-nav--has-dropdown.is-focused>.site-nav__link::after{
    width: 100%;
  }

  .site-nav--has-dropdown>.site-nav__link>.icon-chevron-down{
    display:none;
  }
.site-nav__item.has_image .site-nav__deep-dropdown{
  margin-left:0px;
}
.site-nav__item.has_image .site-nav__dropdown .site-nav__deep-dropdown a{
  padding:0px;
}

.site-nav__item.has_image .site-nav__deep-dropdown{
    box-shadow: none;
    position: unset;
    top: 0;
    left: 100%;
    margin: 0;
    visibility: visible!important;
    opacity:1!important;;
    z-index: 5;
    transform: unset;
}
.site-nav__item.has_image .site-nav__dropdown .icon-chevron-down{
  display: none;
}
.site-nav__item.has_image .site-nav__dropdown-link .tag{
  color: var(--colorPrimary);
  font-size: 14px;
  padding: 0px 8px;
  border-radius: 2px;
  margin-left: 10px;
  display: inline-block;
  background-color: #FEBA22;
}
.site-nav__item.has_image .site-nav__deep-dropdown li{
  margin-bottom: 15px;
}
.site-nav__item.has_image .site-nav__dropdown li a{
  border:none;
}
.site-nav__link[href]{
  cursor: pointer;
}
.site-nav__item.has_image  .nav-btn{
  display:none!important;
  background-color: rgba(2, 68, 136, 100);
    color: rgba(255, 255, 255, 100);
    font-size: 18px;
    padding: 8px 20px;
    display: inline-block;
    margin-top: 20px;
}
.site-nav__item.has_image  .nav-btn:hover{
  color:#fff !important;
  opacity: 0.8; 
}
 
.site-nav__item.has_image .snd_outer{ 
  display: flex;
  justify-content: space-between;
}
.site-nav__item.has_image .snd-right{
  flex: 0 1 400px;
}
.sndo-title{
  padding: 0px;
  font-size: 16px;
  font-weight: bold;
  color:var(--colorPrimary);
  margin-bottom: 20px;
}
.site-nav__item.has_image .site-nav__dropdown-link--second-level{
  padding: 0px;
  
}
.snd_inner .site-nav__dropdown-link--second-level-li{
  margin-bottom: 15px!important;
}
.site-nav__item.has_image .site-nav__dropdown a:hover .name{
  font-weight: bold;
}
.site-nav__item.has_image .site-nav__dropdown a .name{
  transition:none !important;
}
.sndo-nav-item-box{
  display: flex;
}
.sndo-nav-item{
  flex:0 1 50%;
  padding-right: 25px;
}
.snd_inner{
  flex: 0 1 550px;
}
.hnpi-header{
 
    font-weight: bold;
    margin-bottom: 20px;
    color: var(--colorPrimary);
    font-size:16px;

}
.hnpi-header .grid-product__price{
margin-top: 0px;
font-size:16px;

}
.hnpi-header .hnpi-title{
  margin-right:15px;
}
.hnpi-header .hnpi-price{
  display: inline-block;
}
.hnpi-header  .sale-price{
  color: var(--colorPrimary);
}
.hnpi-header  .grid-product__price--original{
color:#bbb;
}

.snd-right .image{
  margin-bottom:15px;
}


.site-nav__item.has_image .the-first-layout,
.site-nav__item.has_image .the-third-layout{
  max-width:950px;
}
.site-nav__item.has_image .page-width,
.site-nav__item.has_image .the-second-layout{
  max-width: 825px;
}

.site-nav__item.has_image .the-fivth-layout .snd-right,
.site-nav__item.has_image .the-third-layout .snd-right{
  margin-left:-30px;
  display: flex;
  flex:0 1 550px;
}
.site-nav__item.has_image .the-fivth-layout .snd-right .header-nav-product-item,
.site-nav__item.has_image .the-third-layout .snd-right .header-nav-product-item{
  max-width: 290px;
  padding-left:5px;
}
.site-nav__item.has_image .the-fivth-layout .snd_inner{
  flex:0  1 550px;
}
.site-nav__item.has_image .the-third-layout .snd_inner{
flex:0  1 330px;
}
.site-nav__item.has_image .the-fivth-layout{
  max-width:1130px;
    }
.site-nav__item.has_image .the-fivth-layout .hnpi-header,
.site-nav__item.has_image .the-third-layout .hnpi-header{
margin-bottom: 5px;
}

.site-nav__item.has_image .the-fourth-layout .snd_inner{
display:none;
  }
  .site-nav__item.has_image .the-fourth-layout{
    max-width: 1230px;
  }
  .site-nav__item.has_image .the-fourth-layout .snd-right{
    flex:0 1 100%;
  }
  .site-nav__item.has_image .the-fourth-layout .snd-right .header-nav-product-item{
    max-width: unset;
  
    flex:1;
  }
  
  .header-nav-product-item{
   flex:1;
  }
  .site-nav__item.has_image .site-nav__deep-dropdown{
    margin-left: 15px;
    margin-top: 15px;
  }

  .site-nav--has-dropdown>.site-nav__link::after{
    content:"";
    position: absolute;
    left: 0px;
    bottom: -1px;
    width: 0%;
    height: 4px;
    background: var(--colorPrimary);
    transition: width 0.5s ease;
  }
.site-nav--has-dropdown.is-focused>.site-nav__link::after{
    width: 100%;
  }

  .site-nav--has-dropdown>.site-nav__link>.icon-chevron-down{
    display:none;
  }
  .product-tag-box{
    position: absolute;
      top: 0px;
      right: 0px;
      z-index: 1;
      display: flex;
      align-items: center;
      column-gap: 10px;
  }
  .product-tag-box .product-discount{
    background: #71F1FF;
    
  }
  .product-tag-box .item{
    padding: 3px 10px;
  }
  .product-tag-box .product-bset-tag{
  background:#FEBA22;
  }
  .snd-right .image{
    position: relative;
  }
  
  .snd-right .product-tag-box{
    top:15px;
    left:15px;
    right:unset;
  }
  
  .snd-right .product-tag-box .item{
    color:var(--colorPrimary);
    border-radius: 2px;
    padding-top:0px;
    padding-bottom:0px;
    background-color: #FEBA22!important;
  }
  .snd-right .product-tag-box .item.product-new-tag {
    text-transform: uppercase;
  }
    .site-nav__item.site-nav--active>.site-nav__link:after{
     width:100%;
    }
    .pcwt-left .pcw-table-body{
      border-left: 1px solid #bbb;
    }
    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
          pointer-events: auto!important;
    }
    
    header#SiteHeader:hover{
      background-color: #ffffff;
    }
    
/*电脑版*/
.site-nav__item.has_image  .site-nav__dropdown li:nth-child(1) a:before,
.site-nav__item.has_image   .mobile-nav__sublist li:nth-child(1) a:before {
  display: none !important;
}

.site-nav__item.has_image  .site-nav__dropdown li:nth-child(2) a:before,
.site-nav__item.has_image  .mobile-nav__sublist li:nth-child(2) a:before {
  display: none !important;
}


 
 
.mobile-nav {
  margin: -20px -20px 0 -20px
}

.mobile-nav li {
  margin-bottom: 0;
  list-style: none;
}

.mobile-nav__search {
  padding: 20px;
}

.mobile-nav__item {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden
}

.mobile-nav>.mobile-nav__item {
  background-color: #ffffff;
  background-color: var(--colorDrawers)
}

.mobile-nav>.mobile-nav__item:nth-last-child(2) {}

.mobile-nav>.mobile-nav__item:nth-last-child(2) a:before {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  margin: 0 15px 0 0;
  background: url(user-icon.svg) center no-repeat;
  position: relative;
  top: 3px;
}


.mobile-nav__item:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  border-bottom: 1px solid;
  border-bottom-color: #e8e8e1;
  border-bottom-color: var(--colorDrawerBorder);
}

.mobile-nav>.mobile-nav__item:last-child:after {
  display: none
}

.mobile-nav__item .mobile-nav__faux-link,
.mobile-nav__item a:not(.megamenu__promo-link) {
  display: block;
  font-size: 16px
}

@media only screen and (min-width:590px) {

  .mobile-nav__item .mobile-nav__faux-link,
  .mobile-nav__item a:not(.megamenu__promo-link) {
    font-size: 24px
  }
}

.mobile-nav__item .mobile-nav__faux-link,
.mobile-nav__item a,
.mobile-nav__toggle button {
  color: #000000;
  color: var(--colorDrawerText);
  padding: 15px 20px;
  text-decoration: none
}

.mobile-nav__item .mobile-nav__faux-link:active,
.mobile-nav__item a:active,
.mobile-nav__toggle button:active {
  color: #000000;
  color: var(--colorDrawerTextDarken);
}

.mobile-nav__item .mobile-nav__faux-link:active,
.mobile-nav__item a:active,
.mobile-nav__toggle button:active {
  background-color: #f2f2f2;
  background-color: var(--colorDrawersDim);
}

.mobile-nav__child-item {
  display: flex;
}

.mobile-nav__item--secondary a {
  font-size: 15px;
  line-height: 1.2;
  padding-top: 10px;
  padding-bottom: 5px;
}

.mobile-nav__item--secondary:after {
  display: none;
}

.mobile-nav__spacer {
  height: 0;
  padding: 5px;
}

.mobile-nav__has-sublist {
  position: relative;
  display: table;
  width: 100%
}

.mobile-nav__has-sublist .mobile-nav__link {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.mobile-nav__link--button {
  width: 100%;
  text-align: left;
  padding: 0;
}

.mobile-nav__link--button-small {
  width: auto
}

.mobile-nav__link--button-small .collapsible-trigger__icon {
  right: -10px;
}

.mobile-nav__toggle {
  display: table-cell;
  vertical-align: middle;
  width: 1%
}

.mobile-nav__toggle .icon {
  width: 16px;
  height: 16px;
}

.mobile-nav__sublist {
  margin: 0
}

.mobile-nav__sublist .mobile-nav__item:after {
  top: 0;
  bottom: auto;
  border-bottom: none;
}

.mobile-nav__sublist .megamenu__promo--mobile:last-child,
.mobile-nav__sublist .mobile-nav__item:last-child {
  padding-bottom: 20px;
}

.mobile-nav__sublist .mobile-nav__faux-link,
.mobile-nav__sublist .mobile-nav__link {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
  font-weight: 400;
  padding: 10px 25px 10px 40px;
  font-size: var(--typeBaseSize);
}

.mobile-nav__grandchildlist {
  margin: 0
}

.mobile-nav__grandchildlist .mobile-nav__item:last-child {
  padding-bottom: 0;
}

.mobile-nav__grandchildlist .mobile-nav__link {
  padding-left: 60px;
}

.mobile-nav__social {
  margin: 10px 0 15px -5px
}

.mobile-nav__social li {
  margin-right: 10px;
  display: inline-block;
}

.mobile-nav__social a {
  padding: 10px 5px;
}

.mobile-nav__social .icon {
  width: 24px;
  height: 24px;
  color: var(--colorPrimary);
}

@media only screen and (min-width:590px) {
  .site-nav__link--icon .icon {
    width: 18px;
    height: 18px;
  }
}

.cart-link {
  position: relative;
  display: inline-block;
  line-height: 1;
}

.cart-link__bubble {
  display: none;
}

.cart-link__bubble--visible {
  background: #FFBE01;
  border-radius: 50%;
  padding-right: 0px!important;
  padding: 3px!important;
  width: 25px;
  height: 25px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  margin-left: -2px;
}
.cart-link{
  padding-right:0px!important;
}

[data-icon=bag] .cart-link__bubble--visible {
  top: 50%;
  right: 0
}

[data-icon=bag-minimal] .cart-link__bubble--visible {
  top: -30%;
  right: -30%;
}

.breadcrumb {
gap: 10px;
  font-size: 15px;
  /* margin: 30px 0px; */
color:var(--colorPrimary)
}

@media only screen and (max-width:589px) {

  .breadcrumb {
    font-size: 11px;
    margin-bottom: 20px
  }
}

.breadcrumb__divider {
  color: currentColor;
}
.breadcrumb__divider svg {
  width: 12px;
  height: 12px;
}
.site-nav--is-megamenu.site-nav__item {
  position: static;
}

.megamenu {
  padding: 52px 0;
  line-height: 1.8;
}

.megamenu__wrapper {
  display: flex;
  align-items: flex-start;
}

.megamenu__promo {
  flex: 0 0 280px;
  text-align: center;
  padding-left: 30px
}

html[dir=rtl] .megamenu__promo {
  padding-left: 0;
  padding-right: 30px
}

.megamenu__promo--mobile {
  padding: 0;
}

.megamenu__promo-link {
  display: block;
  padding: 0;
}

.megamenu__promo-image {
  margin-bottom: 15px;
}

.megamenu__cols {
  flex: 1 1 100%;
  display: flex;
  flex-wrap: wrap;
}

.megamenu__col {
  flex: 1 1 auto;
  page-break-inside: avoid;
  break-inside: avoid;
}

.megamenu__link-label {
  position: relative;
  display: inline-block
}

.megamenu__link-label:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 2px solid currentColor;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: 0.5s ease;
}

a:hover .megamenu__link-label:after {
  transform: scaleX(1)
}

.megamenu__col-title a {
  font-weight: 700;
  font-size: calc(var(--typeBaseSize) + 1px);
}

.site-nav--is-megamenu:hover .appear-animation {
  opacity: 1;
  transform: translateY(0px);
  transition-duration: 0.5s;
}

.modal {
  display: none;
  bottom: 0;
  left: 0;
  opacity: 1;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 25;
  color: #fff;
  align-items: center;
  justify-content: center
}

.modal a,
.modal a:hover {
  color: inherit;
}

.modal .btn:not([disabled]),
.modal .btn:not([disabled]):hover {
  color: #ffffff;
  color: var(--colorBtnPrimaryText);
}

.modal.modal--quick-shop {
  align-items: flex-start;
}

.modal-open .modal .modal__inner {
  animation: modal-open 0.5s forwards;
}

.modal-open .modal:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  background-color: var(--colorModalBg);
  animation: overlay-on 0.5s forwards;
  cursor: pointer;
}

.modal-closing .modal .modal__inner {
  animation: modal-closing 0.5s forwards;
}

.modal-closing .modal:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  background-color: var(--colorModalBg);
  animation: overlay-off 0.5s forwards;
}

.modal-open--solid .modal:before {
  background-color: #000000;
  background-color: var(--colorModalBg)
}

.modal-open .modal--solid:before {
  background-color: #000;
  animation: full-overlay-on 0.5s forwards;
}

.modal-closing .modal--solid:before {
  background-color: #000;
  animation: full-overlay-off 0.5s forwards;
}

.modal--is-closing {
  display: flex !important;
  overflow: hidden;
}

.modal--is-active {
  display: flex !important;
  overflow: hidden;
}

@media only screen and (min-width:590px) {
  .modal-open {
    overflow: hidden;
  }
}

.modal__inner {
  transform-style: preserve-3d;
  flex: 0 1 auto;
  margin: 20px;
  max-width: 100%;
  display: flex;
  align-items: center
}

@media only screen and (min-width:590px) {

  .modal__inner {
    margin: 40px
  }
}

.modal--square .modal__inner {
  background-color: #ffffff;
  background-color: var(--colorBody);
  color: #1c1d1d;
  color: var(--colorTextBody)
}

.modal__inner img {
  display: block;
  max-height: 90vh;
}

.modal__inner .image-wrap img {
  max-height: none;
}

.modal__centered {
  position: relative;
  flex: 0 1 auto;
  min-width: 1px;
  max-width: 100%;
}

.modal--square .modal__centered-content {
  max-height: 80vh;
  padding: 30px;
  min-width: 840px;
  min-height: 190px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width:590px) {

  .modal--square .modal__centered-content {
    padding: 60px;
    max-height: 90vh;
    max-width: 1200px
  }
}

.modal__close {
  border: 0;
  padding: 20px;
  position: fixed;
  top: 0;
  right: 0;
  color: #fff
}

@media only screen and (min-width:590px) {

  .modal__close {
    padding: 40px
  }
}

.modal__close .icon {
  width: 28px;
  height: 28px;
}

.modal__close:focus,
.modal__close:hover {
  color: #fff;
}

.modal--square .modal__close {
  position: absolute;
  color: #1c1d1d;
  color: var(--colorTextBody);
  padding: 13.33333px;
  display: none;
}

.modal--square .modal__close:focus,
.modal--square .modal__close:hover {
  color: #1c1d1d;
  color: var(--colorTextBody);
}

.modal .page-content,
.modal .page-width {
  padding: 0;
}

.popup-cta {
  margin-bottom: 20px;
}

@media only screen and (max-width:589px) {
  .modal--mobile-friendly {
    top: auto;
    bottom: 0;
    overflow: auto
  }

  .modal--mobile-friendly.modal--square .modal__centered-content {
    padding: 20px 20px 0;
  }

  .modal--mobile-friendly.modal--is-active {
    overflow: auto;
  }

  .modal-open .modal--mobile-friendly:before {
    display: none;
  }

  .modal-closing .modal--mobile-friendly:before {
    display: none;
  }

  .modal--mobile-friendly .modal__inner {
    margin: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  }

  .modal--mobile-friendly .h1 {
    padding-right: 25px;
  }

  .modal--mobile-friendly input {
    font-size: 16px !important;
  }

  .modal--mobile-friendly .input-group {
    margin: 0 auto 20px;
  }

  .modal--mobile-friendly .btn {
    min-width: auto;
  }

  .modal--mobile-friendly .text-close {
    display: none;
  }
}

.js-qty__wrapper {
  position: relative;
  max-width: 170px;
  min-width: 60px;
/*   overflow: hidden; */
  background-color: #ffffff;
  background-color: var(--colorInputBg);
  color: #1c1d1d;
  color: var(--colorInputText);
  border-radius: 50px;
}

.js-qty__wrapper.is-loading {
  opacity: 0.5;
  pointer-events: none;
}

.js-qty__num {
  display: block;
  background: none;
  text-align: center;
  width: 100%;
  padding: 5px 30px;
  margin: 0;
  z-index: 1;
  border-radius: 50px;
  overflow: hidden;
}

.js-qty__adjust {
  cursor: pointer;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  border: 0 none;
  background: none;
  text-align: center;
  /* overflow: hidden; */
  padding: 0 15px;
  line-height: 1;
  -webkit-user-select: none;
  user-select: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: background-color 0.1s ease-out;
  z-index: 2;
  fill: #1c1d1d;
  fill: var(--colorInputText);
}

.js-qty__adjust .icon {
  display: block;
  font-size: 8px;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  fill: inherit;
}

.js-qty__adjust:hover {
  background-color: #f2f2f2;
  background-color: var(--colorInputBgDim);
  color: #1c1d1d;
  color: var(--colorInputText);
}

.js-qty__adjust:active {
  background-color: #e6e6e6;
  background-color: var(--colorInputBgDark);
}

.js-qty__num:active~.js-qty__adjust,
.js-qty__num:focus~.js-qty__adjust {
  border-color: #1c1d1d;
  border-color: var(--colorTextBody);
}

.js-qty__adjust--plus {
  right: 0;
  border-radius: 0px 50px 50px 0px;
}

.js-qty__adjust--minus {
  left: 0;
  border-radius: 50px 0px 0px 50px;
}

.drawer .js-qty__wrapper {
  background-color: transparent;
  border-color: #e8e8e1;
  border-color: var(--colorDrawerBorder);
  max-width: 90px;
}

.drawer .js-qty__num {
  color: #000000;
  color: var(--colorDrawerText);
  border-color: #e8e8e1;
  border-color: var(--colorDrawerBorder);
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: .5rem;
}

.drawer .js-qty__adjust {
  border-color: #e8e8e1;
  border-color: var(--colorDrawerBorder);
  color: #000000;
  color: var(--colorDrawerText);
  fill: #000000;
  fill: var(--colorDrawerText);
  padding: 0 1.2rem;
}

.drawer .js-qty__adjust:hover {
  background-color: #e8e8e1;
  background-color: var(--colorDrawerBorder);
  color: #ffffff;
  color: var(--colorDrawers);
  fill: #ffffff;
  fill: var(--colorDrawers);
}

.drawer .js-qty__num:active~.js-qty__adjust,
.drawer .js-qty__num:focus~.js-qty__adjust {
  border-color: #e8e8e1;
  border-color: var(--colorDrawerBorder);
}

.currency-flag {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.3)
}

.currency-flag:after,
.currency-flag:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
}

.currency-flag:before {
  content: attr(data-flag);
  font-size: 16px;
  margin: 1px;
  background-color: #000;
  color: #fff;
  text-align: center;
  font-weight: 700;
  line-height: 49px;
}

.currency-flag--small {
  width: 20px;
  height: 20px
}

.currency-flag--small:before {
  display: none;
}

.currency-options__label {
  display: inline-block;
  vertical-align: middle;
  width: 100px
}

.currency-options__label span {
  border-bottom: 2px solid transparent
}

.is-active .currency-options__label span {
  border-bottom: 2px solid currentColor
}

.currency-options__label--inline {
  display: inline;
  width: auto;
  padding-left: 5px;
}

.disclosure {
  position: relative;
}

.disclosure__toggle {
  white-space: nowrap;
}

.disclosure-list {
  background-color: #ffffff;
  background-color: var(--colorBody);
  color: #1c1d1d;
  color: var(--colorTextBody);
  bottom: 100%;
  padding: 10px 0px;
  margin: 0;
  position: absolute;
  display: none;
  min-height: 92px;
  max-height: 60vh;
  overflow-y: auto;
  border-radius: 0;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.09)
}

.disclosure-list a {
  color: currentColor;
}

.disclosure-list--visible {
  display: block;
}

.disclosure-list__item {
  white-space: nowrap;
  padding: 5px 15px 4px;
  text-align: left
}

.disclosure-list__item .currency-options__label {
  border-bottom: 1px solid transparent;
}

.disclosure-list__option:focus .currency-options__label,
.disclosure-list__option:hover .currency-options__label {
  border-bottom: 1px solid currentColor;
}

.disclosure-list__item--current .currency-options__label {
  border-bottom: 1px solid currentColor;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
  opacity: 1;
  background: #ffffff;
  background: var(--colorBody);
  border-color: rgba(28, 29, 29, 0.05);
  border-radius: 50px;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
  color: #1c1d1d;
  color: var(--colorTextBody);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
  color: #1c1d1d;
  color: var(--colorTextBody);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active {
  color: #1c1d1d;
  color: var(--colorTextBody);
  background-color: rgba(28, 29, 29, 0.05);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
  border-color: rgba(28, 29, 29, 0.05);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
  background-color: #1c1d1d;
  background-color: var(--colorTextBody);
  color: #ffffff;
  color: var(--colorBody);
  border-radius: 100%;
  border: 1px solid;
  border-color: rgba(28, 29, 29, 0.05)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover {
  color: #ffffff;
  color: var(--colorBody);
}

.product-single__view-in-space {
  display: block;
  color: #1c1d1d;
  color: var(--colorTextBody);
  background-color: rgba(28, 29, 29, 0.08);
  width: 100%;
  margin-top: 40px;
  padding: 5px 10px 10px
}

.product-single__view-in-space[data-shopify-xr-hidden] {
  display: none;
}

.product-single__view-in-space-text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  font-size: 0.9em;
}

.shopify-model-viewer-ui,
.shopify-model-viewer-ui model-viewer {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.shopify-model-viewer-ui__button[hidden] {
  display: none;
}

.product-single__close-media {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}

.collapsibles-wrapper--border-bottom {
  border-bottom: 1px solid;
  border-bottom-color: #e8e8e1;
  border-bottom-color: var(--colorBorder);
}

.collapsible-trigger {
  color: inherit;
  position: relative;
}

.mobile-nav__toggle button {
  padding: 20px 30px;
}

.collapsible-trigger__icon {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 12px;
  height: 12px;
  transform: translateY(-50%)
}

@media only screen and (max-width:589px) {

  .collapsible-trigger__icon {
    width: 10px;
    height: 10px
  }
}

.mobile-nav__has-sublist .collapsible-trigger__icon {
  right: 20px
}

.collapsible-trigger__icon .icon {
  display: block;
  width: 16px;
  height: 16px;
  transition: all 0.2s ease-in
}

@media only screen and (max-width:589px) {

  .collapsible-trigger__icon .icon {
    width: 10px;
    height: 10px
  }
}

.collapsible-trigger--inline {
  font-weight: 300;
  width: 100%;
  padding: 20px 0 20px 0px;
  font-size: 1.8rem;
  color: var(--colorPrimary);

}

.collapsible-trigger--inline .collapsible-trigger__icon {
  right: 0;
  left: auto;
}

.collapsible-trigger__icon--circle {
  border: 1px solid;
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  text-align: center
}

.collapsible-trigger__icon--circle .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.collapsible-trigger.is-open .collapsible-trigger__icon>.icon-chevron-down {
  transform: rotate(180deg);
}

.collapsible-trigger .collapsible-trigger__icon .icon-minus,
.collapsible-trigger.is-open .collapsible-trigger__icon .icon-plus {
  display: none;
}

.collapsible-trigger.is-open .collapsible-trigger__icon .icon-minus {
  display: block;
}

.collapsible-content {
  transition: opacity 0.3s cubic-bezier(.25, .46, .45, .94), height 0.3s cubic-bezier(.25, .46, .45, .94)
}

.collapsible-content.is-open {
  overflow: unset;
  visibility: visible;
  opacity: 1;
  transition: opacity 1s cubic-bezier(.25, .46, .45, .94), height 0.5s cubic-bezier(.25, .46, .45, .94);
}

.collapsible-content--all {
  visibility: hidden;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
  height: 0
}

.collapsible-content--all .collapsible-content__inner {
  transform: translateY(40px);
}

.collapsible-content--all .collapsible-content__inner--no-translate {
  transform: translateY(0);
}

@media only screen and (max-width:589px) {
  .collapsible-content--small {
    overflow: hidden;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    height: 0
  }

  .collapsible-content--small .collapsible-content__inner {
    transform: translateY(40px);
  }

  .collapsible-content--small .collapsible-content__inner--no-translate {
    transform: translateY(0);
  }
}

.collapsible-content__inner {
  transition: transform 0.3s cubic-bezier(.25, .46, .45, .94)
}

.is-open .collapsible-content__inner {
  transform: translateY(0);
  transition: transform 0.5s cubic-bezier(.25, .46, .45, .94);
  margin: 0 0 4rem 0;

}

.rte.collapsible-content__inner--faq {
  padding-bottom: 40px;
}

.collapsible-trigger[aria-expanded=true] .collapsible-label__closed {
  display: none
}

.collapsible-label__open {
  display: none
}

.collapsible-trigger[aria-expanded=true] .collapsible-label__open {
  display: inline-block
}

.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  outline: none;
}

.pswp img {
  max-width: none;
}

.pswp--animate_opacity {
  opacity: 0.001;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  cursor: grab;
}

.pswp--dragging .pswp__img {
  cursor: grabbing;
}

.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  background: var(--colorBody);
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  transform-origin: left top;
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  line-height: 16px;
  margin-top: -8px;
  color: #ccc;
}

.pswp__error-msg a {
  color: #ccc;
  text-decoration: underline;
}

.pswp__button {
  position: relative;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1)
}

.pswp__button:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.pswp__button--arrow--left .icon,
.pswp__button--arrow--right .icon {
  width: 13px;
  height: 13px;
  margin: 8px;
}

.pswp__button[disabled] {
  opacity: 0;
  pointer-events: none;
}

.pswp__ui {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 40px;
  left: 0;
  right: 0;
  transform: translateY(0);
  transition: transform 0.25s 0.6s
}

.pswp__ui .btn {
  margin: 15px;
}

.pswp__ui--hidden {
  transform: translateY(150%);
  transition: transform 0.25s;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.5;
}

:-moz-placeholder {
  color: inherit;
  opacity: 0.5;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 0.5;
}

::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

input,
select,
textarea {
  background-color: transparent;
  color: inherit;
  border-radius: 10px;
}

input.disabled,
input[disabled],
select.disabled,
select[disabled],
textarea.disabled,
textarea[disabled] {
  background-color: #f6f6f6;
  border-color: transparent;
}

input:active,
input:focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
  border: 1px solid;
  border-color: #024488;
  border-color: var(--colorPrimary);
}

input[type=number] {
  font-size: 16px;
}

input[type=image] {
  background-color: transparent;
}

.skrim-grid--pagination .skrim__item {
  height: 120px
}

@media only screen and (min-width:590px) {

  .skrim-grid--pagination .skrim__item {
    height: 350px
  }
}

.collection--square-small,
.collection--wide {
  height: 150px
}

@media only screen and (min-width:590px) {

  .collection--square-small,
  .collection--wide {
    height: 300px
  }
}

.collection--square-large,
.collection--tall {
  height: 300px
}

@media only screen and (min-width:590px) {

  .collection--square-large,
  .collection--tall {
    height: 600px
  }
}

.collections-list .collection--square-small {
  margin-bottom: 22px
}

@media only screen and (min-width:590px) {

  .collections-list .collection--square-small {
    margin-bottom: 30px
  }
}

.social-sharing {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight)
}

@media only screen and (max-width:589px) {

  .social-sharing {
    text-align: center
  }
}

.social-sharing .icon {
  height: 18px;
  width: 18px;
}

.social-sharing__link {
  display: inline-block;
  color: #1c1d1d;
  color: var(--colorTextBody);
  border-radius: 2px;
  font-size: calc(var(--typeBaseSize) - 1px);
  margin: 0 18px 0 0;
  text-decoration: none;
  font-weight: 400
}

.social-sharing__link:last-child {
  margin-right: 0;
}

.social-sharing__title {
  display: inline-block;
  vertical-align: middle;
  padding-right: 15px;
  padding-left: 3px
}

@media only screen and (max-width:589px) {

  .social-sharing__title {
    font-size: 0.9em
  }
}

.grid-search {
  margin-bottom: 40px;
}

.grid-search__product {
  position: relative;
  text-align: center;
}

.grid-search__page-link,
.grid-search__product-link {
  height: 280px;
}

.grid-search__page-link {
  display: block;
  background-color: #fafafa;
  padding: 20px;
  color: #1c1d1d;
  color: var(--colorTextBody);
  border: 1px solid;
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
  overflow: hidden;
  text-overflow: ellipsis
}

.grid-search__page-link:focus,
.grid-search__page-link:hover {
  background-color: #f5f5f5;
}

.grid-search__page-content {
  display: block;
  height: 100%;
  overflow: hidden;
}

.grid-search__page-content img {
  display: block;
  margin-bottom: 10px;
}

.grid-search__image {
  display: block;
  padding: 20px;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%
}

@media only screen and (min-width:590px) {

  .grid-search__image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }
}

.index-section {
  margin: 34px 0;
}

.index-section--small {
  margin: 24px 0;
}

.index-section+.index-section,
.index-section+.index-section--hidden {
  margin-top: 0;
}

.index-section--flush {
  margin: 0;
}

.index-section--faq {
  margin-bottom: 30px;
}

.index-section--faq .page-width {
  border-bottom: 1px solid #eee;
  padding: 0 0 3rem 0 !important;
}

.section--divider {
  border-top: 1px solid;
  border-top-color: #e8e8e1;
  border-top-color: var(--colorBorder);
  padding-top: 34px;
}

.index-section--faq {
  margin-bottom: 65px;
}

.product-reviews--full {
  border-top: 1px solid;
  border-top-color: #e8e8e1;
  border-top-color: var(--colorBorder);
  padding: 34px 0;
  margin-bottom: 0;
}

.newsletter-section {
  padding: 34px 0;
}

.newsletter-section--with-divider {
  border-top: 1px solid;
  border-top-color: #e8e8e1;
  border-top-color: var(--colorBorder);
}

.testimonials-section {
  padding: 34px 0;
}

.testimonials-section--with-divider {
  border-top: 1px solid;
  border-top-color: #e8e8e1;
  border-top-color: var(--colorBorder);
}

@media only screen and (min-width:590px) {
  .index-section {
    margin:0;
  }

  .index-section--small {
    margin: 40px 0;
  }

  .index-section--faq {
    margin: 40px 0 0;
  }

  .section--divider {
    padding-top: 100px;
  }

  .product-reviews--full {
    padding: 60px;
  }

  .newsletter-section {
    padding: 60px 0;
  }

  .testimonials-section {
    padding: 100px 0;
  }
}

.page-blocks--flush .page-width {
  padding: 0;
}

.page-blocks>div:first-child .index-section {
  margin-top: 0;
  margin: 0px;
}
 .feature-row__item{
    min-width: 50%;
    flex: 0 1 50%;
   }
   .featured-image-with-text .image{
    border-radius: 5px;
    line-height: 0;
   }
  .featured-image-with-text .feature-row__item.feature-row__image{
    min-width: 60%;
    flex: 0 1 60%;
   }
  .featured-image-with-text .feature-row__item.feature-row__text{
    min-width: 40%;
    flex: 0 1 40%;
   }
  .image-with-text-new .featured-image-with-text .feature-row__item.feature-row__text, .image-with-text-new .featured-image-with-text .feature-row__item.feature-row__image{
    min-width: 50%;
    flex: 0 1 50%;
  }
  .image-with-text-new  .feature-row__image{
    margin:0;
  }
.feature-row {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center
}

@media only screen and (min-width:1050px) {

  .feature-row {
    margin: 0 6%
  }
}

@media only screen and (max-width:768px) {

  .feature-row {
    flex-direction: column;
    margin: 0
  }
}

@media only screen and (max-width:768px) {
  .feature-row--small-none {
    display: block;
  }
}

.feature-row__item {
  min-width: 50%;
  flex: 0 1 50%;
  
}
.image-with-text{
  overflow: hidden;
}
@media only screen and (max-width:768px) {

  .feature-row__item {
    flex: 1 1 auto!important;
    max-width: 100%!important;
    min-width: 100%!important;
  }
}

.feature-row__image {
  display: block;
  margin: 0 auto
}

@media only screen and (max-width:768px) {

  .feature-row__image {
    order: 1
  }
}

.feature-row__text {
  /* padding-top:40px; */
  padding-bottom: 40px
}

@media only screen and (max-width:768px) {

  .feature-row__text {
    order: 2;
    /*padding-top: 20px;*/
    padding-bottom: 0;
    text-align: center;
  }
}

.feature-row__text .rte {
  margin: 0;
}

.feature-row__text .btn {
  margin: 20px 0 0 0;
}

@media only screen and (min-width:590px) {
 

  .feature-row__text--center {
    padding-left: 0px;
    min-width: 100%;
  }

  .feature-row__text--right {
    padding-right: 80px;
  }
}

.hero .slideshow__slide {
  height: 100%;
}

.slideshow-wrapper {
  position: relative;
}

.slideshow__pause:focus {
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  color: #ffffff;
  color: var(--colorBtnPrimaryText);
  background-color: #111111;
  background-color: var(--colorBtnPrimary);
  padding: 10px;
  z-index: 10000;
  transition: none
}

.video-is-playing .slideshow__pause:focus {
  display: none
}

.slideshow__pause-stop {
  display: block
}

.is-paused .slideshow__pause-stop {
  display: none
}

.slideshow__pause-play {
  display: none
}

.is-paused .slideshow__pause-play {
  display: block
}

.slideshow__slide {
  display: none;
  width: 100%;
  position: relative;
  overflow: hidden
}

.slideshow__slide:first-child {
  display: block;
}

.flickity-slider .slideshow__slide {
  display: block
}

.slideshow__slide:after {
  display: none;
  content: "";
  position: absolute;
  background: #ffffff;
  background: var(--colorBody);
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  z-index: 1;
  transform: scaleX(0) translateZ(0);
  transition: transform 0s linear 0s;
  transform-origin: 0 50%;
}

.slideshow__slide.is-selected:after {
  transform: scaleX(1);
}

.hero {
  position: relative;
  overflow: hidden;
  background: #EEF3FC;
}

.hero__image-wrapper,
.hero__media {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.hero__image-wrapper:before,
.hero__media:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3
}

.video-interactable .hero__image-wrapper:before,
.video-interactable .hero__media:before {
  pointer-events: none
}

.hero__image-wrapper--no-overlay:before {
  content: none;
}

.hero__image {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  -o-object-fit: cover;
  object-fit: cover;
}

.hero__media iframe,
.hero__media video {
  width: 100%;
  height: 100%;
  pointer-events: none
}

.video-interactable .hero__media iframe,
.video-interactable .hero__media video {
  pointer-events: auto
}

.video-parent-section.loading .hero__media iframe,
.video-parent-section.loading .hero__media video {
  opacity: 0.01
}

.video-parent-section.loaded .hero__media iframe,
.video-parent-section.loaded .hero__media video {
  opacity: 1
}

.hero__media video {
  position: relative;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.hero__media iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 300%;
  left: -100%;
  max-width: none
}

@media screen and (min-width:1140px) {

  .hero__media iframe {
    width: 100%;
    height: 300%;
    left: auto;
    top: -100%
  }
}

.hero__slide-link {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  color: #ffffff;
  color: var(--colorHeroText);
}

.hero__text-wrap {
  position: absolute;
  height: 100%;
  color: #fff;
  color: var(--colorHeroText);
  top: 0px;
  left: 0px;
  width: 100%;
}

.hero__text-wrap .big-page-width,
.hero__inner {
  height: 100%;
}

.hero__inner {
  width: 100%;
  display: table;
}

.video-interactable .hero__text-wrap {
  pointer-events: none
}

.hero__text-wrap .page-width {
  display: table;
  width: 100%;
  height: 100%;
}

.hero__text-wrap--absolute {
  position: absolute;
  width: 100%;
}

.hero__text-content {
  position: relative;
  padding: 20px 0;
  z-index: 4
}

@media only screen and (min-width:590px) {

  .hero__text-content {
    padding: 60px 0
  }
}

/* [data-dots=true] .hero__text-content{
    padding-right:50px
} */

.hero__title {
  display: block;
  margin-bottom: 15px;
  font-size: 40px;
  font-weight: bold;

}

.hero__title .zs {
  background: url(blx.svg?v=1627978188) no-repeat bottom center;
  line-height: 70px;
  display: inline-block;
  background-size: 100%;
}

.zs {
  background: url(blx.svg?v=1627978188) no-repeat 0 80%;
  display: inline-block;
  background-size: 100%;
}

@media only screen and (min-width:590px) {

  .hero__title {
    font-size: 80px
  }
}

.hero__subtext {
  margin-top: 20px;
}

.hero__subtitle {
 
  vertical-align: middle;
  margin-right: 20px;
  margin-top: 5px;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: 1.2;
}

[data-type_base_accent_transform=true] .hero__subtitle {
  text-transform: none;
 

}

.hero__subtitle {
  font-size: var(--typeBaseSize)
}

[data-type_base_accent_transform=true] .hero__subtitle {
  font-size: calc(var(--typeBaseSize)*0.85)
}

@media only screen and (min-width:590px) {

  .hero__subtitle {
    font-size: calc(var(--typeBaseSize)*1.3)
  }

  [data-type_base_accent_transform=true] .hero__subtitle {
    font-size: calc(var(--typeBaseSize)*1.4285)
  }
}

.hero__link {
  display: inline-block;
  margin-top: 40px;
}

.video-interactable .hero__link {
  pointer-events: auto
}

.hero__link .btn {
  margin-top: 10px;
  font-weight: 300;
  display:inline-block;
}

@media only screen and (min-width:590px) {

  .hero__link .btn {
    margin-top: 5px;
  }
}

.hero__link .btn .icon-play {
  position: relative;
  top: -2px;
  width: 16px;
  height: 16px;
  margin-right: 15px
}

@media only screen and (max-width:589px) {

  .hero__link .btn .icon-play {
    margin-right: 10px
  }
}

.hero__link .btn--small .icon-play {
  width: 14px;
  height: 14px;
  margin-right: 10px;
}

 
.hero__text-content {
  display: table-cell
}

.hero__text-content.horizontal-left {
  text-align: left;
  
}
.hero__text-content.horizontal-left .hero__text-content-inner{
     margin-right:auto;
  }
.hero__text-content.horizontal-center {
  text-align: center;
    
}
.hero__text-content.horizontal-center .hero__text-content-inner{
   margin:0 auto;
  }
.hero__text-content.horizontal-right {
 
  text-align: right;
}
.hero__text-content.horizontal-right .hero__text-content-inner{
   margin-left:auto;
  }
.hero__text-content.vertical-center {
  vertical-align: middle
}

@media screen and (max-width:768px) {
  #insta-feed h2{
   font-size:28px!important;
  }
  .hero__text-content.mb_horizontal-left {
    text-align: left;
      
  }
  .hero__text-content.mb_horizontal-left .hero__text-content-inner{
     margin-right:auto;
  }
  .hero__text-content.mb_horizontal-center {
    text-align: center;
     margin:0 auto;
  }
 .hero__text-content.mb_horizontal-center .hero__text-content-inner{
    margin:0 auto;
  }
  .hero__text-content.mb_horizontal-right {
    text-align: right;
     margin-right:auto;
  }
.hero__text-content.mb_horizontal-right .hero__text-content-inner{
     margin-right:0 auto;
  }
  .hero__text-content.mb_vertical-center {
    vertical-align: middle
  }

  .hero__text-content.mb_vertical-bottom {
    vertical-align: bottom;
  }
}





.hero__text-content.vertical-center .hero__subtitle {
  margin-right: 0;

}

.hero__text-content.vertical-center .hero__link {
  display: block;
/*   margin-bottom: 12%; */
}

@media only screen and (min-width:590px) {

  .hero__text-content.vertical-center .hero__link {
    margin-top: 40px
  }
}

.hero__text-content.vertical-center .hero__link .btn {
/*   min-width: 180px;
  min-height: 60px; */
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  margin-left: 0;
  overflow: hidden;
  position: relative;
  margin-right:1px;
}

.hero__text-content.vertical-center .hero__link .btn .btnbg {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.hero__text-content.vertical-bottom {
  vertical-align: bottom;
}

.hero--450px {
  height: 292.5px;
}

.hero--550px {
  height: 357.5px;
}

.hero--650px {
  height: 422.5px;
}

.hero--750px {
  height: 487.5px;
}

.hero--900px {
  height: 850px;
}


.hero--100vh {
  height: 100vh;
}

@media only screen and (min-width:590px) {
  .hero--natural[data-natural] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .hero--450px {
    height: 450px;
  }

  .hero--550px {
    height: 550px;
  }

  .hero--650px {
    height: 68vh;
  }

  .hero--750px {
    height: 79vh;
  }

  .hero--850px {
    height: 850px;
  }

  .hero--16-9 {
    height: 0;
    padding-bottom: 56.25%;
  }
}

@media only screen and (max-width:589px) {
  .hero--mobile--auto[data-mobile-natural=true] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
  }

  .hero--16-9.hero--mobile--auto {
    height: 0;
    padding-bottom: 56.25%;
  }

  .hero--natural[data-mobile-natural=false] {
    height: 500px;
  }

  .hero--mobile--250px[data-mobile-natural=false] {
    height: 250px;
  }

  .hero--mobile--300px[data-mobile-natural=false] {
    height: 300px;
  }

  .hero--mobile--400px[data-mobile-natural=false] {
    height: 400px;
  }

  .hero--mobile--500px[data-mobile-natural=false] {
    height: 500px;
  }

  .hero--mobile--100vh[data-mobile-natural=false] {
    height: 90vh;
  }
}
[data-animate_sections=true] .slideshow__slide .animation-cropper {
  opacity: 0;
}

[data-animate_sections=true] .slideshow__slide .animation-contents {
  opacity: 0;
  transform: translateY(15px);
  transition: none;
}

[data-animate_sections=true] .slideshow__slide .hero__image {
  opacity: 1;
  transition: none !important;
}

[data-animate_sections=true] .slideshow__slide .pic {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-size: cover !important;

}

/* [data-animate_sections=true] .hero__image-wrapper {
  transform: scale(1.15);
  opacity: 0;
  transition: none;
} */
[data-animate_sections=true] .slideshow__slide.swiper-slide-active .animation-cropper ,
[data-animate_sections=true] .slideshow__slide.is-selected .animation-cropper {
  opacity: 1;
}
    [data-animate_sections=true] .slideshow__slide.swiper-slide-active .animation-contents,
[data-animate_sections=true] .slideshow__slide.is-selected .animation-contents {
  transform: translateY(0px);
}
[data-animate_sections=true] .slideshow__slide.swiper-slide-active .hero__title .animation-contents,
[data-animate_sections=true] .slideshow__slide.is-selected .hero__title .animation-contents {
  animation: 0.8s cubic-bezier(0.26, 0.54, 0.32, 1) 0.3s forwards;
  animation-name: rise-up;
}
[data-animate_sections=true] .slideshow__slide.swiper-slide-active  .hero__subtitle .animation-contents,
[data-animate_sections=true] .slideshow__slide.is-selected .hero__subtitle .animation-contents {
  animation: 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0.7s forwards;
  animation-name: rise-up;
}

[data-animate_sections=true] .slideshow__slide.swiper-slide-active  .hero__add_content .animation-contents,
[data-animate_sections=true] .slideshow__slide.is-selected .hero__add_content .animation-contents {
  animation: 1s cubic-bezier(0.26, 0.54, 0.32, 1) 1s forwards;
  animation-name: rise-up;
}
[data-animate_sections=true] .slideshow__slide.swiper-slide-active .hero__link .animation-contents,
[data-animate_sections=true] .slideshow__slide.is-selected .hero__link .animation-contents {
  animation: fade-in 1.5s ease 1.5s forwards;
}
[data-animate_sections=true] .slideshow__slide.swiper-slide-active .hero__image--svg,
[data-animate_sections=true] .slideshow__slide.swiper-slide-active .hero__image.lazyloaded,
[data-animate_sections=true] .slideshow__slide.swiper-slide-active .hero__media,
[data-animate_sections=true] .slideshow__slide.is-selected .hero__image--svg,
[data-animate_sections=true] .slideshow__slide.is-selected .hero__image.lazyloaded,
[data-animate_sections=true] .slideshow__slide.is-selected .hero__media {
  opacity: 1;
  /* animation: 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
  animation-name: zoom-fade; */
}
[data-animate_sections=true] .swiper-slide.swiper-slide-active .hero__image-wrapper,
[data-animate_sections=true] .slideshow__slide.is-selected .hero__image-wrapper {
  opacity: 1;
  transform: scale(1);
  /* transition: transform 1.5s cubic-bezier(0.26, 0.54, 0.32, 1), opacity 1.5s cubic-bezier(0.26, 0.54, 0.32, 1); */
}
  
    [data-animate_sections=true]  .first-swiper-slide .hero__image-wrapper{
       opacity: 1;
    }
    
[data-animate_sections=true] .animate-out .animation-cropper {
  opacity: 0;
}

[data-animate_sections=true] .animate-out .hero__image-wrapper {
  opacity: 0;
  transform: translateX(-60px);
  transition: transform 0.25s ease-in 0.08s, opacity 0.25s ease-in 0.08s;
}

[data-animate_sections=true] .animate-out .hero__image {
  opacity: 1;
}

[data-animate_sections=false] .slideshow__slide {
  opacity: 0
}

[data-animate_sections=false] .slideshow__slide.is-selected {
  opacity: 1;
}

.no-js [data-animate_sections=false] .slideshow__slide {
  opacity: 1
}


.callout-images {
  position: relative;
  width: 225px;
  max-width: 100%;
  margin: 20px auto;
  display: flex;
  align-items: center;
  justify-content: center
}

@media only screen and (min-width:590px) {

  .callout-images {
    width: 450px
  }
}

.callout-image-centered {
  position: relative;
  width: 140px
}

@media only screen and (min-width:590px) {

  .callout-image-centered {
    width: 280px
  }
}

.callout-image-placeholder {
  display: block;
  max-height: 100%;
  margin: 0 auto 40px
}

@media only screen and (max-width:589px) {

  .callout-image-placeholder {
    max-width: 585px;
    margin: -75px 0 0 -145px
  }
}

.feature-row__callout-image+.feature-row__text .feature-row__content {
  background-color: #ffffff;
  background-color: var(--colorBody);
  position: relative;
  z-index: 3;
  margin: -10px;
  padding-left: 10px;
}

@media only screen and (min-width:590px) {
  .feature-row__callout-image {
    order: 2;
  }

  .feature-row__callout-text.feature-row__text--left {
    order: 1;
    padding: 0 80px 0 0;
  }

  .feature-row__callout-text.feature-row__text--right {
    order: 3;
    padding: 0 0 0 80px;
  }

  .feature-row__callout-text.feature-row__text--center {
    order: 1;
    padding: 0 0 0 0;
  }
}

.callout-image {
  position: absolute;
  transition: transform 2.5s cubic-bezier(0.39, 0.68, 0.29, 1) 0.5s;
  z-index: 1;
  background-color: #ffffff;
  background-color: var(--colorBody)
}

.callout-image:first-of-type {
  position: relative;
  width: 100%;
  margin: 40px auto;
  z-index: 2;
}

.callout-image:nth-of-type(2) {
  top: 40px;
  left: 0;
  max-width: 90px;
}

.callout-image:nth-of-type(3) {
  bottom: 40px;
  right: 0;
  max-width: 80px;
}

.callout-image:nth-of-type(4) {
  bottom: 40px;
  left: 0;
  max-width: 100px;
}

.callout-image:nth-of-type(5) {
  top: 40px;
  right: 0;
  max-width: 50px;
}

[data-aos=collection-callout].aos-animate .callout-image:first-of-type {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
}

[data-aos=collection-callout].aos-animate .callout-image:nth-of-type(2) {
  transform: translate3d(-64px, -30px, 0);
}

[data-aos=collection-callout].aos-animate .callout-image:nth-of-type(3) {
  transform: translate3d(64px, 13%, 0);
}

[data-aos=collection-callout].aos-animate .callout-image:nth-of-type(4) {
  transform: translate3d(-50px, 40px, 0);
}

[data-aos=collection-callout].aos-animate .callout-image:nth-of-type(5) {
  transform: translate3d(40px, 10px, 0);
}

@media only screen and (min-width:590px) {
  .callout-image:nth-of-type(2) {
    max-width: 180px;
  }

  .callout-image:nth-of-type(3) {
    max-width: 160px;
  }

  .callout-image:nth-of-type(4) {
    max-width: 200px;
  }

  .callout-image:nth-of-type(5) {
    max-width: 100px;
  }

  [data-aos=collection-callout].aos-animate .callout-image:nth-of-type(2) {
    transform: translate3d(-128px, -40px, 0);
  }

  [data-aos=collection-callout].aos-animate .callout-image:nth-of-type(3) {
    transform: translate3d(120px, 13%, 0);
  }

  [data-aos=collection-callout].aos-animate .callout-image:nth-of-type(4) {
    transform: translate3d(-100px, 80px, 0);
  }

  [data-aos=collection-callout].aos-animate .callout-image:nth-of-type(5) {
    transform: translate3d(80px, 40px, 0);
  }
}

.collection-filter {
  margin-bottom: 20px
}

.collection-filter select {
  display: inline-block;
  width: 100%;
  max-width: 320px;
}

.collection-description {
  max-width: 900px
}

[data-type_header_text_alignment=true] .collection-description {
  text-align: center;
  margin: 0 auto
}

.collection-hero {
  position: relative;
  width: 100%;
  height: 330px;
  overflow: hidden;
  background: #111111;
  background: var(--colorLargeImageBg)
}

@media only screen and (min-width:590px) {

  .collection-hero {
    height: 550px
  }
}

.collection-hero__spacer {
  height: 330px
}

@media only screen and (min-width:590px) {

  .collection-hero__spacer {
    height: 550px
  }
}

.collection-hero__content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: flex-end;
  z-index: 1
}

.collection-hero__content .page-width {
  width: 100%;
}

.collection-hero__content:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: auto;
  transition: opacity 2.5s ease;
  opacity: 0;
  display: block;
}

.collection-hero.loaded .collection-hero__content:before {
  opacity: 1
}

[data-animate_sections=true] .collection-hero .collection-hero__image {
  opacity: 0
}

.no-js [data-animate_sections=true] .collection-hero .collection-hero__image {
  opacity: 1
}

[data-animate_sections=true] .collection-hero .section-header__title .animation-contents {
  opacity: 0
}

.no-js [data-animate_sections=true] .collection-hero .section-header__title .animation-contents {
  opacity: 1
}

[data-animate_sections=true] .collection-hero .collection-hero__image.lazyloaded {
  animation: 0.8s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
  animation-name: zoom-fade;
  transition: none;
}

[data-animate_sections=true] .collection-hero.loaded .section-header__title .animation-contents {
  animation: 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0.5s forwards;
  animation-name: rise-up;
}

.collection-switcher__title {
  display: inline-block;
  margin-bottom: 0
}

.collection-switcher__title+.collection-switcher__title {
  margin-left: 20px;
}

.collection-switcher__trigger {
  position: relative;
  display: block;
  overflow: visible
}

.collection-switcher__trigger:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  border-bottom: 2px solid currentColor;
  transform: scale(0);
  transform-origin: 0 50%;
  transition: none;
}

.collection-switcher__trigger.is-active:after {
  transform: scale(1);
  transition: transform 0.5s ease;
}

.collection-switcher__collection-grid {
  margin-bottom: 40px
}

.collection-switcher__collection-grid .grid__item {
  display: none;
  opacity: 0
}

.collection-switcher__collection-grid .grid__item:first-child {
  display: block;
}

.collection-switcher__collection-grid .flickity-slider .grid__item {
  display: block;
  opacity: 1;
}

@media only screen and (min-width:590px) {
  .collection-switcher__collection-grid .flickity-slider {
    padding: 3px 0;
  }
}

.collection-switcher__collection-grid .flickity-slider {
  padding-top: 18px;
}

.collection-switcher__collection-grid .quick-product__btn {
  right: 1px;
}

.collection-switcher__collection-grid .flickity-prev-next-button {
  top: calc(50% - 40px);
}

.collection-switcher__collection-grid .flickity-next {
  right: -20px;
}

.collection-switcher__collection-grid .flickity-previous {
  left: 10px;
}

@media only screen and (max-width:589px) {
  .collection-switcher__collection-grid .flickity-next {
    right: -10px;
  }

  .collection-switcher__collection-grid .flickity-previous {
    left: 10px;
  }
}

.is-light .site-header__logo .logo--has-inverted {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  height: 0
}

.site-header__logo .logo--inverted {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  height: 0
}

.is-light .site-header__logo .logo--inverted {
  opacity: 1;
  visibility: visible;
  height: auto
}

.site-header__logo {
  font-size: 20px
}

@media only screen and (min-width:590px) {

  .site-header__logo {
    text-align: left;
    font-size: 25px
  }
}

.header-logo a,
.site-header__logo a {
  color: #1c1d1d;
  color: var(--colorNavText)
}

.is-light .header-logo a,
.is-light .site-header__logo a {
  color: #fff
}

.is-light .header-logo a:hover,
.is-light .site-header__logo a:hover {
  color: #fff;
}

.is-light .site-header {
  box-shadow: 0px -4px 9px 1px rgba(0, 0, 0, 0.4);
  border-bottom: none;
}

.site-nav__dropdown-link {
  display: block;
  white-space: nowrap;
  padding: 6px 20px;
  font-size: 16px;
  transition: padding 0.2s ease
}
 

.tags a {
  font-size: 16px;
  display: block;
  transition: padding 500ms cubic-bezier(0.2, 0.06, 0.05, 0.95);
  padding-bottom: 5px
}

.tags a:hover {
  padding-left: 10px;
}

@media only screen and (min-width:590px) {

  .tags a {
    font-size: 19px;
    padding-bottom: 10px
  }
}

.tags--vertical {
  list-style: none outside;
  margin: 0;
  padding: 0;
}

.tags--article a {
  padding-right: 20px;
  padding-left: 0;
}

.tags__title {
  margin-right: 20px;
}

.tag--active {
  font-weight: 700
}

.tag--active a {
  padding-left: 0
}

.tag--active a:hover {
  padding-left: 0;
}

.tags-toggle {
  margin-top: 10px
}

@media only screen and (min-width:590px) {

  .tags-toggle {
    margin-top: 20px
  }
}

.variant-input-wrap {
  border: 0;
  padding: 0;
  margin: 0 0 30px;
  position: relative
}

.variant-input-wrap input {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}

.variant-input-wrap label {
  border-radius: 10px;
  margin-bottom: 0px !important;
  position: relative;
  display: inline-block;
  line-height: 1;
  font-weight: 400;
  font-size: 18px;
width: 100%;
  font-style: normal;
  font-size: var(--typeBaseSize);
  text-transform: none;
  background-color: #ffffff;
  background-color: var(--colorBody);
  box-shadow: 0 0 0 1px #e8e8e1;
  box-shadow: 0 0 0 1px #bfbfbf;
  transition: all 0.25s ease;
  overflow: hidden;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
  padding: 0;
  padding-top: 100%;
  font-size: 0;
 transition: all 0.3s ease;
  background-size: calc(100% + 2px);
  background-position: -1px -1px;
}


.variant-input-wrap label .variant-name{
display: none;
}
    .variant-input-wrap label b{
     white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
    }
.variant-input-wrap[name="Color"],
.variant-input-wrap[name="color"]{
  
  /* padding: 10px 15px; */
}

.variant-input-wrap label.color-swatch{
  box-shadow: none;
  border:none;
}
.variant-price-box .product__price{
  font-size: 14px;
  color:#024488 !important;
}
.variant-price-box .product__price--compare{
  color:#b0aba8 !important;
}
.variant-input-wrap .variant-input.variant-input-no-color-swatch{
width:33.333%;
}
.variant-input-wrap .variant-name{
padding-bottom: 10px;
    word-break: break-all;
}
.variant-input-wrap label.disabled .product__price{
color :#96c2ef!important;
}
.variant-input-wrap label.disabled .product__price--compare{
color:#b0aba8 !important;
}

.variant-price-box{
  display:none;
}


@media only screen and (max-width:589px) {

  .variant-input-wrap label {
    font-size: calc(var(--typeBaseSize) - 1px)
  }
}

.variant-input-wrap label.disabled {
  color: #e8e8e1;
  color: var(--colorBorder);
}

.variant-input-wrap label.disabled:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 0;
  bottom: 0;
  border-left: 1px solid;
  border-color: #e8e8e1;
  border-color: #c6c6c6ed;
  transform: rotate(45deg);
}

.variant-input-wrap input[type=radio]:focus+label {
  background-color:#ededed;
  box-shadow: 0 0 0 1px #bfbfbf;
  box-shadow:none; 

}

.variant-input-wrap input[type=radio]:checked+label {
  background-color:#ededed ; 
/*    
  box-shadow: 0 0 0 1px #024488; */
}
.variant-input-wrap label {
 
  text-align: center;
  color:#101010;
  font-size: 1.4rem;
  overflow: initial;
  margin:0px;
 
}
.variant-input-wrap label.color-swatch{
  width:90px;
}
.variant-input-wrap label span {
  color: #03060D !important;
}

.variant-input-wrap label .norm {
  display: block;
  font-size: 1.3rem;
  width: 100%;
  float: left;
  opacity: 0.8;
  padding: 3px 0 0 0;
}

.variant-input-wrap label .price {
  width: 100%;
  color: #03060D;
  margin: .3rem 0 0 0;
}

.variant-input-wrap label .price,
.variant-input-wrap label small {
  float: left;
  font-size: 1.3rem;
  display: block;
  letter-spacing: 0 !important;
}

.variant-input-wrap label small {
  margin: 0 .6rem 0 0;
  /*text-decoration: line-through; */
  color: #03060D !important;
  background: url(line-through.svg) center no-repeat;
  background-size: 100% !important;
  padding: 0 .6rem 0 0;
}
.variant-input-wrap .variant-input[data-index="option2"] {
  width: 16.66666%;
  }
  
  @media screen and (max-width:589px) {
    .variant-input-wrap .variant-input[data-index="option2"] {
      width: 20%;
      }
  }
.variant-input-wrap .variant-input {
  float: left;
  width: auto;
  margin: 0 0 10px 0;
  padding:0px 5px;
}





/*下拉样式*/
.product-buy-box #variant-wrapper1 {
  position: relative;
  z-index: 100;
 
}
.variant__label{
  color:#024488;
  text-transform: capitalize!important;
  font-size: 20px !important;
  margin-bottom: 15px !important;
}
#variant-down-wrap {
  border: 1px solid #eee;
  padding: 0px;
  margin: 0px;
  border-radius: 0px;
  height: 46px;
  line-height: 46px;
}

#variant-down-wrap.highlight {
  border: 1px solid #d02e2e;
  animation: highlight 0.4s infinite;
  -webkit-animation: highlight 0.4s infinite;
  animation-iteration-count: 3;
}

@keyframes highlight {
  0% {
    border: 1px solid #eee;
    box-shadow: 0 0 0px rgba(208, 46, 46, 0.1);
  }

  100% {
    border: 1px solid #d02e2e;
    box-shadow: 0 0 30px rgba(208, 46, 46, 0.2);
  }
}

.variant-down-wrap .downtitle {
position: relative;
  width: 100%;
  line-height: 50px;
  text-indent: 15px;
  cursor: pointer;
  border:1px solid #024488;
  display: block;
  border-radius:50px;
}

.variant-down-wrap .downtitle svg {
  float: right;
  width: 16px;
  height: 17px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
right:15px;
}

.variant-down-wrap .downtitle .input {
  position: relative;
  width: calc(100% - 50px);
  padding: 0px 0;
  box-shadow: 0;
  border: none;
  pointer-events: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.variant-down-wrap .downtitle .varianttitle {
  display: inline-block;
  width: 80%;
}

.variant-down-wrap .downtitle .discount {
  display: none;
}

.variant-down-wrap .downtitle .input .Sale {
  float: right;
  color: var(--colorBtnPrimary);
}

.variant-down-wrap .downtitle label {
  width: 83%;
  padding: 0px;
  margin: 0px !important;
  text-indent: 0;
  color: #244668;
  font-size: 18px;
  box-shadow: 0 0 0 0px var(--colorBorder);
  background: none;
}

.variant-down-wrap .downtitle label .Sale {
  float: right;
}
.variant-down-wrap .downtitle label .Sale ,
.variant-down-wrap .downtitle label .Sale .money {
  color: #244668 !important;
}

.variant-down-wrap .variant-box {
  float: left;
  width: 100%;
  margin: 0 0%;
  position: absolute;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  pointer-events: none;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.06);
  transition: all .4s ease !important;
  z-index:6;
}

.variant-down-wrap .variant-box.show {
  opacity: 1;
  visibility: visible;
  
  pointer-events: auto;

}
    

.variant-down-wrap .variant-box .variant-input {
  float: left;
  width: 100%;
  line-height: 45px;
}


.variant-down-wrap .variant-box .variant-input label {
  width: 100%;
  border: none !important;
  border-bottom: 1px solid #eee !important;
  margin: 0px;
  font-size: 14px;
  border-radius: 0px;
  padding: 0 17px;
  box-shadow: 0 0 0 0px #e8e8e1;
  color: #000000 !important;
 
  letter-spacing: 0px;
}

.variant-down-wrap .variant-box .variant-input label:hover {
  background: #effaff;
}

.variant-down-wrap .variant-box .variant-input label span {

  float: right;
  padding: 0 0 0 5px;
  display: inline-block;
  color: var(--colorPrimary) !important;
}

.variant-down-wrap .variant-box .variant-input label .discount {
  /*display: none!important;*/
}

.variant-down-wrap .variant-box .variant-input label .discount .money {
  color: #333 !important;
}

.variant-down-wrap .variant-box .variant-input label .discount {
  width: auto;
  display: inline-block;
  position: relative;
  padding: 0 2px;
}

.variant-down-wrap .variant-box .variant-input label .discount:before {
  content: "";
  width: 100%;
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  background: url(huise-line.svg) center no-repeat;
  background-size: 100% !important;
  text-decoration: none;
  display: inline-block;
}


.variant-down-wrap input[type=radio]:checked+label {
  border: none !important;
  box-shadow: 0 0 0 0px #1877f2;
}

.variant-down-wrap input[type=radio]:checked+label:after {
  width: 16px;
  height: 9px;
  display: inline-block;
  content: "";
  background: url(jt.svg) right no-repeat;
  float: right;
  margin: 6px 0 0 0;
  display: none;
}

.variant-down-wrap .variant-box .variant-input label .discount:before,
.variant-down-wrap .variant-box .variant-input label {
  height: 45px;
  line-height: 45px;
}

/* #variant-down-wrap2 .downtitle,
#variant-down-wrap3 .downtitle {
  display: none;
} */


/*按钮价格样式*/
.variant-button-price label {
  text-align: center;
}

.variant-button-price label span {
  display: block;
  color: var(--colorPrimary) !important;
  padding: 0 3px;
}

.variant-button-price label span.discount,
.variant-button-price label span.Sale {
  display: inline-block !important;
  font-size: 1.3rem;
}

.variant-button-price label span.discount {
  color: #888 !important;
  text-decoration: line-through;
  display: none !important;
}

.variant-button-price label span.Sale {
  color: var(--colorPrimary) !important;
  color: #111 !important;
}

#tidio-chat {
  z-index: 6 !important;
}

.variant-input {
  display: inline-block
}

select .variant-input {
  display: block
}
.variant-wrapper{
margin-left:-5px;
}
/* .variant-wrapper {
  margin-bottom: -12px
} */
.product-banner-box .product-buy-box .variant-wrapper>label{
padding-bottom:10px;
}
.no-js .variant-wrapper {
  display: none
}

.variant-wrapper--dropdown {
  display: inline-block;
  max-width: 100%;
  width: 100%;
  margin-right: 20px;
}

.product-single__form select {
  width: 100%;
  padding: 12px 15px;
  border-radius: 6px;
  background-position: right 14px center;
  background-size: 10px;
  background-color: #fff;
}

.variant__label {
  display: block;
  margin-bottom: 10px;
  cursor: default;
  font-style: normal;
}

.variant__label-info {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
  text-transform: none;
  font-weight: 400;
}

.grid-product__content {
  position: relative;
  margin-bottom: 20px;
  text-align: left
}

html[dir=rtl] .grid-product__content {
  text-align: right
}

@media only screen and (min-width:590px) {

  .grid-product__content {
    margin-bottom: 40px
  }
}

.product-single__related .grid-product__content {
  margin-bottom: 0
}

.grid-product__link {
  display: block;
}

.grid-product__image-mask {
  position: relative;
  overflow: hidden;
}

.grid-product__image {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.grid-product__secondary-image {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background-color: #ffffff;
  background-color: var(--colorBody);
  opacity: 0
}

.grid-product__secondary-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.grid-product__content:hover .grid-product__secondary-image {
  opacity: 1
}

[data-animate_images=true] .grid-product__content:hover .grid-product__secondary-image {
  opacity: 0;
  animation: 0.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
  animation-name: fade-in
}

@media only screen and (max-width:589px) {

  .supports-touch .grid-product__secondary-image {
    display: none
  }
}

.grid-product__meta {
  position: relative;
  padding: 10px 0 6px 0;
  line-height: calc(var(--typeBaseLineHeight) - 0.1)
}

@media only screen and (max-width:589px) {

  .small--grid--flush .grid-product__meta {
    padding-left: 15px;
    padding-right: 10px
  }
}

.grid-product__title {
  font-size: calc(var(--typeBaseSize)*1.2*0.83)
}

@media only screen and (min-width:590px) {

  .grid-product__title {
    font-size: calc(var(--typeBaseSize)*1.18)
  }
}

.grid-product__vendor {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
}

[data-type_base_accent_transform=true] .grid-product__vendor {
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

.grid-product__vendor {
  font-size: 10px;
  margin-top: 3px;
}

.grid-product__price {
  margin-top: 6px;
  font-size: calc(var(--typeBaseSize)*0.9*0.92)
}

@media only screen and (min-width:590px) {

  .grid-product__price {
    font-size: calc(var(--typeBaseSize)*0.9)
  }
}

.grid-product__price--original {
  text-decoration: line-through;
  margin-right: 5px;
}

.grid-product__tag {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight)
}

[data-type_base_accent_transform=true] .grid-product__tag {
  text-transform: uppercase;
  letter-spacing: 0.2em
}

.grid-product__tag {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
  line-height: 1;
  padding: 6px 6px 6px 8px;
  background-color: #111111;
  background-color: var(--colorBtnPrimary);
  color: #ffffff;
  color: var(--colorBtnPrimaryText);
  z-index: 1;
  transition: opacity 0.4s ease
}

@media only screen and (min-width:590px) {

  .grid-product__tag {
    font-size: 12px;
    padding: 7px 8px 7px 10px
  }
}

.grid-product__tag--sale {
  background-color: #024488;
  background-color: var(--colorPrimary);
  color: #ffffff;
  color: var(--colorSaleTagText);
}

.quick-product__btn {
  position: absolute;
  top: -15px;
  right: -15px;
  z-index: 2;
  border-radius: 50%;
  width: 65px;
  height: 65px;
  background-color: #111111;
  background-color: var(--colorBtnPrimary);
  color: #ffffff;
  color: var(--colorBtnPrimaryText);
  overflow: hidden;
  font-size: calc(var(--typeBaseSize)*0.85);
  line-height: 1.2;
  cursor: pointer;
  opacity: 0;
  transform: translateY(5px);
  transition: opacity 0.15s ease, transform 0.15s ease-out, background 0.15s ease
}

.no-js .quick-product__btn {
  display: none
}

.grid-product__content:hover .quick-product__btn {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.15s ease, transform 0.15s ease-out
}

.grid-product__content:hover .quick-product__btn:hover {
  transform: scale(1.08);
  transition: none;
}

.grid-product__content:hover .quick-product__btn:active {
  transform: none;
}

.quick-product__btn--not-ready {
  pointer-events: none;
}

.quick-product__label {
  position: relative;
  top: 54%;
  transform: translateY(-50%);
  display: block;
  text-align: center;
  width: 65px;
}

.grid-product__has-quick-shop .grid-product__content:hover .grid-product__tag {
  opacity: 0;
  transition-duration: 0.2s;
}

@media only screen and (max-width:589px) {
  .grid-overflow-wrapper {
    overflow: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 26.66667px
  }

  .grid-overflow-wrapper .grid {
    white-space: nowrap;
    display: flex;
  }

  .grid-overflow-wrapper .grid__item {
    width: 66vw;
    flex: 0 0 66vw;
    display: inline-block;
    float: none;
    white-space: normal
  }

  .grid-overflow-wrapper .grid__item:first-child {
    margin-left: 20px;
  }

  .grid-overflow-wrapper .grid__item:last-child:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    margin-right: 20px;
  }

  .grid-overflow-wrapper .grid__item--view-all {
    align-self: center;
  }

  .grid-overflow-wrapper .grid-product__content {
    margin-bottom: 0;
  }

  [data-aos=overflow__animation] {
    transform: translateX(100vw);
    transition: transform 0.8s cubic-bezier(.25, .46, .45, .94)
  }

  [data-aos=overflow__animation].aos-animate {
    transform: translateX(0);
  }
}

.grid-product__see-all {
  display: inline-block;
  padding: 20px;
  text-align: center;
  border: 1px solid;
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
  margin-top: -60px;
}

.grid-product.aos-animate.unload .grid-product__image {
  opacity: 0;
  transition-duration: 0.3s;
  animation: grid-product__loading 15s ease infinite !important;
}

.grid-product.aos-animate.unload .grid-product__meta {
  opacity: 0;
  transition-duration: 0.3s;
}

.grid-product.aos-animate.unload .grid-product__colors {
  opacity: 0;
  transition-duration: 0.3s;
}

.grid-product.aos-animate.unload .grid-product__tag {
  opacity: 0;
  transition-duration: 0.3s;
}

.grid-product__colors {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 14px;
  margin-top: 5px
}

@media only screen and (max-width:589px) {

  .small--grid--flush .grid-product__colors {
    padding-left: 11px
  }
}

@media only screen and (min-width:590px) {

  .grid-product__colors {
    line-height: 17px
  }
}

.color-swatch {
  position: relative;
  display: block;
  text-indent: -9999px;
  overflow-y: hidden;
  margin: 0 4px 4px;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  width: 2.5em;
  box-shadow: 0 0 0 1px #e8e8e1;
  box-shadow: 0 0 0 1px var(--colorBorder);
  transition: box-shadow 0.2s ease
}

.color-swatch:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  border-radius: 50%;
}

.color-swatch:before {
  border: 3px solid;
  border-color: #ffffff;
  border-color: var(--colorBody);
}

a.color-swatch:hover {
  box-shadow: 0 0 0 1px #1c1d1d;
  box-shadow: 0 0 0 1px var(--colorTextBody);
}

.color-swatch--small {
  width: 14px;
  height: 14px
}

@media only screen and (min-width:590px) {

  .color-swatch--small {
    width: 17px;
    height: 17px
  }
}

.color-swatch--small:before {
  border: 2px solid;
  border-color: #ffffff;
  border-color: var(--colorBody);
}

.skrim__item {
  overflow: hidden;
}

.skrim__item-content {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  background: #111111;
  background: var(--colorLargeImageBg)
}

.product-navigation .skrim__item-content {
  background: #111111;
  background: var(--colorLargeImageBg)
}

.skrim__item-content .icon-arrow-left {
  width: 33px;
  margin-right: 8px;
}

.skrim__item-content .icon-arrow-right {
  width: 33px;
  margin-left: 8px;
}

.skrim__item-content .skrim__overlay {
  position: relative;
  transition: transform 2s ease-out 0s
}

.skrim__item-content .skrim__overlay:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  transition: opacity 0.5s ease;
}

.skrim__item-content .skrim__overlay:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: auto;
  background: #000;
  opacity: 0;
  transition: opacity 0.5s ease;
}

[data-animate_sections=true] .skrim__item-content .skrim__overlay:focus,
[data-animate_sections=true] .skrim__item-content .skrim__overlay:hover {
  transform: scale(1.05)
}

[data-animate_sections=true] .skrim__item-content .skrim__overlay:focus:before,
[data-animate_sections=true] .skrim__item-content .skrim__overlay:hover:before {
  opacity: 0.2;
  transition: opacity 0.2s ease-in;
}

.skrim__link {
  display: block;
  width: 100%;
  height: 100%;
}

.skrim__overlay {
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
  transform: scale(1);
}

.skrim__title {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 12.5px 12.5px 12.5px;
  pointer-events: none;
  color: #ffffff;
  color: var(--colorHeroText);
  transition: transform 0.5s ease
}

@media only screen and (min-width:590px) {

  .skrim__title {
    margin: 0 25px 25px 25px
  }
}

.skrim__title--right {
  left: auto;
  right: 0;
}

.skrim__underline-me {
  position: relative;
  display: inline-block;
}

[data-animate_underlines=true] .skrim__underline-me:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 2px solid;
  border-bottom-color: #ffffff;
  border-bottom-color: var(--colorHeroText);
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform 0.5s ease;
}

[data-animate_underlines=true] .skrim__link:hover .skrim__underline-me:after {
  transform: scaleX(1);
}

[data-animate_underlines=true] .skrim__link:hover .skrim__title {
  transform: translateY(-10px);
}

[data-animate_sections=true] [data-aos=skrim__animation] .skrim__overlay {
  transform: scale(1.1);
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.44, 0.13, 0.48, 0.87), transform 1.5s cubic-bezier(0.44, 0.13, 0.48, 0.87)
}

.no-js [data-animate_sections=true] [data-aos=skrim__animation] .skrim__overlay {
  opacity: 1
}

[data-animate_sections=true] [data-aos=skrim__animation] .skrim__overlay:after {
  opacity: 0
}

.no-js [data-animate_sections=true] [data-aos=skrim__animation] .skrim__overlay:after {
  opacity: 1
}

[data-animate_sections=true] [data-aos=skrim__animation].aos-animate .skrim__overlay {
  opacity: 1;
  transform: scale(1);
}

[data-animate_sections=true] [data-aos=skrim__animation].aos-animate .skrim__overlay:after {
  opacity: 1;
  transition-duration: 1.5s;
}

[data-animate_sections=true] .skrim__item:nth-child(2) .skrim__overlay {
  transition-delay: 0.25s;
}

[data-animate_sections=true] .skrim__item:nth-child(3) .skrim__overlay {
  transition-delay: 0.5s;
}

[data-animate_sections=true] .skrim__item:nth-child(4) .skrim__overlay {
  transition-delay: 0.13s;
}

[data-animate_sections=true] .skrim__item:nth-child(5) .skrim__overlay {
  transition-delay: 0.38s;
}

[data-animate_sections=true] .skrim__item:nth-child(6) .skrim__overlay {
  transition-delay: 0.63s;
}

[data-animate_sections=true] .skrim__item:nth-child(7) .skrim__overlay {
  transition-delay: 0.25s;
}

[data-animate_sections=true] .skrim__item:nth-child(8) .skrim__overlay {
  transition-delay: 0.5s;
}

[data-animate_sections=true] .skrim__item:nth-child(9) .skrim__overlay {
  transition-delay: 0.13s;
}

[data-animate_sections=true] .skrim__item:nth-child(10) .skrim__overlay {
  transition-delay: 0.38s;
}

[data-animate_sections=true] .skrim__item:nth-child(11) .skrim__overlay {
  transition-delay: 0.63s;
}

[data-animate_sections=true] .skrim__item:nth-child(12) .skrim__overlay {
  transition-delay: 0.45s;
}

.custom-content {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  width: auto;

  margin-left: -11px
}

@media only screen and (max-width:589px) {

  .custom-content {
  
    margin-left: -20px
  }
}

.custom__item {
  flex: 0 0 auto;
  margin-bottom: 11px;
  padding-left: 11px;
  max-width: 100%;
  line-height:0;
}

@media only screen and (max-width:589px) {

  .custom__item {
    flex: 0 0 auto;
    padding-left: 20px;
    margin-bottom: 15px
  }

  .custom__item.small--one-half {
    flex: 1 0 50%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}

.custom__item img {
  display: block;
}

.custom__item-inner {
  position: relative;
  display: inline-block;
  text-align: left;
  max-width: 100%;
  width: 100%;
  border-radius:10px;
  overflow: hidden;
}

.custom__item-inner .image-wrap {
  transition: transform 0.3s ease;
}

.custom__item-inner:hover .image-wrap {
  transform: scale(1.05);
}

.custom__item-inner .text-box {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  padding: 0px 20px;
}

.custom__item-inner .text-box.big {
  top: 30%;


}

.custom__item-inner .text-box.big .title {
  margin-bottom: 7px;
  font-size: 28px;
  font-weight: bold;
}

.custom__item-inner .text-box.big .subtitle {
  font-size: 20px;
  margin-bottom: 30px;
}

.custom__item-inner .text-box.big .btn {
  font-size: 20px;
  font-weight: 300;
}

.custom__item-inner .text-box.small {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  bottom: 0px;
  background-color: rgb(2, 68, 136,0.5);
  padding: 25px 20px;
  min-height: 100px;
  display:none;
}

.custom__item-inner .text-box.small .subtitle {
  font-size: 20px;

}

.custom__item-inner .text-box.small .title {
  font-size: 20px;
  margin-bottom: 0px;
}

.custom__item-inner .text-box.small .title+.subtitle {
  margin-top: 10px;
}

.custom__item-inner--html,
.custom__item-inner--video {
  display: block;
}

.custom__item-inner--image {
  width: 100%;
}

.custom__item-inner--html img {
  display: block;
  margin: 0 auto;
}

.custom__item-inner--placeholder-image {
  width: 100%;
}

.align--top-middle {
  text-align: center;
}

.align--top-right {
  text-align: right;
}

.align--middle-left {
  align-self: center;
}

.align--center {
  align-self: center;
  text-align: center;
}

.align--middle-right {
  align-self: center;
  text-align: right;
}

.align--bottom-left {
  align-self: flex-end;
}

.align--bottom-middle {
  align-self: flex-end;
  text-align: center;
}

.align--bottom-right {
  align-self: flex-end;
  text-align: right;
}

.article__grid-image {
  border-radius:10px;
  display: block;
  text-align: center;
  margin-bottom: 20px;
  overflow: hidden
}

.article__grid-image .image-wrap {
  display: block;
  position: relative;
  transition: transform 2s ease-out 0s
}

.article__grid-image .image-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: auto;
  background: #000;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
}

[data-animate_sections=true] .article__grid-image:focus .image-wrap,
[data-animate_sections=true] .article__grid-image:hover .image-wrap {
  transform: scale(1.05)
}

[data-animate_sections=true] .article__grid-image:focus .image-wrap:before,
[data-animate_sections=true] .article__grid-image:hover .image-wrap:before {
  opacity: 0.15;
  transition: opacity 0.2s ease-in;
}

.article__date {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight)
}

[data-type_base_accent_transform=true] .article__date {
  text-transform: uppercase;
}

.article__date {
  margin-bottom: 6px;
  font-size: 11px
}

@media only screen and (min-width:590px) {

  .article__date {
    margin-bottom: 4px;
    font-size: 13px
  }
}

.index-section .article__date {
  margin-bottom: 2px;
}

.article__title {
  font-size: calc(var(--typeBaseSize) + 2px)
}

@media only screen and (min-width:590px) {

  .article__title {
    font-size: calc(var(--typeBaseSize) + 5px)
  }
}

.article__author {
  font-size: calc(var(--typeBaseSize) - 1px);
  font-style: italic;
  margin-top: 2px;
}

.article__grid-meta {
  margin-bottom: 40px;
}

.logo-bar {
  text-align: center;
  margin-bottom: -40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.logo-bar__item {
  flex: 0 1 110px;
  vertical-align: middle;
  margin: 0 20px 26.66667px
}

@media only screen and (min-width:590px) {

  .logo-bar__item {
    flex: 0 1 160px;
    margin: 0 26.66667px 40px
  }
}

.logo-bar__image {
  display: block;
  margin: 0 auto;
}

.logo-bar__link {
  display: block;
}

[data-animate_images=true] [data-aos=logo__animation] .logo-bar__item {
  opacity: 0;
}

[data-animate_images=true] [data-aos=logo__animation].aos-animate .logo-bar__item {
  animation: fade-in 0.5s ease 0s forwards;
}

[data-animate_images=true] [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(2) {
  animation-delay: 0.2s;
}

[data-animate_images=true] [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(3) {
  animation-delay: 0.4s;
}

[data-animate_images=true] [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(4) {
  animation-delay: 0.6s;
}

[data-animate_images=true] [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(5) {
  animation-delay: 0.8s;
}

[data-animate_images=true] [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(6) {
  animation-delay: 1.0s;
}

[data-animate_images=true] [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(7) {
  animation-delay: 1.2s
}

[data-animate_images=true] [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(8) {
  animation-delay: 1.4s;
}

[data-animate_images=true] [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(9) {
  animation-delay: 1.6s;
}

[data-animate_images=true] [data-aos=logo__animation].aos-animate .logo-bar__item:nth-child(10) {
  animation-delay: 1.8s;
}

.background-media-text {
  position: absolute;
  width: 100%;
  overflow: hidden;
  background: #fff;
  left:0px;
  right:0px;
}
.common-banner-section .background-media-text{
  max-width:unset!important;
}
.background-media-text__video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 0;
}

@media only screen and (max-width:589px) {

  .background-media-text__video {
    width: 300%;
    left: -100%
  }
}

.background-media-text__video iframe,
.background-media-text__video video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  pointer-events: none
}

@media only screen and (min-width:590px) {

  .background-media-text__video iframe,
  .background-media-text__video video {
    height: 120%;
    max-width: none;
    left: -100%;
    height: 150%;
    width: 300%
  }
}

@media screen and (min-width:1140px) {

  .background-media-text__video iframe,
  .background-media-text__video video {
    width: 100%;
    height: 300%;
    left: auto;
    top: -100%
  }
}

.video-parent-section.video-interactable iframe,
.video-parent-section.video-interactable video {
  pointer-events: auto;
}

.background-media-text__inner {
  position: absolute;
  z-index: 1;
  width: 100%;
  overflow: hidden;
}

.video-interactable .background-media-text__inner {
  pointer-events: none
}

.background-media-text__aligner {
  margin: 0px;
}

.background-media-text__text {

  padding: 20px;
 
}

.background-media-text__text .btn {
  margin-top: 20px;
}


/* .background-media-text__aligner {
  margin: 50px 0px;
} */
 
    
.background-media-text__aligner {
position: absolute;
padding: 0 24px;
margin-bottom: 0 !important;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);
text-align: left;
}
  
   .background-media-text--topCenter,
.background-media-text--bottomCenter{
  max-width:725px;
margin: 0 auto;
      right: 0;
  text-align: center;
}
  .background-media-text--middleCenter{
     max-width:725px;
  
  text-align: center;
  }
    
    
.background-media-text--bottomRight,
.background-media-text--middleRight {
  text-align: right;
}

.background-media-text--bottomLeft,
.background-media-text--bottomRight,
.background-media-text--bottomCenter {
  bottom: 24px;
  top: auto;
  left: 0;
  transform: none;
}
 .background-media-text--topLeft,
.background-media-text--topRight,
.background-media-text--topCenter {
  bottom: auto;
  top: 24px;
  left: 0;
  transform: none;
}  
  .background-media-text--middleCenter .h3{
    font-size:30px;
 
    margin-bottom:20px;
  }
.background-media-text__text {
  padding: 30px;
  width: auto;
  margin: 0 0px;
}

.background-media-text.loading:after,
.background-media-text.loading:before {
  top: 117px;
}

@media only screen and (min-width:590px) {
  .background-media-text--right .animation-cropper {
    float: right;
  }
}

.background-media-text__inner{
  position:absolute;
  z-index:1;
  width:100%
}

.video-interactable .background-media-text__inner{
    pointer-events:none
}

.background-media-text__aligner{
  margin:0px;
}

.background-media-text__text{
 
/*   background:#ffffff;
  background:var(--colorBody); */
  padding:40px;
/*   width:380px; */
}

.background-media-text__text .btn{
  margin-top:20px;
}

@media only screen and (min-width:590px){
  .background-media-text--right .animation-cropper{
    float:right;
  }
}

.background-media-text__container{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;

  background: #EEF3FC;
}

.background-media-text__container .image{
  position: relative;
  position: absolute;
    width: 100%;
    bottom: 0px;
  animation: cloud_one 60s linear infinite;
  -webkit-animation: cloud_one 60s linear infinite;

  -moz-animation: cloud_one 60s linear infinite;
  
  -o-animation: cloud_one 60s linear infinite;
  
  
}


@-webkit-keyframes cloud_one {
  0% {
  left: 0
  
  }
  
  50% {
  left: 50%;
  
  } 
  100% {
    left: 0;
    
    }
  
  }
  @keyframes cloud_one {
    0% {
      left: 0
      
      }
      
  50% {
    left: 50%;
    
    } 
    100% {
      left: 0;
      
      }
    
  }
  


  @-webkit-keyframes cloud_one_mb {
    0% {
    left: -50%
    
    }
    
    50% {
    left: 0%;
    
    } 
    100% {
      left: 50%;
      
      }
    
    }
    @keyframes cloud_one_mb {
      0% {
        left: -50%
        
        }
        
        50% {
        left: 0%;
        
        } 
        100% {
          left: 50%;
          
          }
        
      
    }


@media only screen and (max-width:589px){
  .background-media-text{
    position:relative;
  }
  .background-media-text__inner{
    position:relative;
  }
 
  /* .background-media-text__aligner{
    margin:-11px -11px 11px;
  } */
  .background-media-text__text{
    padding:30px;
    width:auto;
    margin:0 0px;
  }
    .background-media-text.loading:after,.background-media-text.loading:before{
      top:117px;
    }
}

@media only screen and (min-width:590px){
  .background-media-text--450,.background-media-text--450 .background-media-text__image,.background-media-text--450 .background-media-text__video,.background-media-text__spacer.background-media-text--450{
    min-height:450px;
  }
  .background-media-text--550,.background-media-text--550 .background-media-text__image,.background-media-text--550 .background-media-text__video,.background-media-text__spacer.background-media-text--550{
    min-height:550px;
  }
  .background-media-text--650,.background-media-text--650 .background-media-text__image,.background-media-text--650 .background-media-text__video,.background-media-text__spacer.background-media-text--650{
    min-height:650px;
  }
  .background-media-text--750,.background-media-text--750 .background-media-text__image,.background-media-text--750 .background-media-text__video,.background-media-text__spacer.background-media-text--750{
    min-height:750px;
  }
  .background-media-text--850,.background-media-text--850 .background-media-text__image,.background-media-text--850 .background-media-text__video,.background-media-text__spacer.background-media-text--850{
    min-height:850px;
  }
}

[data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__image.lazyloaded,[data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__image svg,[data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__video{
    opacity:0
  }

.no-js [data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__image.lazyloaded,.no-js [data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__image svg,.no-js [data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__video{
      animation:none;
      opacity:1
  }

[data-animate_sections=true] [data-aos=background-media-text__animation].aos-animate .background-media-text__image.lazyloaded,[data-animate_sections=true] [data-aos=background-media-text__animation].aos-animate .background-media-text__image svg,[data-animate_sections=true] [data-aos=background-media-text__animation].loaded.aos-animate .background-media-text__video{
    animation:2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
    animation-name:zoom-fade;
    transition:none;
  }

@media only screen and (min-width:590px){
    [data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__inner .animation-contents{
      opacity:0
    }
    .no-js [data-animate_sections=true] [data-aos=background-media-text__animation] .background-media-text__inner .animation-contents{
        animation:none;
        opacity:1
    }

    [data-animate_sections=true] [data-aos=background-media-text__animation].loaded.aos-animate .background-media-text__inner .animation-contents{
      animation:1s cubic-bezier(0.26, 0.54, 0.32, 1) 0.5s forwards;
      animation-name:rise-up;
    }
  }

[data-animate_sections=false] [data-aos=background-media-text__animation] .background-media-text__video{
    opacity:0
  }

.no-js [data-animate_sections=false] [data-aos=background-media-text__animation] .background-media-text__video{
      opacity:1
  }

[data-animate_sections=false] [data-aos=background-media-text__animation].loaded .background-media-text__video{
    animation:fade-in 1.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
  }

.quote-icon {
  display: block;
  margin: 0 auto 20px;
}

.testimonial-stars {
  display: block;
  font-size: 16px;
  letter-spacing: 0.2em;
  margin-bottom: 10px
}

@media only screen and (min-width:590px) {

  .testimonial-stars {
    font-size: 18px;
    margin-bottom: 15px
  }
}

.testimonials-slide {
  display: none;
  opacity: 0;
  padding: 40px 0 55px;
  width: 33%
}

.testimonials-slide:first-child {
  display: block;
}

.flickity-slider .testimonials-slide {
  display: block;
  opacity: 1
}

.testimonials-slide .testimonials-slider__text {
  border-radius: 10px;
  transform: scale(0.95);
  transition: transform 0.5s ease, box-shadow 0.5s ease;
}

.testimonials-slide.is-selected .testimonials-slider__text {
  transform: scale(1.1);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 10;
}

@media only screen and (max-width:589px) {
  .testimonials-slide {
    width: 100%;
  }

  .testimonials-slide .testimonials-slider__text {
    transform: scale(0.86);
  }

  .testimonials-slide.is-selected .testimonials-slider__text {
    transform: scale(1);
  }
}

.testimonials-slider__text {
  margin: 0 30px;
  padding: 30px 20px;
  background: #ffffff;
  background: var(--colorBody);
  color: #1c1d1d;
  color: var(--colorTextBody);
  margin-bottom: 20px
}

@media only screen and (min-width:590px) {

  .testimonials-slider__text {
    margin: 0;
    padding: 30px;
    margin-bottom: 0
  }
}

.testimonials-slider__text cite {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .testimonials-slider__text cite {
  text-transform: uppercase
}

.testimonials-slider__text cite {
  font-style: normal
}

@media only screen and (min-width:590px) {

  .testimonials-slider__text cite {
    font-size: calc(var(--typeBaseSize) + 1px)
  }
}

.testimonials-slider__text p {
  margin-bottom: 10px
}

.testimonials-slider__text p+cite {
  margin-top: 0;
}

.testimonail-image {
  max-width: 142px;
  background-color: #ffffff;
  background-color: var(--colorBody);
  margin-bottom: 20px
}

.text-center .testimonail-image {
  margin-left: auto;
  margin-right: auto
}

.testimonail-image--round {
  width: 65px;
  height: 65px;
  max-width: none;
  border-radius: 65px
}

.testimonail-image--round img {
  overflow: hidden;
  border-radius: 65px;
}

.testimonial-meta {
  margin-top: 30px
}

.testimonial-meta cite:before {
  content: "";
}

.testimonial-meta p {
  font-size: calc(var(--typeBaseSize) - 1);
  margin: 5px 0 0
}

@media only screen and (min-width:590px) {

  .testimonial-meta p {
    font-size: var(--typeBaseSize)
  }
}

.testimonials-section .flickity-page-dots {
  bottom: 0;
}

.announcement {
  position: relative;
  overflow: hidden;
  background-color: #1c1d1d;
  background-color: var(--colorAnnouncement);
  color: #ffffff;
  color: var(--colorAnnouncementText);
  max-height: 100px; 
  transition: max-height 0.3s cubic-bezier(0, 0, 0.38, 1);
  ;
  transform: translateZ(0);
  z-index: 29;
}

.announcement--closed {
  max-height: 0 !important;
}

.announcement__text {

  display: block;
 padding:14px 0px;
  font-size: 14px;
  transition: opacity 0.75s ease;
}

@media only screen and (min-width:590px) {

  .announcement__text {
    text-align:center;
    font-size: 15px
  }
}

.announcement--closed .announcement__text {
  opacity: 0
}

.announcement__link {
  display: block;
  color: #ffffff;
  color: var(--colorPrimaryText)
}

.announcement__link:hover {
  color: #ffffff;
  color: var(--colorPrimaryText);
}

.announcement__close {
  display: block;
  position: absolute;
  top: 49%;
  right: 0;
  transform: translateY(-50%);
  padding: 0 10px;
  transition: opacity 1s ease 0.8s;
  cursor: pointer;
  z-index: 2;
  margin: 0 10px 0 0;
  opacity: 0.6;

}

.announcement__close:hover {
  opacity: 1;
}

.announcement--closed .announcement__close {
  opacity: 0
}

.announcement__close .icon {
  color: var(--colorAnnouncementText);
  width: 12px;
  height: 12px;
  vertical-align: middle
}

@media only screen and (min-width:590px) {

  .announcement__close .icon {
    width: 12px;
    height: 12px
  }
}

.shopify-challenge__container {
  padding: 30px 22px
}

@media only screen and (min-width:590px) {

  .shopify-challenge__container {
    padding: 120px 0
  }
}

.newsletter {
  margin: 0 auto;
  max-width: 840px;
}

.newsletter-section .errors {
  margin-left: auto;
  margin-right: auto;
  max-width: 520px;
}

.newsletter-section .icon-email {
  width: 40px;
  height: 40px;
  margin-bottom: 5px
}

@media only screen and (min-width:590px) {

  .newsletter-section .icon-email {
    width: 32px;
    height: 32px;
    margin-bottom: 8px
  }
}

.newsletter-section .btn {
  min-width: auto;
}

.modal .newsletter .h1 {
  margin-bottom: 10px;
  font-size: 1.45em
}

@media only screen and (min-width:590px) {

  .modal .newsletter .h1 {
    font-size: 1.8em;
    margin-bottom: 40px
  }
}

@media only screen and (max-width:589px) {
  .modal .input-group {
    margin-bottom: 0;
  }

  .modal .newsletter p {
    margin-bottom: 15px;
  }
}

.modal .newsletter p,
.newsletter-section .rte p {
  font-size: var(--typeBaseSize);
  margin-bottom: 20px
}

@media only screen and (min-width:590px) {

  .modal .newsletter p,
  .newsletter-section .rte p {
    font-size: calc(var(--typeBaseSize) + 2px)
  }
}

.modal .newsletter .image-wrap {
  margin-bottom: 0px;

}

@media only screen and (min-width:590px) {

  .modal .newsletter .image-wrap {
    margin-bottom: 0px
  }
}

.modal .newsletter input {
  font-size: var(--typeBaseSize)
}

@media only screen and (min-width:590px) {

  .modal .newsletter input {
    font-size: calc(var(--typeBaseSize) + 1px)
  }
}

.modal .newsletter .text-close {
  text-decoration: underline;
}

.newsletter__input-group {
  background-color: #ffffff;
  background-color: var(--colorInputBg);
  margin: 0 20px 20px;
  max-width: 400px
}

@media only screen and (min-width:590px) {

  .newsletter__input-group {
    margin: 0 auto 20px
  }
}

.newsletter__input::-webkit-input-placeholder {
  color: #1c1d1d;
  color: var(--colorTextBody);
  opacity: 1;
}

.newsletter__input:-moz-placeholder {
  color: #1c1d1d;
  color: var(--colorTextBody);
  opacity: 1;
}

.newsletter__input::-moz-placeholder {
  color: #1c1d1d;
  color: var(--colorTextBody);
  opacity: 1;
}

.newsletter__input:-ms-input-placeholder {
  color: #1c1d1d;
  color: var(--colorTextBody);
}

.newsletter__input::-ms-input-placeholder {
  color: #1c1d1d;
  color: var(--colorTextBody);
  opacity: 1;
}

@media only screen and (max-width:589px) {
  .form__submit--large {
    display: none;
  }

  .form__submit--small {
    display: block;
  }
}

@media only screen and (min-width:590px) {
  .form__submit--large {
    display: block;
  }

  .form__submit--small {
    display: none;
  }
}

div[data-section-type=fading-images] {
  overflow: hidden;
}

.fading-images-overlay__overlay:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
}

.fading-images__item {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  opacity: 0;
  -o-object-fit: cover;
  object-fit: cover
}

.no-js .fading-images__item {
  opacity: 1
}

.fading-images-overlay__titles {
  opacity: 0;
  margin: 0
}

.fading-images-overlay__titles.active-titles,
.fading-images-overlay__titles.finished-titles {
  opacity: 1;
}

.fading-images-overlay__titles--heading-style {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight);
}

[data-type_header_capitalize=true] .fading-images-overlay__titles--heading-style {
  text-transform: uppercase;
}

.fading-images-overlay__titles .animation-cropper {
  display: block;
}

.fading-images-overlay__title {
  display: inline-block;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 4px 15px;
  margin: 2px 0;
}

.active-titles .fading-images-overlay__title {
  animation: 1.2s forwards;
  animation-name: rise-up;
}

.finished-titles .fading-images-overlay__title {
  animation: 0.75s forwards;
  animation-name: rise-up-out;
}

.active-image.lazyloaded {
  animation: kenburns 7s linear forwards;
  z-index: 2;
}

.finished-image.lazyloaded {
  animation: kenburns-out 1s linear forwards;
  z-index: 1;
}

.map-section {
  position: relative;
  height: 650px;
  width: 100%;
  overflow: hidden
}

@media only screen and (min-width:590px) {

  .map-section {
    height: 500px
  }
}

.map-section .page-width {
  height: 100%;
  padding: 0;
  max-width: none;
}

.map-section--load-error {
  height: auto;
}

.map-onboarding {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  z-index: 0;
}

.map-section__overlay-wrapper {
  position: relative;
  height: 100%;
}

.map-section__overlay {
  position: relative;
  display: inline-block;
  background-color: #ffffff;
  background-color: var(--colorBody);
  padding: 30px;
  margin: 30px;
  width: 100%;
  z-index: 3
}

@media only screen and (min-width:590px) {

  .map-section__overlay {
    padding: 40px;
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    max-width: 30%;
    width: auto;
    padding: 40px 60px 40px 40px
  }
}

.map-section--load-error .map-section__overlay {
  position: static;
  transform: translateY(0)
}

.map-section__link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.map-section__container {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 150%;
  margin-bottom: -50%
}

.map-section__container:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: auto;
  background: #000;
  z-index: 1;
  opacity: 0.05;
}

@media only screen and (min-width:590px) {

  .map-section__container {
    width: 130%;
    height: 100%;
    margin: 0 -30% 0 0
  }
}

[data-animate_sections=true] [data-aos=map-section__animation] .map-section__container {
  animation: fade-out 0.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
  opacity: 0;
}

[data-animate_sections=true] [data-aos=map-section__animation].aos-animate .map-section__container {
  animation: 2.5s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
  animation-name: zoom-fade;
}

.image-row:after {
  content: "";
  display: table;
  clear: both;
}

.image-row__placeholder {
  float: left;
  width: 33.33%
}

.image-row--gutters .image-row__placeholder {
  width: 32%;
  margin: 0 1% 2%
}

.image-row--gutters .image-row__placeholder:first-child {
  margin-left: 0;
}

.image-row--gutters .image-row__placeholder:last-child {
  margin-right: 0;
}

.image-row__image {
  position: relative;
  min-height: 1px;
  float: left
}

.image-row__image:after {
  content: "";
  display: block;
  height: 0;
  width: 100%;
}

.image-row__image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.image-row__image .js-photoswipe__zoom {
  cursor: zoom-in;
}

.image-row__image a .js-photoswipe__zoom {
  cursor: pointer;
}

.store-availability {
  display: flex;
  justify-content: space-around
}

.store-availability .icon {
  margin: 6px 0 0;
  width: 12px;
  height: 12px;
}

.store-availability .icon-in-stock {
  fill: #56ad6a;
}

.store-availability .icon-out-of-stock {
  fill: #d02e2e;
}

.store-availability+.store-availability {
  margin-top: 20px;
}

.store-availability__info {
  flex: 0 1 90%;
  text-align: left;
  margin-left: 10px
}

.store-availability__info>div {
  margin-bottom: 5px
}

.store-availability__info>div:last-child {
  margin-bottom: 0;
}

.store-availability__info a {
  text-decoration: underline;
}

.store-availability__small {
  font-size: 0.8em
}

.store-availability__small a {
  display: block;
  margin-top: 10px;
}

.cart__item {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 150px 1fr;
  grid-template-rows: repeat(2, [row] auto);
}

.drawer .cart__item {
  grid-template-columns: 90px 1fr;
  grid-gap: 20px
}

.drawer .cart__item .image-wrap .pic {
  width: 100%;
  padding-top: 100%;
  background-size: cover !important;
  border-radius: 5px;
}

@media only screen and (max-width:589px) {

  .cart__item {
    grid-template-columns: 90px 1fr;
    grid-gap: 20px
  }

  .drawer .cart__item {
    grid-template-columns: 60px 1fr;
    grid-gap: 20px
  }
}

.cart__item--headers {
  grid-template-rows: 1fr;
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight);
}

[data-type_header_capitalize=true] .cart__item--headers {
  text-transform: uppercase;
}

[data-type_header_accent_transform=true] .cart__item--headers {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  display: none;
}

.cart__item--headers {
  font-size: 0.85em;
  border-bottom: 1px solid;
  border-bottom-color: #e8e8e1;
  border-bottom-color: var(--colorBorder);
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.cart__item--details {
  /*display:grid;*/
  /*  grid-column:2;
  grid-template-columns:2fr 90px 1fr;
  align-items:center*/
}

@media only screen and (max-width:589px) {

  .cart__item--details {
    /*grid-template-columns:90px 1fr*/
  }
}

.drawer .cart__item--details {
  /*grid-template-columns:90px 1fr*/
}

.drawer .cart__item--details .cart__product-name {
  font-size: 1.4rem;
  margin-bottom: 5px;
}

.drawer .cart__item--details .cart__item--name {
  grid-column: 1 / span 3;
}

.drawer .cart__item--details .cart__item--qty {
  /*grid-column:1 / span 1;*/
  float: left;
}

.cart__item--qty {
  grid-column: 2;
}

.cart__item--price {
  float: left;
  /*grid-column:3;*/
  margin-left: 15px;
  margin-top: 5px;
}

@media only screen and (max-width:589px) {
  .cart__item--name {
    grid-column: 1 / span 2;
  }

  .cart__item--qty {
    grid-row: 2;
    grid-column: 1;
  }

  .cart__item--price {
    grid-row: 2;
    grid-column: 2;
  }
}

.cart__item-row {
  margin-bottom: 20px;
}

.cart__item-sub {
  flex: 1 1 100%;
  display: flex;
  justify-content: left;
  line-height: 1
}

.cart__item-sub>div:first-child {
  margin-right: 10px;
}

.cart__terms {
  display: flex;
  align-items: center;
  justify-content: center
}

.cart__terms label {
  margin-bottom: 0;
  text-transform: none;
  letter-spacing: 0;
}

@media only screen and (min-width:590px) {
  .cart__terms--right {
    justify-content: flex-end;
  }
}

.cart__footer {
  border-top: 1px solid;
  border-top-color: #e8e8e1;
  border-top-color: var(--colorBorder);
  padding-top: 30px;
}

.cart__checkout-wrapper {
  margin-top: 20px
}

.cart__checkout-wrapper .additional-checkout-buttons {
  margin-top: 12px;
}

.drawer .additional-checkout-buttons {
  margin: 10px 0
}

.drawer .additional-checkout-buttons [data-shopify-buttoncontainer] {
  justify-content: center
}

.drawer .additional-checkout-buttons [data-shopify-buttoncontainer]>* {
  height: auto !important;
}

.cart__row [data-shopify-buttoncontainer] {
  justify-content: flex-end;
}

@media only screen and (min-width:590px) {
  .cart__update+.cart__checkout {
    margin-left: 20px;
  }
}

.cart__product-name {
  display: block;
  margin-bottom: 5px
}

@media only screen and (min-width:590px) {

  .cart__product-name {
    margin-bottom: 10px
  }
}

.cart__price {
  display: block;
}

.cart__price--strikethrough {
  text-decoration: line-through;
}

.cart__discount {
  display: block;
  color: #1c1d1d;
  color: var(--colorSalePrice);
}

.cart__variant-meta {
  font-size: 0.9em;
  margin-bottom: 10px;
  opacity: 0.6;
}

.cart__subtotal {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .cart__subtotal {
  text-transform: uppercase
}

[data-type_header_accent_transform=true] .cart__subtotal {
  text-transform: uppercase;

}

@media only screen and (max-width:589px) {

  .cart__subtotal {
    font-size: 0.9em
  }
}

.cart__checkout {
  width: 100%;
}

iframe.zoid-component-frame {
  z-index: 1 !important;
}

.drawer__cart-empty {
  display: none;
}

.drawer.is-empty .drawer__inner {
  display: none;
}

.drawer.is-empty .drawer__cart-empty {
  display: block;
  text-align: center;
}

.drawer.is-empty .drawer__cart-empty .drawer__scrollable {
  text-align: center;
  align-items: center;
}

.drawer.is-empty .drawer__cart-empty .drawer__scrollable svg {
  display: inline-block;
  margin: 0 0 3rem 0;
}

.drawer.is-empty .drawer__cart-empty .drawer__scrollable .btn {
  width: 100%;
  padding: 12px 0;
  color: #fff !important;
  margin: 5rem 0 0 0;
}

.drawer.is-empty .tis,
.drawer__footer .tis,
.cart__footer .tis {
  width: 100%;
  padding: 14px 15px;
  margin: 0 0 3rem 0;
  color: var(--colorPrimary);
  background-color: #EFFAFF;
  border-radius: 6px;
  text-align: center;
}

.drawer__footer .tis,
.cart__footer .tis {
  margin: 0 0 1.5rem 0;
}

.cart__item-sub>div:first-child {
  margin-right: 0px;
}

.cart__footer .tis {
  text-align: left !important;
  margin: 0 0 2.5rem 0;
  background: none !important;
  color: var(--colorPrimary);
  padding: 0px 0px !important;
}

@media only screen and (min-width:590px) {
  .product-single__sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
  }
}

.product-single__meta {
  padding-left: 45px;
  
}
.product-single__meta .bottomLine{
  margin-bottom: 30px;
}

@media only screen and (max-width:589px) {

  .product-single__meta {
    padding-left: 0;
    margin-top: 20px
  }
}

.product-single__meta .social-sharing {
  margin-top: 25px
}

@media only screen and (min-width:590px) {

  .product-single__meta .social-sharing {
    margin-top: 40px
  }
}

.product-single__vendor {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
}

[data-type_base_accent_transform=true] .product-single__vendor {
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

.product-single__vendor {
  font-size: 12px;
  margin-bottom: 10px;
}

.product-single__title {
  font-size: calc(var(--typeHeaderSize)*0.8);
 
  word-wrap: break-word;
  color: var(--colorPrimary);
}

@media only screen and (min-width:590px) {

  .product-single__title {
    font-size: var(--typeHeaderSize);
  
    color: var(--colorPrimary);
  }

}

.product-single__review-link {
  display: block
}

.product-single__review-link .spr-badge[data-rating="0.0"] {
  display: none;
}

.product-single__review-link .spr-badge {
  margin-bottom: 7px;
}

.product-single__review-link .spr-badge-starrating {
  margin-right: 8px;
}

.product-single__review-link .spr-badge-caption {
  font-size: calc(var(--typeBaseSize) - 1px);
}

.product-single__sku {
  margin-bottom: 6.66667px;
}

.product-single__description {
  margin-bottom: 20px;
}

.product-single__description-full {
  margin: 40px 0;
}

.product-single__form {
  margin-bottom: 25px;
  padding-top: 25px;
}

.product-single__form .errors {
  margin-top: 10px;
}

.product-single__variants {
  display: none
}

.no-js .product-single__variants {
  display: block;
  margin-bottom: 40px
}

.product-image-main {
  position: relative;
}

.product__video-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 100%;
  height: auto;
  background-color: #ffffff;
  background-color: var(--colorSmallImageBg)
}

.product__video-wrapper iframe {
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease-in;
}

.product__video-wrapper.loaded[data-video-style=muted]:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.product__video-wrapper.video-interactable:before {
  display: none !important;
}

.product__video-wrapper.loaded:after {
  display: none;
}

.product__video-wrapper.loading iframe {
  opacity: 0.01;
}

.product__video-wrapper.loaded iframe {
  opacity: 1;
}

.product__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.product-video-trigger {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.product__photos--beside {
  display: flex;
  width: 100%;
}

.product__photos {
  direction: ltr
}

.product__photos a {
  display: block;
  max-width: 100%;
}

.product__photos img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

.product__main-photos {
  position: relative;
  overflow: hidden;
  flex: 1 1 auto
}

@media only screen and (min-width:590px) {

  .product__main-photos {
    order: 2
  }
}

.product-main-slide:not(.is-selected) button,
.product-main-slide:not(.is-selected) iframe,
.product-main-slide:not(.is-selected) model-viewer,
.product-main-slide:not(.is-selected) video {
  display: none;
}

.product-main-slide {
  display: none;
  width: 100%
}

.product-main-slide:first-child {
  display: block;
}

.flickity-slider .product-main-slide {
  display: block
}

.product__thumbs {
  position: relative;
  overflow: hidden;
}

.product__thumbs--below {
  margin-top: 11px
}

@media only screen and (min-width:590px) {

  .product__thumbs--below {
    margin-top: 20px
  }
}

.product__thumbs--beside {
  flex: 0 0 60px;
  max-width: 60px;
  margin-left: 11px
}

@media only screen and (min-width:590px) {

  .product__thumbs--beside {
    flex: 0 0 80px;
    max-width: 80px;
    margin-left: 0;
    margin-right: 20px
  }
}

.product__thumbs--scroller {
  scrollbar-width: none;
  scroll-behavior: smooth;
  -ms-overflow-style: -ms-autohiding-scrollbar
}

.product__thumbs--scroller::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.product__thumbs--below .product__thumbs--scroller {
  overflow-x: scroll;
  white-space: nowrap
}

.product__thumbs--beside .product__thumbs--scroller {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  overflow-y: scroll
}

.product__thumb-item {
  border: 2px solid transparent
}

.product__thumb-item a.is-active,
.product__thumb-item a:focus {
  outline: none
}

.product__thumb-item a.is-active:before,
.product__thumb-item a:focus:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: inset 0 0 0 2px #1c1d1d;
  box-shadow: inset 0 0 0 2px var(--colorTextBody);
  z-index: 1;
}

.product__thumb-item a:active:before {
  content: none;
}

.product__thumbs--beside .product__thumb-item {
  margin-bottom: 11px
}

@media only screen and (min-width:590px) {

  .product__thumbs--beside .product__thumb-item {
    margin-bottom: 20px
  }
}

.product__thumbs--beside .product__thumb-item:last-child {
  margin-bottom: 0;
}

.product__thumbs--below .product__thumb-item {
  display: inline-block;
  vertical-align: middle;
  margin-right: 11px;
  max-width: 80px
}

@media only screen and (min-width:590px) {

  .product__thumbs--below .product__thumb-item {
    margin-right: 20px
  }
}

.product__thumbs--below .product__thumb-item:last-child {
  margin-right: 0;
}

.product__thumb-arrow {
  position: absolute;
  background: #ffffff;
  background: var(--colorBody);
  color: #1c1d1d;
  color: var(--colorTextBody);
  transform: none;
  border-radius: 0;
  padding: 0;
  z-index: 2
}

.product__thumb-arrow .icon {
  display: inline-block;
  width: 6px;
  height: 10px;
}

.product__thumbs[data-position=below] .product__thumb-arrow {
  top: 0;
  height: 100%;
  width: 25px
}

.product__thumbs[data-position=below] .product__thumb-arrow.product__thumb-arrow--prev {
  left: 0;
  text-align: left;
}

.product__thumbs[data-position=below] .product__thumb-arrow.product__thumb-arrow--next {
  right: 0;
  text-align: right;
}

.product__thumbs[data-position=beside] .product__thumb-arrow {
  width: 100%
}

.product__thumbs[data-position=beside] .product__thumb-arrow .icon {
  margin: 0 auto;
  transform: rotate(90deg);
}

.product__thumbs[data-position=beside] .product__thumb-arrow.product__thumb-arrow--prev {
  top: 0;
  left: auto;
  padding-bottom: 10px;
}

.product__thumbs[data-position=beside] .product__thumb-arrow.product__thumb-arrow--next {
  top: auto;
  bottom: 0;
  right: auto;
  padding-top: 10px;
}

.product__thumb {
  position: relative;
  display: block;
  cursor: pointer;
}

.product__thumb-icon {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: #1c1d1d;
  background-color: var(--colorTextBody);
  border-radius: 100px;
  padding: 6px;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
  font-size: 0
}

.aos-animate .product__thumb-icon {
  opacity: 1
}

.product__thumb-icon .icon {
  fill: #ffffff;
  fill: var(--colorBody);
  width: 10px;
  height: 10px
}

@media only screen and (min-width:590px) {

  .product__thumb-icon .icon {
    width: 13px;
    height: 13px
  }
}

.product__policies {
  margin-top: 6.6px;
  font-size: 0.85em
}

@media only screen and (min-width:590px) {

  .product__policies {
    margin-top: 10px
  }
}

.product__price {
  font-size: calc(var(--typeBaseSize) + 2px);
  color: var(--colorTextBody);
}

@media only screen and (min-width:590px) {

  .product__price {
    font-size: calc(var(--typeBaseSize) + 4px)
  }
}

.sale-price {
  color: #1c1d1d;
  color: #d02e2e;
}

.product__unit-price {
  font-size: 0.8em;
  opacity: 0.8;
}

.product__price--compare {
  padding-right: 5px;
  display: inline-block;
  text-decoration: line-through;
}

.product__inventory {
  margin-top: 6.66667px;
  margin-bottom: -6.66667px;
  font-style: italic
}

@media only screen and (min-width:590px) {

  .product__inventory {
    margin-top: 10px;
    margin-bottom: -10px
  }
}

.product__quantity {
  margin-bottom: 20px
}
.incl{

font-size:18px;display:inline-block;margin-bottom: 5px;
margin-left: 25px;
}
@media only screen and (min-width:590px) {

  .product__quantity {
    margin-bottom: 20px
  }
}

.product__quantity label {
  display: block;
  margin-bottom: 10px;
  text-transform: capitalize;
  font-size:20px;
}

.product__quantity--dropdown {
  display: inline-block;
}

.product-form-holder--loaded {
  animation: fade-in 1s ease;
}

.add-to-cart[disabled]+.shopify-payment-button {
  display: none;
}

.product-slideshow.flickity-enabled .product-main-slide {
  display: none;
}

.product-slideshow.flickity-enabled .flickity-viewport .product-main-slide {
  display: block;
}

.product__photo-zoom {
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: zoom-in
}

@media only screen and (max-width:589px) {

  .product__photo-zoom {
    padding: 6px
  }

  .product__main-photos .product__photo-zoom {
    margin-bottom: 10px;
    margin-right: 10px
  }

  .product-slideshow .product__photo-zoom {
    opacity: 0;
    transition: opacity 0.5s ease-out
  }

  .product-slideshow .is-selected .product__photo-zoom {
    opacity: 1
  }
}

@media only screen and (min-width:590px) {

  .product__photo-zoom {
    opacity: 0;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
    border-radius: 0
  }

  .product__photo-zoom span,
  .product__photo-zoom svg {
    display: none;
  }
}

.shopify-payment-terms {
  margin: 12px 0
}

.shopify-payment-terms:empty {
  display: none;
}

.template-blog .article {
  margin-bottom: 60px;
  border-radius: 10px;
    overflow: hidden;
}

@media only screen and (min-width:590px) {

  .template-blog .article {
    margin-bottom: 120px
  }
}

.template-blog .article:last-child {
  margin-bottom: 0
}

@media only screen and (min-width:590px) {

  .template-blog .article:last-child {
    margin-bottom: 50px
  }
}

.article .section-header__title,
.article__date,
.article__h3 {
  margin-bottom: 5px
}

@media only screen and (min-width:590px) {

  .article .section-header__title,
  .article__date,
  .article__h3 {
    margin-bottom: 10px
  }
}

.article__content-meta {
  margin-bottom: 20px;
}

.article__featured-image {
  display: block;
  margin-bottom: 40px
}

.article__featured-image img {
  display: block;
  margin: 0 auto;
}

.article__body {
  margin-bottom: 20px;
  font-size:18px;
 
}

    .article__body  p{
      font-size:18px;
    }
    
    
@media only screen and (min-width:590px) {

  .article__body {
    margin-bottom: 40px
  }
}

.article--layout {
  display: flex;
  align-items: center;
  justify-content: flex-end
}

@media only screen and (max-width:589px) {

  .article--layout {
    flex-wrap: wrap
  }
}

.article__content {
  width: 100%;
}

.article__image-wrap {
  position: relative;
  flex: 1 1 100%;

  
}

.article__image-wrap--empty {
  height: 0;
  margin: 0;
}

/* .article__image img {
  position: absolute;
}
 */
@media only screen and (min-width:590px) {
  .article__content {
    flex: 1 1 auto;
    padding: 40px 40px 40px 0;
    width: 100%;
    max-width: 50%;
  }

  .article__content--right {
    padding: 40px 0 40px 40px;
  }

  .article__image-wrap {
    position: static;
   
    margin: 0;
  }

  .article__image-wrap--right {
    order: 2;
  }

  .article__image {
    position: absolute;
    left: 0;
    right: 50%;
    width: auto;
    height: 275px;
    min-width: 0;
   
  }
  .blog-first-article-container  .article__image {
   height: 450px;
  }

  .article__image-wrap--right .article__image {
    left: 50%;
    right: 0
  }
}

.article__comment {
  margin-bottom: 40px
}

.article__comment:last-child {
  margin-bottom: 0;
}

.template-password {
  height: 100vh;
  text-align: center;
}

.password-page__image {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  z-index: 1;
  animation: zoom-fade-password 20s ease 1s forwards
}

.password-page__image:after {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(50, 50, 50, 0.3);
}

.password-page__wrapper {
  display: table;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 3;
  color: #1c1d1d;
  color: var(--colorTextBody)
}

.password-page__wrapper a {
  color: inherit;
}

.password-page__wrapper hr {
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
}

.password-page__wrapper .social-sharing.clean a {
  color: inherit;
  background: transparent;
}

.password-header-section {
  display: table-row;
}

.password-page__header {
  display: table-cell;
  height: 1px;
}

.password-page__header__inner {
  padding: 20px;
}

.password-page__logo {
  margin-top: 20px
}

@media only screen and (min-width:590px) {

  .password-page__logo {
    margin-top: 120px
  }
}

.password-page__logo .logo {
  max-width: 100%;
}

.password-page__main {
  display: table-row;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.password-page__main__inner {
  display: table-cell;
  vertical-align: middle;
  padding: 0 26.66667px;
}

.password-page__hero {
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: var(--typeHeaderSpacing);
  line-height: var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .password-page__hero {
  text-transform: uppercase
}

.password-page__hero {
  font-size: 42px;
  text-transform: none
}

@media only screen and (min-width:590px) {

  .password-page__hero {
    font-size: 64px
  }
}

.password-page__message {
  font-size: 120%;
  margin-bottom: 30px !important
}

.password-page__message img {
  max-width: 100%;
}

.password-form,
.password-page__message,
.password-page__signup-form {
  max-width: 500px;
  margin: 0 auto;
}

.password-form {
  margin-bottom: 1em;
}

@media only screen and (min-width:590px) {

  .password-page__signup-form {
    padding: 0 40px
  }
}

.password-page__signup-form .input-group {
  width: 100%;
}

.password-page__signup-form .input-group-field {
  background-color: #fff;
  color: #000
}

.password-page__signup-form .input-group-field::-webkit-input-placeholder {
  color: #000;
  opacity: 0.7;
}

.password-page__signup-form .input-group-field:-moz-placeholder {
  color: #000;
  opacity: 0.7;
}

.password-page__signup-form .input-group-field::-moz-placeholder {
  color: #000;
  opacity: 0.7;
}

.password-page__signup-form .input-group-field:-ms-input-placeholder {
  color: #000;
  opacity: 0.7;
}

.password-page__signup-form .input-group-field::-ms-input-placeholder {
  color: #000;
  opacity: 0.7;
}

.password-page__signup-form .errors ul {
  list-style-type: none;
  margin-left: 0;
}

.password-page__social-sharing {
  margin-top: 30px;
}

.password-login {
  display: block;
  margin: 0 auto;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight)
}

[data-type_base_accent_transform=true] .password-login {
  text-transform: uppercase;
  letter-spacing: 0.2em
}

.password-login {
  font-size: 0.8em;
  padding: 10px 15px;
  border: 1px solid #fff
}

@media only screen and (min-width:590px) {

  .password-login {
    position: absolute;
    top: 26.66667px;
    right: 26.66667px
  }
}

.password__lock .icon {
  position: relative;
  top: -2px;
  margin-right: 4px;
  width: 12px;
  height: 12px;
}

.password-page__footer {
  display: table-row;
  height: 1px;
}

.password-page__footer_inner {
  display: table-cell;
  vertical-align: bottom;
  padding: 60px 0 20px;
  line-height: 2.4;
  font-size: 80%;
}

.icon-shopify-logo {
  width: 60px;
  height: 20px;
}

@media only screen and (max-width:589px) {

  #LoginModal .modal__close {
    padding: 20px
  }
}

#LoginModal .modal__inner {
  background: #ffffff;
  background: var(--colorBody);
  color: #1c1d1d;
  color: var(--colorTextBody);
  padding: 30px
}

@media only screen and (max-width:589px) {

  #LoginModal .modal__inner {
    margin-bottom: 40vh
  }
}

.password-admin-link {
  margin: 0
}

.password-admin-link a {
  border-bottom: 2px solid !important;
  border-bottom-color: #e8e8e1 !important;
  border-bottom-color: var(--colorBorder) !important;
}

.template-giftcard,
.template-giftcard body {
  background: #ffffff;
  background: var(--colorBody)
}

.template-giftcard a,
.template-giftcard body a {
  text-decoration: none;
}

.template-giftcard .page-width {
  max-width: 588px
}

.template-giftcard .page-width iframe,
.template-giftcard .page-width img,
.template-giftcard .page-width object {
  max-width: 100%;
}

.giftcard-header {
  padding: 80px 0;
  font-size: 1em;
  text-align: center
}

.giftcard-header a {
  display: block;
  margin: 0 auto;
}

.template-giftcard .shop-url {
  display: none;
}

.giftcard__border {
  padding: 1.5em;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.giftcard__content:after {
  content: "";
  display: table;
  clear: both;
}

.giftcard__content {
  background-color: #ffffff;
  background-color: var(--colorBody);
  color: #1c1d1d;
  color: var(--colorTextBody);
}

.giftcard__header:after {
  content: "";
  display: table;
  clear: both;
}

.giftcard__header {
  padding: 20px;
}

.giftcard__title {
  float: left;
  margin-bottom: 0;
}

.giftcard__tag {
  display: block;
  float: right;
  background-color: #1c1d1d;
  background-color: var(--colorTextBody);
  border: 1px solid transparent;
  color: #ffffff;
  color: var(--colorBody);
  padding: 13.33333px;
  border-radius: 4px;
  font-size: 0.75em;
  text-transform: uppercase;
  letter-spacing: .05em;
  line-height: 1;
}

.giftcard__tag--active {
  background: transparent;
  color: #1c1d1d;
  color: var(--colorTextBody);
  border: 1px solid;
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
}

.giftcard__wrap {
  position: relative;
  margin: 20px 20px 40px
}

.giftcard__wrap img {
  position: relative;
  display: block;
  border-radius: 10px;
  z-index: 2;
}

.giftcard__code {
  position: absolute;
  bottom: 40px;
  text-align: center;
  width: 100%;
  z-index: 50;
}

.giftcard__code--medium {
  font-size: .875em;
}

.giftcard__code--small {
  font-size: .75em;
}

.giftcard__code__inner {
  display: inline-block;
  vertical-align: baseline;
  background-color: #fff;
  padding: .5em;
  border-radius: 4px;
  max-width: 450px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1)
}

.giftcard__code--small .giftcard__code__inner {
  overflow: auto
}

.giftcard__code__text {
  font-weight: 400;
  font-size: 1.875em;
  text-transform: uppercase;
  border-radius: 2px;
  border: 1px dashed;
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
  padding: .4em .5em;
  display: inline-block;
  vertical-align: baseline;
  color: #1c1d1d;
  color: var(--colorTextBody);
  line-height: 1
}

.disabled .giftcard__code__text {
  color: #999;
  text-decoration: line-through
}

.giftcard__amount {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  font-size: 2.75em;
  line-height: 1.2;
  padding: 20px;
  z-index: 50
}

.giftcard__amount strong {
  display: block;
  text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
}

.giftcard__amount--medium {
  font-size: 2em;
}

.template-giftcard .tooltip {
  display: block;
  position: absolute;
  top: -50%;
  right: 50%;
  margin-top: 16px;
  z-index: 3;
  color: #fff;
  text-align: center;
  white-space: nowrap
}

.template-giftcard .tooltip:before {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  bottom: 0;
  width: 0;
  height: 0;
  margin-left: -5px;
  margin-bottom: -5px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 5px solid #333;
  border-top: 5px solid rgba(51, 51, 51, 0.9);
}

.template-giftcard .tooltip__label {
  display: block;
  position: relative;
  right: -50%;
  border: none;
  border-radius: 4px;
  background: #333;
  background: rgba(51, 51, 51, 0.9);
  min-height: 14px;
  font-weight: 400;
  font-size: 12px;
  text-decoration: none;
  line-height: 16px;
  text-shadow: none;
  padding: .5em .75em;
  margin-left: .25em
}

.template-giftcard .tooltip__label small {
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #b3b3b3;
  font-size: .875em;
}

.giftcard__instructions {
  text-align: center;
  margin: 0 20px 40px;
}

.giftcard__actions {
  position: relative;
  text-align: center;
  overflow: hidden;
  padding-bottom: 1em;
}

.template-giftcard .action-link {
  position: absolute;
  left: 20px;
  top: 50%;
  font-size: 0.875em;
  font-weight: 700;
  display: block;
  padding-top: 4px;
  text-transform: uppercase;
  letter-spacing: .2em;
  margin-top: -10px
}

.template-giftcard .action-link:focus,
.template-giftcard .action-link:hover {
  color: #1c1d1d;
  color: var(--colorTextBody);
}

.template-giftcard .action-link__print {
  display: inline-block;
  vertical-align: baseline;
  width: 17px;
  height: 17px;
  vertical-align: middle;
  margin-right: 10px;
  opacity: 1;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(/cdn/s/assets/gift-card/icon-print-164daa1ae32d10d1f9b83ac21b6f2c70.png);
}

.giftcard__footer {
  text-align: center;
  padding: 80px 0;
}

#QrCode img {
  padding: 40px;
  border-color: #e8e8e1;
  border-color: var(--colorBorder);
  border-radius: 4px;
  margin: 0 auto 40px;
}

@media only screen and (max-width:589px) {
  .giftcard {
    font-size: 12px;
  }

  .giftcard-header {
    padding: 40px 0;
  }

  .template-giftcard .header-logo {
    font-size: 2em;
  }

  .giftcard__border {
    padding: 20px;
  }

  .giftcard__actions {
    padding: 20px;
  }

  .giftcard__actions .btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .template-giftcard .action-link {
    display: none;
  }
}

@media screen and (max-width:400px) {
  .giftcard__amount strong {
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
  }

  .giftcard__wrap:after,
  .giftcard__wrap:before {
    display: none;
  }

  .giftcard__code {
    font-size: .75em;
  }

  .giftcard__code--medium {
    font-size: .65em;
  }

  .giftcard__code--small {
    font-size: .55em;
  }
}

@media screen and (max-height:800px) {
  .template-giftcard .header-logo img {
    max-height: 90px;
  }
}

@media print {
  @page {
    margin: 0.5cm;
  }

  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  body,
  html {
    background-color: #fff;
  }

  .giftcard-header {
    padding: 10px 0;
  }

  .giftcard__border,
  .giftcard__content {
    border: 0 none;
  }

  .add-to-apple-wallet,
  .giftcard__actions,
  .giftcard__wrap:after,
  .giftcard__wrap:before,
  .site-header__logo-link img:nth-child(2),
  .tooltip {
    display: none;
  }

  .giftcard__title {
    float: none;
    text-align: center;
  }

  .giftcard__code__text {
    color: #555;
  }

  .template-giftcard .shop-url {
    display: block;
  }

  .template-giftcard .logo {
    color: #58686f;
  }
}


/*新增样式开始*/

/*屏幕================================*/
.full {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  float: initial;
  padding: 0px;
}

.full-1 {
  width: 90%;
  margin: 0 auto;
  float: initial;
}

.full-2 {
  width: 80%;
  margin: 0 auto;
  float: initial;
}

.full-3 {
  width: 70%;
  margin: 0 auto;
  float: initial;
}

.full-4 {
  width: 1200px;
  margin: 0 auto;
  float: initial;
}

.full-5 {
  width: 1300px;
  margin: 0 auto;
  float: initial;
}

.slideshow-wrapper .jianbian {
  position: absolute;
  width: 50%;
  top: 0px;
  bottom: 0px;
  left: 0px;
  display: inline-block;
  z-index: 3;
}

.slideshow-wrapper .jianbian.nojb {
  display: none;
}

/*slide-columns================================*/
.slide-columns {
  padding:67px 0px !important;
}

.slide-columns h3 {
  font-size: 15px;
  line-height: 26px;
}

.slide-columns .swiper-slide {
  text-align: center;
}

.slide-columns .swiper-slide img {
  width: 180px;
  height: auto;
  display: inline-block;
}

.large-image-box .animation-cropper {
  width: 100% !important;
}

.large-image-box .animation-contents {
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.large-image-box .animation-contents .background-media-text__text {
  text-align: center;
  width: 55% !important;
  position: relative;

  background: 0 0;
  padding: 40px 50px 60px 50px;
}

.large-image-box .animation-contents .background-media-text__text svg {
  width: 120px;
  margin: 0 0 3rem 0;
}

.large-image-box .animation-contents .background-media-text__text h2 {
  font-size: 4rem;
  font-weight: bold;
  color: var(--colorPrimary);
  margin: 0 0 4rem 0;
}

.large-image-box .animation-contents .background-media-text__text .background-media-text__subtext p {
  font-size: 1.8rem;
  line-height: 1.38888;
}

.image-with-text {
  width: 100%;
  max-width: 100%;
  padding: 0px;
  margin: 0px;
}

.image-with-text .feature-rowleft {
  margin: 0px;
  width: 100%;
}

.image-with-text .feature-rowleft .image-wrap {
  position: relative;
}

.image-with-text .feature-rowleft .image-wrap img {}

.image-with-text .feature-rowright {
  padding: 0px;
  margin: 0px;
  width: 100%;
  background: url(bw.png) 70% no-repeat;
}

.image-with-text .feature-row__text--right {
  padding-left: 16.40625%;
}

.image-with-text .feature-row__text--right .featured-row__subtext {
  width: 100% !important;

}
.feature-row .btn{
  font-weight: 300;
}
.image-with-text .feature-row__text--right h2 {
  width: 100% !important;
}

.image-with-text .feature-row__text--right h2 {
  width: 80%;
}

.image-with-text .feature-rowcenter {
  display: block;
  padding: 0px;
  margin: 0px;
  width: 100%;
}

.image-with-text .feature-rowcenter .feature-row__item {
  float: left;
}

.image-with-text .feature-rowcenter .feature-row__text--center {
  width: 100%;
}

.image-with-text .feature-row__item h2 {
  width: 80%;
  font-size: 4.8rem;
  line-height: 125%;
  margin: 0 0 2.1rem 0;
  font-weight: bold;
  color: var(--colorPrimary) !important;
}

.image-with-text .feature-row__item .btn {
  margin: 4rem 0 0 0;
}

.image-with-text .feature-row__text .rte {
  width: 60%;
  padding: 0 0 0 0;
  font-size: 2rem;
  line-height: 1.2;
}

.image-with-text .feature-row__text .rte p {
  font-size: 2rem;
  line-height: 1.2;
}

.slide-columns-comment {
  position: relative;
  float: left !important;
  width: 100%;
  margin: 4rem 0 8rem 0;
}

.slide-columns-comment .title-group {
  padding: 10rem 0 5rem 0;
}

.slide-columns-comment .title-group h2 {
  font-size: 3.6rem;
}

.slide-columns-comment:after {
  position: absolute;
  width: 100%;
  height: 60%;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 60%;
  background: #F2F7FE;
  z-index: -1;
  content: "";
}

.slide-columns-comment .swiper-slide {
  background: #fff;
  box-shadow: 0 0 20px rgba(59, 139, 180, 0.1);
  border-radius: 10px;
  padding: 0 0 4.5rem 0;
}

.slide-columns-comment .swiper-slide .imgbox {
  width: 25%;
  padding-top: 25%;
  margin: -12% auto 15% auto !important;
  position: relative;
  border-radius: 100px;
  box-shadow: 0 10px 20px rgba(89, 115, 151, 0.16);
  overflow: hidden;
}

.slide-columns-comment .swiper-slide .imgbox svg,
.slide-columns-comment .swiper-slide .imgbox img {
  width: 100%;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  image-rendering: auto !important;
}

.slide-columns-comment .swiper-slide .text-spacing {
  padding: 0 4rem;
  margin-bottom: 35px;
}

.slide-columns-comment .swiper-slide .text-spacing p {
  font-size: 1.6rem;
  line-height: 3.2rem;
}

.slide-columns-comment .swiper-slide h3 {
  font-size: 1.7rem;
  font-weight: bold;
}

.slide-columns-comment .testimonial-stars {
  font-size: 26px;
  margin-bottom: 5px;
  color: #FFBA38;
}

/*购物车===================================*/
.miaosu small {
  font-size: 1.4rem;
  line-height: 36px;
}

.miaosu small svg {
  float: left;
  margin: .6rem 1rem 0 0;
}

.cart__checkout svg {
  width: 18px;
  height: 18px;
  position: relative;
  top: 0.2rem;
  margin: 0 1rem 0 0;
}

/* .cart__checkout:hover {
  text-indent: 10px;
} */
    .cartbox{
     padding-bottom:0px;
    }
    .cart-template-container{
      padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    }

.cartbox .text-spacing a {
  font-size: 1.5rem;
}

.cartbox .text-spacing a:after {}

.cartbox .cart__item--headers .cart__item--details {
  display: none;
}

.cartbox .cart__item--details .cart__item--name {
  float: left;
  width: 60%;

}

.cartbox .cart__item--details .cart__item--qty {
  float: right;
  width: 20%;
  margin: 22px 0 0 0;
      display: flex;
  justify-content: flex-end;
    align-items: center;
  padding-right:20px;
}

.cartbox .cart__item {
  grid-template-columns: 85px 1fr;
  border-top: 1px solid #eee;
  padding: 2rem 0rem 2rem 0rem;
  margin: 0 0 0rem 0;
  grid-gap: 0px;
  border-radius: 3px;
}

.cartbox .cart__item:last-child {
  border-bottom: 1px solid #eee;
  margin: 0 0 2rem 0;
}

.cartbox .cart__item:hover {
  /*box-shadow: 0 0 35px rgba(0,0,0,0.05); */
}

.cartbox .cart__item .js-qty__adjust {
  padding: 0 13px;
}

.cartbox .cart__item .js-qty__wrapper {
  max-width: 130px;
  border-radius: 5px;
  margin-right: 10px;
}
    .cartbox .cart__item .js-qty__num{
       border-color: var(--colorPrimary);
    }
    .cartbox .cart__item  .js-qty__adjust:hover{
    background-color:unset;
      opacity:0.8;
    }
.cartbox .cart__item .cart__item--details {
  position:relative;
  padding: 0 0 0 2.5rem;
  flex:1;
  display: flex;
    justify-content: space-between;
}
    .cartbox .cart__checkout{
          font-size: 22px;
    font-weight: bold;
    /* max-width: 305px; */
      line-height:1.2;
      height: 45px;
    }
    shopify-accelerated-checkout-cart>*:not(.wallet-button-wrapper){
      height: 45px;
      border-radius: 999em;
      overflow: hidden;
      display: flex;
          overflow: hidden;
    width: 100%;
    }
    .wallet-cart-button.wallet-cart-button__skeleton {
      border-radius: 999em;
      width: 100%;
      
    }
.cartbox .cart__item .pic {
  width: 100%;
  padding-top: 98%;
  border-radius: 3px;
  background-size: cover !important;
}

.cartbox .cart__item .cart__item--price {
 
  margin: 15px 15px 0 0;
}

.cartbox .cart__item .cart__item--name a {
  font-size: 1.6rem;
  margin-bottom: 5px;
}

.cartbox .cart__item .cart__item--name a:hover {
  color: var(--colorPrimary);
}

.cartbox .cart__item .cart__variant-meta {
  font-size: 1.4rem;
  margin-bottom: 0px;
}

.cartbox .cart__footer {
  border: none;
  padding-top: 10px;
}

.cartbox .cart__footer .grid {
  margin-left: 0px;
}

.cartbox .cart__footer .grid__item {
  padding-left: 0px;
}

.cartbox .cart__footer .grid__item.medium-up--text-right {
  
  border: none;
  /*border: 1px solid #eee;*/
  /*padding: 4rem 4rem;*/
  float: right;
  left: 0px;
  text-align: right !important;
}

.cartbox .cart__checkout-wrapper {
  margin-top: 0px;
}

.cartbox .cart__subtotal {
  font-size: 1.6rem;
}

.cartbox .cart_count {
  font-size: 1.6rem;
}

.cartbox .noitem_count {
  margin: 0 0 4rem 0;
}

.cartbox .noitem_count+p a {
  background: var(--colorPrimary);
  color: #fff;
  padding: 13px 20px;
  border-radius: 6px;
}

.cartbox .noitem_count+p a:hover {
  opacity: 0.8;
}

/* .cartbox .total_price {
  font-size: 1.6rem;
  padding: 1.5rem 0 2rem 0;
  text-align: right;
  color: var(--colorPrimary);
  position: absolute;
  top: -16px;
  right: 0;
} */

.cartbox .miaosu {
  text-align: left;
  margin: 0px;
}

.cartbox .miaosu small svg {
  display: inline-block;
}



/*登录===================================*/
.login .section-header {
  margin-bottom: 25px;
}

.login .oxi_social_wrapper,
.register .oxi_social_wrapper {
  margin-bottom: 25px;
}

.login h1+p {
  font-size: 1.6rem;
  padding: 1rem 0 0 0;
  margin: 0 0 25px 0;
}

.login h1+p a {
  color: var(--colorPrimary);
}

.login #RecoverPasswordForm {
  text-align: center;
  position: relative;
  margin: -13.5rem 0 0 0;
  background: #fff;
}

.login #RecoverPasswordForm label {
  float: left;
}

.login #RecoverPasswordForm h2 {
  font-size: 3.6rem;
  color: var(--colorPrimary);
}

.login #RecoverPasswordForm p {
  font-size: 1.5rem;
  margin: 0 0 40px 0;
}

.register .section-header {
  margin-bottom: 25px;
}

/*关于我们===================================*/
#HeaderWrapper {
  position: relative;
  z-index: 1;
}

.page-about {
  padding-top: 0px;
}

.page-about h2 {
  font-size: 3.6rem !important;
}

.page-about .singlebanner1 {
  background: var(--colorPrimary);
}

.page-about .rte:after,
.page-about .singlebanner1 .btnbox:after {
  display: none;
}

.page-about .singlebanner1 .card {
  border: none;
  margin-bottom: 0px;
  background: none;
}

.page-about .singlebanner1 .pic {
  width: 100%;
  height: 100%;
  padding-top: 80%;
  background-size: cover !important;
  opacity: 0.7;
  position: relative;
}

.page-about .singlebanner1 .pic img,
.page-about .singlebanner1 .pic svg {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.page-about .singlebanner1 .col {
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-about .singlebanner1 .card-body {
  position: relative;
  left: -13rem;
}

.page-about .singlebanner1 .btnbox {
  text-decoration: none;
}

.page-about .singlebanner1 .btnbox svg {
  width: 8rem;
  height: 8rem;
  margin: 10% 0 0 5rem;
}

.page-about .singlebanner1 .btnbox:hover svg {
  margin: 11% 0 0 5rem;
}

.page-about .singlebanner1 .subtitle {
  font-size: 2.2rem;
  color: #fff;
  margin: 0 0 1rem 0;
  display: block;
}

.page-about .singlebanner1 h5 {
  width: 80%;
  color: #fff;
  font-size: 6rem;
  font-weight: bold;
  line-height: 7.5rem;
  margin: 0 0 3rem 0;
}

.page-about .singlebanner1 p {
  width: 80%;
  color: #fff;
  font-size: 2rem;
  opacity: 0.6;
  font-weight: normal;
}

.modulebox {
  float: left !important;
  width: 100%;
  position: relative !important;
  clear: both;
  z-index: 0;
}

.pictext1 {
  float: left;
  width: 100%;
  padding: 8rem 0 6rem 0;
  text-align: center;
}

.pictext1 .title,
.pictext1 h2 {
  text-align: center;
  font-size: 3.6rem;
  margin-bottom: 3.5rem;
  font-weight: bold;
  color: var(--colorPrimary);
}

.pictext1 .describe {}

.pictext1 .rte .enlarge-text p,
.rte .enlarge-text {
  font-size: 1.6rem;
  line-height: 3rem;
}

.cardgroup8,
.cardgroup8 .card img {
  background: #EEF3FC;
}

.cardgroup8 {
  float: left;
  width: 100%;
  text-align: center;
  padding: 2rem 0 8rem 0;
}

.cardgroup8 .card-group {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.cardgroup8 .card-group .line {
  position: absolute;
  display: inline-block;
  width: 100%;
  top: 32%;
  height: 1.5rem;
  content: "";
  border-bottom: 2px solid var(--colorPrimary);
  z-index: -1;
  animation: circle-opacity 5s infinite;
  animation-delay: 0.6s;
  opacity: .15;
}

.cardgroup8 .card-group .line:before {
  content: "";
  position: absolute;
  width: 2.5rem;
  top: 40%;
  height: 0px;
  border-bottom: 2px solid var(--colorPrimary);
  transform: rotate(45deg);
  width: 2rem;
  right: -.2rem;
}

@keyframes circle-opacity {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }

  0% {
    transform: translateX(-100%);
  }
}

.cardgroup8 .card {
  background: none;
  border: none;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cardgroup8 .card img {
  width: 168px;
  display: inline-block;
  border-radius: 100%;
}

.cardgroup8 .card .card-body {
  padding: 1rem 2.5rem;
}

.cardgroup9 {
  padding: 0rem 0 10rem 0;
  float: left;
  width: 100%;
  text-align: center;
}

.cardgroup9 .title-group {
  float: initial;
  padding: 0rem 0 7rem 0;
}

.cardgroup9 .title-group h2 {
  font-size: 4rem;
}

.cardgroup9 .title-group .describe {
  font-size: 1.6rem;
}

.cardgroup9,
.page-contact .cardgroup8 .card img {
  background: none;
}

.cardgroup9 .card {
  background: none;
  border: none;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: normal;
}

.cardgroup9 .card img {
  width: 120px;
}

.cardgroup9 .card h5 {
  font-size: 2.2rem;
}

.cardgroup9 .card h6 {
  font-size: 1.6rem;
}

.cardgroup9 .card .card-text,
.page-contact .cardgroup9 .card .card-text p {
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.cardgroup9 .card-group:before,
.page-contact .cardgroup9 .card-group:after {
  display: none;
}

.page-contact .page-contact-form {
  float: left;
  width: 100%;
}

.page-contact .page-contact-form .page-contact {
  padding: 0px;
}

.page-contact .page-blocks {
  padding: 8rem 0 7rem 0 !important;
}

.page-120 {
  padding: 0px !important;
}

#NewsletterPopup-newsletter-popup .lefttext {
  float: right;
  width: 52%;
  padding: 7% 7%;
}

#NewsletterPopup-newsletter-popup .lefttext h2 {
  font-size: 3rem;
  margin-top: 10px;
  margin-bottom: 30px;
  color: var(--colorPrimary);
}

#NewsletterPopup-newsletter-popup .lefttext .rte p {
  font-size: 1.6rem;
  opacity: 0.9;
  margin-bottom: 30px;
  line-height: 30px;
}

#NewsletterPopup-newsletter-popup .lefttext input {
  border-radius: .6rem;
  padding: 11px 18px;
}

#NewsletterPopup-newsletter-popup .lefttext .input-group-btn {
  width: 100%;
  margin: 0 0 30px 0;
}

#NewsletterPopup-newsletter-popup .lefttext .input-group-btn button {
  width: 100%;
  border-radius: .6rem;
  margin-top: 25px;
  padding: 0px 0;
  background: #FFBA38;
}

#NewsletterPopup-newsletter-popup .image-wrap {
  float: left;
  width: 48%;
  padding-top: 62.18%;
}

#NewsletterPopup-newsletter-popup .modal__centered-content {
  padding: 0px;
}

#NewsletterPopup-newsletter-popup .modal__inner {
  border-radius: 10px;
  overflow: hidden;
}

#NewsletterPopup-newsletter-popup .newsletter {}

.links1 {
  padding: 0rem 0 0rem 0;
}

.singlebanner2 {
  overflow: hidden;
}

/* .singlebanner2:after,.shopify-section .large-image-box:after{ position: absolute; content: ""; width: 50%; top:0px; left: 0px; bottom: 0px; background-image: linear-gradient(to right,rgba(238,243,252,1) 0%,rgba(238,243,252,0) 100%);} */
.links2 {
  padding: 0rem 0 0 0 !important;
}

.links2 #shopify-section-slide-columns {
  margin: 40px 0 0 0 !important;
}

.links2 .slide-columns h3 {
  margin-top: 0px !important;
}

.page-contact {
  padding: 6rem 0 0rem 0;
  margin: 0px !important;
  max-width: 100%;
}

.page-contact .page-blocks {
  
  padding: 8rem 0 3rem 0;
}
.page-block-contact-form-section{
  margin-top: -8rem!important;
  padding-top:8rem;
}

.page-contact .page-blocks input,
.page-contact .page-blocks textarea {
  background: #fff;
  border: none;
}

.page-contact h1 {
  font-weight: bold;
  padding: 5rem 0 1rem 0;
}

.page-contact .describe {
  font-size: 1.6rem;
  margin: 0 0 70px 0;
}

.contact1 .card-group {
  padding: 2rem 0 5rem 0;
}

.contact1 .card {
  border: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact1 .card h5 {
  font-size: 2.2rem;
}

.contact1 .card h6 {
  font-size: 1.6rem;
  padding: 0px;
  margin: 0px 0 2rem 0;
}

.contact1 .card p {
  font-size: 1.4rem;
  line-height: 3rem;
  margin: 0 0 0 0;
}

.contact1 .card img {
  width: 102px;
  display: inline-block;
}

#shopify-section-page-faq-template .page-blocks .collapsible-trigger {
  border-bottom: 1px solid #eee;
  font-weight:bold;
}

#shopify-section-page-faq-template .page-blocks .collapsible-content__inner--faq {
  padding-bottom: 30px;
  margin: 0rem 0 0rem 0;
  border-bottom: 1px solid #eee;
}

#shopify-section-page-faq-template .page-blocks .collapsible-content__inner--faq p {
  font-size: 1.4rem;
}

#shopify-section-page-faq-template .page-blocks .collapsible-trigger.is-open {
  border: none;
  font-weight:bold;
}


/*详情页===================================*/
.swiper-pagination {
  position: relative !important;
  padding: 6rem 0 0 0;
  padding-top:30px;
  bottom:0px!important;
}

.swiper-pagination-bullet {
  width: 14px !important;
  height: 14px !important;
  background: none ;
  opacity: 1 !important;
  margin: 0px 5px !important;
  border: 2px solid var(--colorPrimary);
}



.d0 {
  animation-delay: 0s !important;
}

.d0 {
  animation-delay: 0.1s !important;
}

.d0-1 {
  animation-delay: 0.1s !important;
}

.d0-2 {
  animation-delay: 0.2s !important;
}

.d0-3 {
  animation-delay: 0.3s !important;
}

.d0-4 {
  animation-delay: 0.4s !important;
}

.d0-5 {
  animation-delay: 0.5s !important;
}

.d0-6 {
  animation-delay: 0.6s !important;
}

.d0-7 {
  animation-delay: 0.7s !important;
}

.d0-8 {
  animation-delay: 0.8s !important;
}

.d0-9 {
  animation-delay: 0.9s !important;
}

.d1 {
  animation-delay: 1s !important;
}

.d1-1 {
  animation-delay: 1.1s !important;
}

.clear {
  clear: both;
}

.details-content {
  position: relative;
  overflow: hidden;
}


/*标题组===================================*/
:root {
  --groupicon-size: 2.5rem;
}

.title-group {
  float: left;
  width: 100%;
  padding: 7rem 0 4rem 0;
  text-align: center;
}

.title-group .title,
.title-group .subtitle,
.title-group .icon,
.title-group .describe {
  margin: 0 0 1rem 0;
}

.title-group .title {
  width: 60%;
  font-size: 3.6rem;
  font-weight: 700;
  display: block;
  margin: 0 auto 1.5rem auto;
  color: var(--colorPrimary);
}

.title-group .title span {
  display: inline-block;
  background: url(blx.svg) bottom no-repeat;
  background-size: 100% !important;
}

.title-group .subtitle {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  display: block;
  color: #9AABCF;
}

.title-group .icon {
  width: var(--groupicon-size);
  padding: 0 var(--groupicon-size);
  height: .2rem;
  display: flex;
  color: var(--mainColor);
  border-left: 5rem solid var(--mainColor);
  border-right: 5rem solid var(--mainColor);
  justify-content: center;
  align-items: center;
  position: relative;
  margin: var(--groupicon-size) auto var(--groupicon-size) auto;
}

.title-group .icon:before {
  position: absolute;
  line-height: var(--groupicon-size);
  font-size: var(--groupicon-size);
  padding: 0.8rem;
  border-radius: 100px;
}

.title-group .describe {
  margin: 0 0 0rem 0;
  width: 800px;
  display: inline-block;
  font-size: 1.5rem;
  line-height: 180%;
  font-weight: 300;
}

.swiper-container {
  
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  width: 100%;
}

/*卡片===================================*/
.card .card-title {
  font-size: 1.5rem;
  line-height: 160%;
  margin: 0 0 1.2rem 0;
}

.card .card-text {
  font-size: 1.3rem;
  line-height: 160%;
}

/*卡片组===================================*/
.text-columns {
  /* background: url(bgzs3.svg?v=1628051310) bottom no-repeat; */
  padding: 0 0 8rem 0;
}

.text-columns .grid {
  overflow: initial !important;
}

.text-columns .title-group {
  padding: 0rem 0 1rem 0;
}

.title-group h2 {
  font-size: 4rem;
  color: var(--colorPrimary);
  font-weight: bold;
}

.text-columns .title-group p {
  width: 60%;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 28px;
}

.text-columns .grid__item {
  transition: transform .5s cubic-bezier(.43, .01, .44, 1) !important;
}

.text-columns .grid__item:hover {
  transform: translateY(-20px);
}

.text-columns .grid__item h3 {
  font-size: 2.4rem;
  margin: 0 0 2.5rem 0;
  font-weight: bold;
}

.text-columns .grid__item .rte-setting p {
  font-size: 1.8rem;
}
.text-columns .grid__item .rte-setting{
  padding:0px 20px;
}
.text-columns .grid__item img {
  border-radius: 0rem;
}

.slide-columns-logo {
  text-align: center;
  padding-bottom: 0 !important;
}

.slide-columns-logo .title-group {
  padding: 6rem 0 0rem 0;
}

.slide-columns-logo .swiper-wrapper {}

.slide-columns-logo .swiper-slide {
  background: url(jh.svg?v=1628062489) #fff bottom right no-repeat;
  background-position: 90% 90%;
  border-radius: 10px;
  height: 100%;
  overflow: hidden;
  border: 1px solid #eee;
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.06);
  transition: transform .5s cubic-bezier(.43, .01, .44, 1) !important;
}

.slide-columns-logo .swiper-slide:hover {
  box-shadow: 0 0 23px rgba(0, 0, 0, 0.07);
  position: relative;
  /*margin: -1rem 0 0 0; */
  transform: translateY(-15px);
}

.slide-columns-logo .swiper-slide .image-wrap {}

.slide-columns-logo .swiper-slide img {

  display: inline-block;
}

.slide-columns-logo .swiper-slide .text-spacing {
  padding: 12px 8% 0px;
 
  margin-bottom: 15px;
}

.slide-columns-logo .swiper-slide .text-spacing p{
  font-size: 14px;
  color:#646464;
}

.slide-columns-logo .swiper-slide .text-spacing .content{
  max-height: 85px;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin-bottom:15px;
  color: #646464;
}

.slide-columns-logo .swiper-slide .text-spacing .content em{
  color: #646464;
}
.slide-columns-logo .swiper-slide .text-spacing .name{
  font-weight: bold;
  margin-bottom: 0px;
  font-size: 16px;
}

.slide-columns-logo .swiper-slide .btn {
  margin-bottom: 3rem;
}


.details-content {
  background-color: #fff;
  padding: 5rem 0 0 0;
}

.cardgroup1 {
  padding: 0 0 5rem 0;
}

.cardgroup1 .row {
  padding: 0 250px;
}

.cardgroup1 .pic {
  width: 8.5rem;
  height: 8.5rem;
  margin: 1.5rem 0 0 0;
  overflow: hidden;
}

.cardgroup1 .pic img {
  filter: drop-shadow(#858FA7 0 100px);
  transform: translateY(-100px);
}

/*cardgroup2*/
.cardgroup2 {
  float: left;
  width: 100%;
  padding-bottom: 10rem;
  background: url(bgzs.svg) top no-repeat;
  background-size: cover;
}

.cardgroup2 .title-group {
  padding-top: 12rem;
}

.cardgroup2 .title-group .title {
  width: 680px;
}

.cardgroup2 .stretch-box {
  float: left;
  width: 100%;
}

.cardgroup2 .stretch-box .title {}

.cardgroup2 ul {
  display: none;
}

.cardgroup2 ul.preview {}

.cardgroup2 .accordion {
  float: left;
  position: relative;
  width: 1100px;
  left: 50%;
  margin-left: -550px;
}

.cardgroup2 .accordion .accordion-item h2 {
  position: relative;
}

.cardgroup2 .accordion .accordion-item h2 img {
  max-width: 100%;
}

.cardgroup2 .accordion .accordion-body {
  padding: 3rem 5rem 7rem 5rem;
}

.cardgroup2 .accordion h5 {
  font-size: 2.6rem;
  margin: 0 0 1.5rem 0;
  color: var(--colorPrimary);
}

.cardgroup2 .accordion p {
  font-size: 1.5rem;
  line-height: 180%;
}

.cardgroup2 .point-box {
  position: absolute;
  z-index: 20;
  border: 2px solid rgba(1, 88, 255, .9);
  width: 28px;
  height: 28px;
  border-radius: 100px;
  cursor: pointer;
}

.cardgroup2 .accordion .accordion-item h2 .point-box {
  margin: 3.5rem 0 0 0;
}

.cardgroup2 .accordion .accordion-item:nth-child(1) h2 {
  z-index: 10 !important;
}

.cardgroup2 .accordion .accordion-item:nth-child(1) h2 .point-box {
  margin: 3% 0 0 10%;
}

.cardgroup2 .accordion .accordion-item:nth-child(1) .accordion-body {
  padding: 3rem 5rem;
}

.cardgroup2 .accordion .accordion-item:nth-child(2) h2 {
  margin: -1.2em 0 0 0;
  z-index: 9 !important;
}

.cardgroup2 .accordion .accordion-item:nth-child(2) h2 .point-box {
  margin: 4.3% 0 0 45%;
}

.cardgroup2 .accordion .accordion-item:nth-child(3) h2 {
  margin: -1.2em 0 0 0;
  z-index: 8;
}

.cardgroup2 .accordion .accordion-item:nth-child(3) h2 .point-box {
  margin: 5.6% 0 0 20%;
}

.cardgroup2 .accordion .accordion-item:nth-child(4) h2 {
  margin: -1.3em 0 0 0;
  z-index: 7 !important;
}

.cardgroup2 .accordion .accordion-item:nth-child(4) h2 .point-box {
  margin: 8% 0 0 35%;
}

.cardgroup2 .accordion .accordion-item:nth-child(5) h2 {
  margin: -1.7em 0 0 0;
  z-index: 6;
}

.cardgroup2 .accordion .accordion-item:nth-child(5) h2 .point-box {
  margin: 11% 0 0 60%;
}

.cardgroup2 .accordion .accordion-item:nth-child(6) h2 {
  margin: -1.2em 0 0 0;
  z-index: 5 !important;
}

.cardgroup2 .accordion .accordion-item:nth-child(7) h2 {
  margin: -1.2em 0 0 0;
  z-index: 4 !important;
}

.cardgroup2 .accordion .accordion-item:nth-child(8) h2 {
  margin: -1.7em 0 0 0;
  z-index: 3 !important;
}

.cardgroup2 .accordion-button::after {
  display: none;
}

/*圆点动画*/
.point {
  top: 6px !important;
  left: 6px !important;
  background-color: rgba(1, 88, 255, .9) !important;
}

.point,
.point::before,
.point::after {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  content: '';
}

.point::before {
  animation: scale 2s infinite;
}

.point::after {
  animation: scale2 2s infinite;
}

.point,
.point::before,
.point::after {
  /* 设置颜色 */
  background-color: rgba(241, 34, 30, .9);
}

.point2,
.point2::before,
.point2::after {
  /* 设置颜色 */
  background-color: rgba(0, 221, 254, .9);
}

.point3,
.point3::before,
.point3::after {
  /* 设置颜色 */
  background-color: rgba(1, 88, 255, .3);
}

.point4,
.point4::before,
.point4::after {
  /* 设置颜色 */
  background-color: rgba(135, 229, 8, .9);
}

@keyframes scale {
  0% {
    transform: scale(1);
    opacity: .9
  }

  100% {
    transform: scale(6);
    opacity: 0;
  }
}

@keyframes scale2 {
  0% {
    transform: scale(1);
    opacity: .9;
  }

  100% {
    transform: scale(12);
    opacity: 0;
  }
}

/*cardgroup3*/
.cardgroup3 {
  width: 100%;
  padding-top: 8rem;
  padding-bottom: 10rem;
  margin-bottom: 7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover !important;
}

.cardgroup3 .title-group {
  width: 40%;
  padding-top: 0rem;
  text-align: left;
}

.cardgroup3 .title-group .title,
.cardgroup3 .title-group .describe {
  width: 100%;
}

.cardgroup3 .title-group .title {
  margin: 0 0 2.5rem 0;
}

.cardgroup3 .title-group .describe {
  line-height: 190%;
}

.cardgroup3 .right {
  float: right;
  width: 50%;
  position: relative;
  right: -10%;
}

.cardgroup3 .pressure-relief {
  position: relative;
  width: 500px;
  border-radius: 2.5rem;
  z-index: 1;
  box-shadow: 0 10px 80px rgba(21, 38, 72, 0.1);
}

.cardgroup3 .pressure-relief-n {
  width: 500px;
  position: absolute;
  top: 15rem;
  right: 0px;
  z-index: 0;
}


/*cardgroup4*/
.cardgroup4 {
  width: 100%;
  padding-top: 8rem;
  padding-bottom: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(bgzs2.png) bottom no-repeat;
  background-size: 100% 450px !important;
}

.cardgroup4 .title-group {
  width: 50%;
  padding-top: 0rem;
  text-align: left;
}

.cardgroup4 .right {
  float: left;
  width: 50%;
  position: relative;
  left: -10%;
}

.cardgroup4 .pressure-relief {
  position: relative;
  width: 700px;
  border-radius: 2.5rem;
  z-index: 1;
  box-shadow: 0 10px 80px rgba(21, 38, 72, 0.1);
}

.cardgroup4 .pic {
  width: 12rem;
  height: 12rem;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border-radius: 100px;
  background-size: cover !important;
  border: 2px solid #fff;
}

.cardgroup4 .row {
  position: relative;
  left: -3rem;
}

.cardgroup4 .card {
  border: none;
  background: none;
}

.cardgroup4 .card-body {
  padding: 1.5rem 2.5rem;
}

/*cardgroup5*/
.cardgroup5 {
  padding: 0 0 8rem 0;
  position: relative;
}

.cardgroup5 .row {
  padding: 0 5%;
}

.cardgroup5 .card {
  background: none;
}

/*.cardgroup5 .row .col:nth-child(1),.cardgroup5 .row .col:nth-child(3),.cardgroup5 .row .col:nth-child(5){ margin: 10% 0 0 0; }*/
.cardgroup5 .pic {
  width: 90%;
  padding-top: 90%;
  margin: 1.5rem 0 0 0;
  overflow: hidden;
  border-radius: 1rem;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

.cardgroup5 .pic img {
  filter: drop-shadow(#858FA7 0 100px);
  transform: translateY(-100px);
}

.cardgroup5 .card-body {
  margin: 2rem 0 0 0;
}

.cardgroup5 .bg {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 150% !important;
  z-index: -1;
  opacity: 0.5;
}

/*cardgroup6*/
.cardgroup6 {
  float: left;
  width: 100%;
  padding-top: 3rem;
  padding-bottom: 8rem;
  background: var(--colorPrimary);
}

.cardgroup6 .title-group {
  float: inherit;
  margin: 0 auto;
  text-align: left;
}

.cardgroup6 .title-group .title {
  margin: 0 0 2.5rem 0;
  color: #fff;
}

.cardgroup6 .accordion-item {
  float: left;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.cardgroup6 .accordion-item h2 button {
  color: #fff;
  padding: 0 0;
  line-height: 7.5rem;
  font-size: 2rem;
  font-weight: 300;
  display: flex;
  align-items: center;
}

.cardgroup6 .accordion-item h2 .accordion-button::after {
  width: 1.6rem;
  height: 1.6rem;
  line-height: 7.5rem;
  display: inline-block;
  position: absolute;
  right: 0px;
  background-image: url(plus.svg);
  background-size: 1.6rem;
}

.cardgroup6 .accordion-item h2 .accordion-button:not(.collapsed)::after {
  background-image: url(minus.svg);
}

.cardgroup6 .accordion-item .accordion-body {
  padding: 0rem 0rem 3rem 0;
  font-size: 1.4rem;
  line-height: 180%;
  color: #fff;
  opacity: 0.8;
  font-weight: 300;
}

.cardgroup6 .accordion-item .accordion-body .specifications {
  padding: 2rem 0 2rem 0;
}

.cardgroup6 .accordion-item .accordion-body .specifications img {
  margin: 0 3rem 0 0;
}

/*cardgroup7*/
.cardgroup7 {
  float: left;
  width: 100%;
  background: #F8FAFF;
  padding: 5rem 0 3rem 0;
  display: none;
}

.cardgroup7 .row {
  margin: 0 auto;
  padding: 0 15rem;
}

.cardgroup7 .row .card {
  background: none;
}

.cardgroup7 .row .card .pic {
  width: 9rem;
  height: 9rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cardgroup7 .row .card .pic img {
  height: 100%;
}

.cardgroup7 .row .card .card-body {
  margin: 2rem 0 0 0;
}

.site-footer {
  width: 100%;
  
  border-top: 1px solid #F5F5F5;
/*   padding-left: 7%;
  padding-right: 5%; */
}

.site-footer a {
  /*color: #fff!important;*/
  /* opacity: 0.7;*/
}

.site-footer .footer-logo {
  margin: 0 0rem 1rem 0;
}

.site-footer .footer__powered_by a {
  opacity: 0.6;
  padding: 1rem 5rem 0 0;
}

.site-footer .grid__item:after,
.site-footer .grid__item:after {
  display: none;
}

#backtop {
  width: 5rem;
  height: 5rem;
  border-radius: 100px;
  position: fixed;
  z-index: 2;
  right: 40px;
  bottom: 40px;
  background: var(--colorPrimary) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  display: none !important;
}

#backtop svg {
  width: 1.7rem;
  height: 1.7rem;
}

@media (max-width: 590px) {

}

/*新增*/
ul,
li {
  list-style: none;
}

.product-page-width {
  max-width: 1760px !important;
  padding: 0px 40px ;
  margin: 0px auto;
}
@media (max-width: 590px) {
  .product-page-width {
  padding: 0px 20px ;
  }
}
.gallery .preview {
  width: 100%;
  /*left: 50%; margin-left: -650px;*/
  padding-left: 5%;
}

.details-content {
  width: 100%;
  /*padding:40px 40px;*/
}

/*产品详情banner*/
.product-banner {
  float: left;
  width: 100%;
  min-height: 85vh;
  position: relative;
  z-index: 0;
}
.product-banner   .pic{
  position: relative;
  line-height: 0;
}
.product-banner   .pic span{
  position: absolute;
    display: block;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.2);
    cursor: pointer;
}
.product-banner   .pic span .pauseicon{
  display: none;
}

/*banner*/
.gallery {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.gallery .view .swiper-container {
  width: 100%;
}

.gallery .view .swiper-container ul {
  margin: 0px !important;
}

/* .gallery .view .swiper-container ul,
.gallery .view .swiper-container ul li .pic {
  height: 85vh;
} */

.gallery .view .swiper-container ul li .pic {
 
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: inline-block;
  background-size: cover !important;
}

.gallery .view .swiper-container ul li .goods-video-container {
  min-width: 100%;
  min-height: 100%;
  background-position: center !important;
  background-size: cover !important;
}


.gallery .preview {
  position: absolute;
  z-index: 2;
  bottom: 80px;
}

.gallery .preview .swiper-container {
  width: 100%;
}

.gallery .preview .swiper-container ul {
  width: auto;
  margin: 0 -5px;
}

.gallery .preview .swiper-container ul li {

  cursor: pointer;
  text-align: center;
}

.gallery .preview .swiper-container ul li .pic {
  
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: inline-block;
  border: 2px solid #fff;
  background-size: cover !important;
  margin: 0 8px;
  transition: all 0.0s ease !important;
  background: #fff;
  opacity: 0.9;
  transition: all 0.5s ease !important;
  line-height: 100%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  border-radius: 1px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.gallery .preview .swiper-container ul li .pic span {
  width: 100%;
  height: 100%;
  line-height: 49px !important;
  text-align: center;
  display: flex;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.6);
}

.gallery .preview .swiper-container ul li.swiper-slide-thumb-active .pic {
  border: 2px solid var(--colorPrimary);
}

/* .gallery .view .swiper-container ul,
.gallery .view .swiper-container ul li .pic {
  height: 85vh;
} */


.product-banner-box {

  width: 100%;
  /*margin: 0 auto;*/
  padding: 0rem 0% 5rem 0%;
  border-bottom: 1px solid #eee;
  min-height:1800px;
}
@media (max-width: 768px) {
  .product-banner-box {
    min-height:unset;
  }

}
.product-banner-box .product-banner {
 
  width: 58.2%;
  min-height: auto;
}

.product-banner-box .product-buy-box {
 width: 41.8%;
    padding-left: 5.12%;
  padding-right: 0%;
  box-shadow: none;
  position: relative;
  right: 0;
  /*top: 0;*/
  box-shadow: none;
}

.product-banner-box .product-buy-box .product-single__meta {
  width: 100%;
position: sticky;
top:120px;
z-index:5;
}

.product-banner-box .gallery .preview {
  width: auto !important;
  bottom: initial;
  top: 50px;
  left: 0px;
  height: 90%;
}

.product-banner-box .gallery .preview .swiper-container {
  width: 100px;
  height: 100%;
}

.product-banner-box .gallery .preview .swiper-container ul {
  display: block !important;
  height: 100%;
}

.product-banner-box .gallery .preview .swiper-container ul li {
  margin-bottom: 1em;
 
}

.product-banner-box .gallery .preview .swiper-container ul li .pic span {
  line-height: 1 !important;
}

/* .product-banner-box .gallery .preview .swiper-container ul li.videoplayswiper-slide {


  transition: all .5s ease !important;
}

.product-banner-box .gallery .preview .swiper-container ul li.videoplayswiper-slide .pic {
  margin: 0 0px;
  border-radius: 100px !important;
}

.product-banner-box .gallery .preview .swiper-container ul li.videoplayswiper-slide .pic span {
  line-height: 72px !important;
}

.product-banner-box .gallery .preview .swiper-container ul li.videoplayswiper-slide .pic span svg {
  width: 26px !important;
  height: 26px !important;
}

.product-banner-box .gallery .preview .swiper-container ul li.videoplayswiper-slide:hover {
  transform: scale(1.1);
} */
.product-banner-box .product-buy-box .subtitle{
  margin-bottom:20px;
  color:#929292;
}
/*底部缩略图 */
.product-banner-bottom .gallery .preview {
  width: 100% !important;
  padding-left: 0%;
  position: relative;
  top: initial;
  left: initial;
  height: auto;
}

.product-banner-bottom .gallery .preview .swiper-container {
  width: calc(100% - 220px);
  height: auto;
}

.product-banner-bottom .gallery .preview .swiper-container ul {
  width: 100%;
  margin: 15px 0 0 0;
  height: auto;
  display: flex !important;
  align-items: center;
 
}

/* .product-banner-bottom .gallery .view .swiper-container ul,
.product-banner-bottom .gallery .view .swiper-container ul li .pic {
  height: 73vh;
} */

/* .product-banner-bottom .gallery .preview .swiper-container ul li {
  width: 100px !important;
} */

.product-banner-bottom .gallery .preview .swiper-container ul li .pic {
  border: 2px solid transparent;
  box-shadow: 0 0 0px rgb(0 0 0 / 15%);
  margin: 0 1px;
}

.product-banner-bottom .gallery .preview .swiper-container ul li.swiper-slide-thumb-active .pic {
  border: 2px solid var(--colorPrimary);
}

/* .product-banner-bottom .gallery .preview .swiper-container ul li.videoplayswiper-slide {
  bottom: 100px;
  left: 30px;
} */


.gallery .view .swiper-container ul,
.gallery .view .swiper-container ul li .pic {
  /* background-color: #EEF3FC; */
  position: relative;
}

.gallery .view .swiper-container ul li {
  overflow: hidden;
}

/*.gallery .view .swiper-container ul li .goods-video-container{ width: auto; height: auto; min-width: 100%; position: absolute; left: 50%; top:50%;transform: translate(-50%, -50%);object-position:center; object-fit: cover;}*/
.gallery .view .swiper-container ul li .goods-video-container {
  width: 100%;
  height: auto;
  min-width: 100%;
 
  /*top:50%;transform: translate(0, -50%);object-position:center; object-fit: cover;*/
}

.gallery .view .swiper-container ul li .goods-video-container source {
  height: 100% !important;
}

.gallery .view .swiper-container ul li.swiper-slideplayvideo {
  position: absolute;
  z-index: 999999;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.gallery .preview .swiper-container ul li .pic span .pauseicon {
  display: none;
}

.gallery .preview .swiper-container ul li .pic span.pause .pauseicon {
  display: inline-block;
}

.gallery .preview .swiper-container ul li .pic span.pause .playicon {
  display: none;
}

/*.product-banner-box .gallery-top{ margin: 0 0 10px 0;}
.product-banner-box .gallery-top .swiper-slide{ background-color: #EEF3FC; margin: 0px; }
.product-banner-box .gallery-top .swiper-slide .pic{ width: 100%; padding-top: 66%; background-size: cover!important; position: relative;}
.product-banner-box .gallery-top .swiper-slide .pic video{ width: 100%; height: 100%; background-size: cover!important; position: absolute; left: 0px; top:0px; right: 0px; bottom: 0px; }
.product-banner-box .gallery-top .swiper-slide .pic video source{ height: 100%; }

.product-banner-box .gallery-thumbs{ position: absolute; width: 90px; top:40px; left: 40px; z-index: 1; }
.product-banner-box .gallery-thumbs .swiper-wrapper{display: block!important;}
.product-banner-box .gallery-thumbs .pic{ width: 100%; padding-top: 63%; margin: 0 0 15px 0; background-size: cover!important;border: 1px solid #e6e6e6; cursor: pointer; }
/*.product-banner-box .gallery-thumbs .pic{ width: 100%; padding-top: 96%; background-size: cover!important;border: 1px solid #eee; cursor: pointer; }*/
*/ .product-banner-box .gallery-thumbs .swiper-slide-thumb-active .pic {
  border: 1px solid var(--colorPrimary);
  position: relative;
}

.product-banner-box .gallery-thumbs .pic span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.6);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-banner-box .product-single__meta {
  padding: 0px 0 32px 0 !important;
}

.product-banner-box .product-single__title {
  font-size: 34px !important;
  font-weight: bold;
  margin: 0 ;
  padding-top: 0px;
  line-height:1.416;
}

.product-banner-box .paylogo img {}

.details-content .title-group .title {
  padding-top: 1rem;
}

.paylogo {
  text-align: left;
    border: 1px solid rgba(187, 187, 187, 100);
    padding: 10px 25px;
    font-size: 16px;
    color: #024488;
    font-weight: 600;
}

.paylogo img {
  margin: 0 10px;
  padding: 0px;
}


/*右侧产品选项*/
.product-buy-box.fixed div[widget="upsell"],
.product-buy-box.fixed .product-coupon-box {
  display: none; 
}
.product-buy-box {
  width: 350px;
  background: rgba(255, 255, 255, 0.95);
  /* backdrop-filter: saturate(180%) blur(30px); */
  position: absolute;
  z-index: 3;
padding-top:40px;
  right: 2%;
  border-radius: 6px;
  box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
  /*overflow: hidden;*/
  padding-left: 0px;
}

.product-buy-box .product-single__meta {
  padding-left: 0px;
  width: 100%;
  float: right;
  padding: 18px 25px 18px 25px;
}

.product-buy-box .nighttrial {
  
  width: 100%;
  font-weight: 600;
}

.product-buy-box .nighttrial ul {
  width: 100%;
 overflow:hidden;
  padding: 10px 0 10px;
  margin: 0px;
}
.germany-sale-image{
  padding:20px 0;
}
.germany-sale-image>img{
height:auto;
  width:100%;
}
.product-buy-box .nighttrial li {
  display: block;
  float: left;
  width: 32.333%;
  padding: 0px 5px;
  text-align: center;
}

.product-buy-box .nighttrial li:nth-child(1) {
  width: 33%;
}

.product-buy-box .nighttrial li img {
  display: inline-block;
  height: 50px;
  width: auto;
  margin: 0 0 5px 0;
}

.product-buy-box .nighttrial li span {
  display: block;
  color: var(--colorPrimary);
  font-size: 1.2rem;
}
  .selling-box{
    margin-bottom: 20px;
  }
  /* .product-additional-msg{
    border-radius: 5px;
    background-color: rgba(224, 239, 255, 100);
    padding: 24px 14px;
  } */
  .product-additional-msg li,
  .selling-box li{
       position: relative;
    padding-left: 35px;
    
  }
  .product-additional-msg li::after,
  .selling-box li::after{
   content: "";
    position: absolute;
    left: 9px;
    top: 5px;
    
    width: 5px;
    height: 10px;
    border: solid var(--colorTextBody);
    border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
.title-inner-box{

    margin-bottom: 20px;
}
  .stock-tips-box{
   /* margin-bottom:45px; */
   transform: translateY(-8px);
    display: flex;
    align-items: center;
    font-size: 13px;
  }
  .stock-tips-box span{
    background-color: #fff0ed;
    color: #f00;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 50px;
    /* font-weight: bold; */
    display: inline-block;
    margin-top: 20px;
    flex-shrink: 0;
    display:none;
  }
 
.price-box {
  margin-top:60px;
  position:relative;
  width: 100%;
  line-height: 1;
  padding: 45px 0 20px 0;
  font-size: 2.8rem;
  font-weight: bold;
  display:flex;
  align-items: flex-end;

}
  .product-price-sale{
   background-color:#fb693f;
    font-size: 18px;
    border-radius: 50px;
    padding: 4px 10px;
    color: #ffffff;
    position: absolute;
    top: 10px;
  }

.price-box span {
  font-size: 36px;
  color: var(--colorSalePrice) !important;
}

.price-box .sale-price span.money,
.price-box .product__price span.money {
  font-weight: bold;
}



.price-box .product__price--compare {
  background: url(huise-line.svg?v=1631352182) center no-repeat;
  background-size: 100% !important;
  text-decoration: none;
  color: darkgrey !important;
  
  margin-right: 10px;
}

.price-box .product__price--compare span {
  color: #929292  !important;
  /* text-decoration: line-through;*/
}

.paylogo p {
  color: #888;
  margin: 0 0 5px 0;
}

.paylogo img {
  height: 45px;
  margin-right: 10px;
}


.payment-buttons-absolute {
  transition: all 0s ease !important;
}

.payment-buttons-absolute.fixed {
/*   animation: scale 1.5s infinite;
  -webkit-animation: scale 1.5s infinite;
  animation-iteration-count: 1; */
  width: 100% !important;
  z-index: 20;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  position: fixed;
  top: 0px;
  left: 0px;
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.05);
  background: rgba(255, 255, 255, .85) !important;
  backdrop-filter: saturate(180%) blur(30px);
  padding: 0px 0;
  display: block;
  border-radius: 0px;
}
  .payment-buttons-absolute.fixed .ftp-product-container{
    display: none!important;
  }
  .payment-buttons-absolute.fixed  .product-single__meta .bottomLine{
   margin-bottom:0px;
  }
.payment-buttons-absolute.fixed #Simplee-Product_widget {
  display: none;
}
  .payment-buttons-absolute.fixed   .yotpo .yotpo-bottomline a{
  padding-bottom:0px;
  }
  
@keyframes scale {
  0% {
    top: -200px;
    opacity: 0;
  }

  100% {
    top: 70px;
    opacity: 1;
  }
}
.payment-buttons-absolute.fixed #sca-gift-thumbnail{
display:none;
}
.payment-buttons-absolute.fixed .price-box-absolute {
  padding: 4px 0 0 5%;
}

.payment-buttons-absolute.fixed .price-box-absolute span {
  font-size: 1.3rem;
  padding: 3px 0 0 0;
}

.payment-buttons-absolute.fixed button {

  transition: all 0s ease !important;
  margin-right: 0;
   
  width: 150px !important;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 32px;
 
  min-width: auto !important;
  /*background:var(--colorCartDot)!important;*/
  border-radius: 6px;
  font-size: 1.5rem;
  min-height: 42px !important;
  /*border-color:var(--colorCartDot)!important;*/
}

.payment-buttons-absolute.fixed button:hover {
  
  opacity: 0.8;
}
.payment-buttons-absolute.fixed  .afterpay-paragraph,  
.payment-buttons-absolute.fixed  .product__quantity,
.payment-buttons-absolute.fixed .product-customDec-box,
 .payment-buttons-absolute.fixed  .product-recommendation-item-box{
  display: none!important;
}


.payment-buttons-absolute.fixed .variant-wrapper {
 display:none;
}
.payment-buttons-absolute.fixed  #variant-wrapper1 {
  min-width:410px;
 
}
.payment-buttons-absolute.fixed .variant-wrapper>label {
  display: none;
}
.payment-buttons-absolute.fixed  .product-variant-option-box{
  display: flex;
}

.payment-buttons-absolute.fixed .variant-wrapper .variant-input-wrap {
 
  margin: 0 0px;
  padding: 0px 0 0 0;
  
}
.payment-buttons-absolute.fixed  .title-inner-box{
margin-bottom: 0px;
}

.payment-buttons-absolute.fixed .variant-down-wrap .variant-box.show {
 
  top: 100% !important;
}

.payment-buttons-absolute.fixed .variant-wrapper .variant-select {
  padding: 10px 15px;
}
.payment-buttons-absolute.fixed   .stock-tips-box,
.payment-buttons-absolute.fixed .paylogo {
  display: none;
}

.payment-buttons-absolute.fixed h1 {
  font-size: 1.8rem !important;
  padding: 0px !important;
  margin: 0px 0 8px 0 !important;
}

.payment-buttons-absolute.fixed .product-single__meta {
  width: 100%;
  padding: 8px 40px !important;
  max-width: 1760px;
  float: initial;
  margin: 0 auto;
}

.payment-buttons-absolute.fixed .product-single__form {
/* 
  width: 510px;
  max-width: 510px; */
  top: 0px;
 display: flex;
    justify-content: flex-end;
  z-index: 1;
  /* padding: 0px 40px; */
  margin: 0px;
}
.payment-buttons-absolute.fixed .product-single__form{
  padding-top:0px;
}
.payment-buttons-absolute.fixed .shopify-payment-button {
  display: none;
}

.payment-buttons-absolute.fixed .price-box {
  width: auto;
  top: 27px;
  padding: 0px 0 0px 0;
  position: absolute;
  z-index: 22;
  display: block !important;
  right: 200px;
  margin: 0px 0 0 0;
  opacity: 0;
  pointer-events: none;
}

.payment-buttons-absolute.fixed .price-box span {
  font-size: 1.6rem;
}

.payment-buttons-absolute.fixed .payment-buttons {
  width: auto;
  margin-left: 40px;
}
.payment-buttons-absolute.fixed #variant-wrapper2{
  margin-left:15px;
}
.payment-buttons-absolute.fixed .shopify-payment-terms,
.payment-buttons-absolute.fixed .shopify-payment-button__button {
  display: none !important;
}

.payment-buttons-absolute.fixed .variant-down-wrap {
  height: 43px;
  line-height: 43px;
  position:unset;
}

.payment-buttons-absolute.fixed .variant-down-wrap .variant-box .variant-input label .discount {
  display: block !important;
}

.payment-buttons-absolute.fixed .variant-down-wrap .downtitle {
  height: 50px;
  line-height: 50px;
}

.payment-buttons-absolute.fixed .variant-down-wrap .downtitle svg {
  margin: 2px 5px 0 0;
}
.payment-buttons-absolute.fixed .pre-order-tips,
.payment-buttons-absolute.fixed  .product-additional-msg{
  display:none;
  }

/*.payment-buttons-absolute.fixed .yotpo {
  margin: 0 0 .3rem -.2rem !important;
  position: relative;
  z-index: 2;
}
*/
.payment-buttons-absolute.fixed .variant-box.show {
  opacity: 1;
  visibility: visible;
 
}

.payment-buttons-absolute.fixed .variant-down-wrap .downtitle .input {
  font-size: 1.3rem;
}

.payment-buttons-absolute.fixed .variant-down-wrap .downtitle span {
  width: auto;
  padding: 0px;
  margin: 0px;
}

.payment-buttons-absolute.fixed .variant-down-wrap .downtitle .discount {
  text-decoration: line-through;
  display: none;
}


.shopify-cleanslate ._3G6VJhJYno-AX3-X38f1TA {
  border-radius: 0px !important;
}

.payment-buttons-absolute.fixed .nonebox {
  display: none !important;
}



/*.payment-buttons-absolute{ width: 100%; z-index: -1; border-top: 1px solid #eee; position: fixed;top:0px; left: 0px; box-shadow: 0 15px 20px rgba(0,0,0,0.05); background: #fff; padding: 6px 0; opacity: 0; display: block;}
.payment-buttons-absolute.fixed{top:46px;z-index: 20; opacity: 1;}
.payment-buttons-absolute .price-box-absolute{ padding: 4px 0 0 5%; }
.payment-buttons-absolute .price-box-absolute span{ font-size: 1.3rem; padding: 3px 0 0 0;}
.payment-buttons-absolute button{ float: right; width: auto!important; padding: 4px 12px; margin: 0 3% 0 0;min-width: auto!important;  background:var(--colorPrimary)!important;}*/

/* .shopify-payment-button__button,
.shopify-payment-button__more-options {
  pointer-events: none;
  cursor: pointer;
} */
.shopify-payment-button__more-options{
  display: none;
}
.shopify-payment-button__button:hover,
.shopify-payment-button__more-options:hover {
  opacity: 0.9;
}

.shopify-payment-button:hover {
  opacity: 0.9;
}

.payment-buttons.openclick .add-to-cart,
.payment-buttons.openclick .shopify-payment-button,
.payment-buttons.openclick .shopify-payment-button__button--unbranded {
  pointer-events: unset;
}

.js-drawer-open #tidio-chat {
  z-index: -1 !important;
}

.js-drawer-open #PageContainer {
  z-index: 9999999999 !important;
  position: relative;
}

.footer__clear.small--hide {
  display: none;
}

.shopify-payment-button.nolink {
  pointer-events: none;
}

.btnbox {
  width: 100%;
  float: left;
  margin-bottom: 100px;
}

.btnbox p {
  float: left;
  width: 100%;
  margin: 0rem 0 5rem 0;
}

.btnbox a {
  padding: 12px 20px;
  background: var(--colorPrimary);
  color: #fff;
  border-radius: 6px;
}

.btnbox a:hover {
  text-indent: 10px;
  text-decoration: none;
}

.btnbox a:after {
  display: none;
  padding: 12px 22px;
}

/*评论 */

.yotpo {
  direction: LTR;
  clear: both;
  text-align: left;
  margin: 0 0 2rem 0;
}

.yotpo .yotpo-bottomline a {
  font-size: 1.4rem;
   color: #024488!important; 
  padding: .1rem 0 0.8rem .8rem;
}

.customers {
  padding-bottom: 120px;
}

.customers h3 {
  margin: 0 0 30px 0;
  font-size: 2.2rem;
}

.userbox {
  float: left;
  width: 100%;
  border: 1px solid #eee;
  padding: 6% 7%;
}

.userbox .avatar {
  float: left;
  width: 100%;
  padding: 0 0 1.5rem 0;
  margin: 0 0 2rem 0;
  border-bottom: 1px solid #eee;
}

.userbox .text {
  float: left;
  width: 100%;
}

.userbox .text a {
  color: var(--colorPrimary);
}

.userbox svg {
  float: left;
  margin: 0 1.5rem 0 0;
}

.userbox .h5 {
  padding: 2rem 0 0 0;
  font-size: 1.6rem;
}

.addresses {
  padding-bottom: 120px;
}

.addresses .section-header .btn {
  margin: 2rem 0 0 0;
  padding: 12px 26px;
}

.addresses .items-addresses {
  border-top: 1px solid #eee;
  padding: 30px 0 0 70px;
  background: url(map-pin.svg) no-repeat left 30px;
  position: relative;
}

.addresses .griditem {
  width: 60%;
  left: 50%;
  margin-left: -30%;
  position: relative;
}

.addresses .hr--large {
  margin: 40px auto;
}

.addresses h2 {
  margin: 0 0 40px 0;
}

.addresses .btn--secondary {
  background-color: #FFBA38 !important;
}

.addresses .btnbox {
  position: absolute;
  right: 0px;
  top: 35px;
}

.addresses .btnbox button {
  display: block;
  margin: 0 0 10px 0;
}

.addresses .form-vertical .address-edit-toggle {
  padding: 13px 60px;
  margin: 0 0 0 10px;
  position: relative;
  border: 1px solid #eee;
  top: -13px;
  border-radius: 6px;
  text-indent: 0px;
}


#shopify-section-product-recommendations {
  float: left;
  width: 100%;
}

.paypal-button.paypal-button-shape-rect,
.paypal-button:not(.paypal-button-card) {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  border-radius: 0px !important;
}









/* ----- Sticky Add To Cart ------- */
.sticky_form {
  /*  position: fixed;*/
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  color: #3c3c3c;
  z-index: 100;
  padding: 10px 0;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  -moz-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  /*opacity: 0;*/
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 -3px 3px -3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 -3px 3px -3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 -3px 3px -3px rgba(0, 0, 0, 0.1);
}

.sticky_form .sticky_icon {
  display: inline-block;
  font-size: 18px;
  line-height: 25px;
  position: relative;
  top: 1px;
  margin-right: 8px;
}

.sticky_form .align-items-center {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.sticky_form .sticky-item {
  margin: 0px 20px;
}

.sticky_form .countdown-item {
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .05em;
  text-transform: uppercase;
  line-height: 25px;
}

.sticky_form .clock-item .num {
  padding-left: 5px;
}

.sticky_form .clock-item span:not(.num) {
  padding-right: 5px;
}

.sticky_form .clock-item:first-of-type .num {
  padding-left: 0;
}

.sticky_form .clock-item:last-of-type span:not(.num) {
  padding-right: 0;
}

.sticky_form .pr-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.sticky_form .pr-img img {
  width: 45px;
}

.sticky_form .pr-img .product-title {
  margin: 0 0 0 17px;
}

.sticky_form .sticky_group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
  max-width: 312px;
}

.sticky_form .sticky_group .pr-selectors,
.sticky_form .sticky_group .quantity {
  padding: 0 10px;
}

.sticky_form .action {
  text-align: right;
}

.sticky_form .sticky-add-to-cart {
  background: #232323;
  color: white;
  border-color: #232323;
  width: 100%;
  min-width: initial;
  max-width: 200px;
}

.sticky_form .sticky-add-to-cart:hover {
  background: white;
  color: #232323;
  border-color: #232323;
}

.sticky_form .quantity {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 110px;
  flex: 0 0 110px;
  max-width: 110px;
}

.sticky_form .pr-selectors {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 110px);
  flex: 0 0 calc(100% - 110px);
  max-width: -moz-calc(100% - 110px);
  max-width: -webkit-calc(100% - 110px);
  max-width: -ms-calc(100% - 110px);
  max-width: calc(100% - 110px);
}

.sticky_form .pr-selectors .pr-active {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #dadada;
  display: block;
  padding: 8px 30px 6px 13px;
  color: #646464;
  cursor: pointer;
  background: #ffffff;
}

.sticky_form .pr-selectors .pr-active:before {
  right: 10px;
  position: absolute;
  top: 50%;
  content: "\f107";
  font: normal normal normal 18px/1 FontAwesome;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.sticky_form .pr-selectors ul {
  padding: 0;
  list-style: none;
  position: absolute;
  top: auto;
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: -ms-calc(100% - 20px);
  width: calc(100% - 20px);
  bottom: -moz-calc(100% - 1px);
  bottom: -webkit-calc(100% - 1px);
  bottom: -ms-calc(100% - 1px);
  bottom: calc(100% - 1px);
  background: #ffffff;
  margin-bottom: 0;
  border: 1px solid #dadada;
  overflow: auto;
  height: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.sticky_form .pr-selectors ul li a {
  display: block;
  padding: 5px 0;
  color: #646464;
}

.sticky_form .pr-selectors ul li a:hover,
.sticky_form .pr-selectors ul li a.active {
  color: #5572ad;
}

.sticky_form .pr-selectors ul li .sold-out {
  color: #b6b6b6;
  text-decoration: line-through !important;
  pointer-events: none;
}

.sticky_form.open-sticky .pr-selectors ul {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  filter: alpha(opacity=100);
  max-height: 290px;
  padding: 10px;
  height: inherit;
}

.show_sticky .sticky_form {
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  filter: alpha(opacity=100);
}

.site-footer{
  margin-top:-1px;
}

.site-footer .grid__item {
  /*width: 25% !important;*/
}

.site-footer .footer__logo-social {
  padding: 10px 0 0 0;
}

.site-footer .richtext {
  width: 80%;
  padding: 15px 0% 0 0;
}

.site-footer .richtext p {
  color: #c2c2c2;
  margin: 0 0 5px 0;
}

.site-footer .site-footer__linklist a {
  color: #c2c2c2;
}

.site-footer .site-footer__linklist a:hover {
  text-decoration: underline;
}

.site-footer .site-footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 120px;
  padding-bottom: 10px;
  text-align: left;
}

.site-footer .site-footer__bottom .footer__copyright {
  text-align: left;
}

.site-footer .footer__copyright>span {
  padding: 0 0px;
}

.site-footer .payment-icons {
  width: auto;
  float: right;
  padding: 43px 0px 0 0;
}

.site-footer .payment-icons li svg {}


.grid-newsletter {
  width:100%;
  padding: 56px 0px;
  background: rgba(41, 71, 102, 0.9);
  text-align: left;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-newsletter .collapsible-content__inner {

  margin: 0 auto;
}

.grid-newsletter .footer__newsletter-input {
flex:0 1 100%;
  min-width: 280px;
  padding-left: 15px;
  background: transparent!important;
 font-size:20px;
  height:38px;
  margin-right:12px;
  color: #c2c2c2;
}
.email-box{
  margin-right: 15%;
  flex: 0 1 525px;
 background:#ffffff;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border: 1px solid #ffffff;
  padding: 5px;
  border-radius: 35px;
}
.email-box .footer__newsletter-btn{
position: relative;
}
.grid-newsletter .footer__newsletter-btn:before{
  left:0px;
}
.grid-newsletter .footer__newsletter-btn {
  flex-shrink: 0;
 border-radius: 50%;
  width: 38px;
height:38px;
background-color: rgba(51, 77, 107, 0.8);
font-size: 20px;
  color: var(--colorPrimary);
  font-weight: bold;
  transition: opacity 0.5s ease;
      display: flex;
    justify-content: center;
    align-items: center;
}
.grid-newsletter .footer__newsletter-btn:hover{
  opacity:0.8;
}
/* .grid-newsletter .footer__newsletter-btn:before {
  content: "";
  width: 1px;
  height: 23px;
  background: #eee;
 
  display: inline-block;
  position: absolute;
}
 */
.grid-newsletter .title_newslette {
  font-size: 36px;
  max-width: 700px;
  display: block;
  text-align: left;
  color: #fff;
}



#shopify-section-header {
  z-index: 101;
  position: relative;
}

#shopify-section-header:hover {
  z-index: 101;
}

.drawer__fixed-header .drawer__header .drawer__title svg {
  width: 105px;
  height: 16px;
  display: block !important;
}

 

.site-nav__item .site-nav__dropdown li:nth-child(1) a {
  border: none;
}

/*电脑版*/
 

/*手机版*/
 
 
.hero__pretitle {
  margin-bottom: 12px;
}

/* .slide-columns-container .scc-image {
  margin-bottom: 10px;
} */
.mobile-nav__toggle button svg:nth-child(2){
display:none!important;
}
.slide-columns-container h3 {
  font-size: 18px;
  margin-bottom: 0px;
  padding: 0px 10px;
}

.featured-inc-contianer {
  position: relative;
}

.featured-inc-contianer .featured-inc-content {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.featured-inc-contianer .bg-image-content {
  position: relative;
  padding-bottom: 55px;
}
.featured-inc-contianer .bg-image-content .left-image{
  padding-right:40px;
}
 .featured-inc-contianer .bg-image-content .right-image{
  padding-left:40px;
}
.featured-inc-contianer .bg-image-content .left-image,
.featured-inc-contianer .bg-image-content .right-image {
  max-width: 1650px;
}

.featured-inc-contianer .bg-image-content .right-image {
  position: absolute;
  top: 55px;
  right: 0;
  width: 100%;
  z-index: -1;
}

.feature-row__image-wrapper {
  position: relative;
  width: 100%;
  line-height: 0;
  vertical-align: bottom;
}

.feature-row__image {
  display: block;
  margin: 0 auto;
}

.feature-row__image-wrapper .feature-row__image {
  width: 100%;
  height:100%;
  position: absolute;
  top: 0;
  left:0;
}
.feature-row__image-wrapper .feature-row__video{
  width: 100%;
  height:100%;
  position: absolute;
  top: 0;
  left:0;
  object-fit: cover;
  aspect-ratio:1;
  border-radius:50%;
}
.feature-row__image-wrapper .feature-row__image img{
  max-height:100%;
}
.fi-item-inner {
  padding-top: 65px;
  text-align: center;
}

.fi-item-inner .image {
  margin-bottom: 35px;
}

.fi-item-inner .feature-row__image-wrapper {
  margin: 0 auto;
}

.fi-item-inner .content {
  font-size: 20px;
  max-width: 580px;
  margin: 0 auto;
}

.douhao-icon {
  opacity: 0.4;
  color: rgba(255, 255, 255, 100);
  font-size: 200px;
  position: absolute;
  height: 210px;
  bottom: 65px;
  right: 20.6777vw;
}

.featured-inc-content .swiper-container {

  padding-bottom: 55px;
}

.ac-tag {
  position: absolute;
  z-index: 2;
  right: 0px;
  font-size: 20px;
  font-weight: bold;
  padding: 3px 50px 3px 60px;
  border-radius: 0 0 0px 25px;
  line-height:1;
}

.fvci-item {
  position: relative;
}

.fvci-item .text-box {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding:20px;
  text-align: center;
}

.fvci-item .title {
  position: absolute;
  top: 24.13%;
  left: 0;
  right: 0;
  padding: 0px 20px;
  font-size: 4rem;
  max-width: 450px;
  margin: 0 auto;
}

.fvci-item .fvci-bottom {
  font-size: 1.6rem;
  max-width: 713px;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0px 20px;
}

.fvci-item .iocn-box {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}

.fvci-item {
  margin-bottom: 80px;
}

/* .fvc-inner{
    margin-bottom: -30px;
  } */
.footer-banner-container {
  position: relative;
}

.footer-banner-container .text-box {

  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-banner-container.index-footer-banner-container .text-box{
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.footer-banner-container .text-box-inner {
  width: 100%;
  display: flex;
  align-items: center;
}

.footer-banner-container .text-box-inner .title {
  margin-bottom: 0px;
  font-size: 2.08333vw;
  margin-right: 35px;
}

.footer-banner-container .text-box-inner .subtitle {
  font-size: 2.08333vw;
}

.slide-columns-container .name {
/*   max-width: 185px; */
  margin: 0 auto;
  font-size: 20px;
  font-weight: 600;
}


/* product */
.product-page-content {
  padding-top: 0px;
  padding-bottom: 0px;
}

.product-banner .ac-tag {
  font-size: 22px;
 
  background-color:var(--colorBtnPrimary)!important;
}
.pfc-inner{
  padding-top: 10rem;
  text-align: center;
}
.pfc-inner .title{
  color:#024488;
  font-size: 4rem;
  margin-bottom: 3.5rem;
}
.pfc-inner .subtitle{
  font-size: 2rem;
  max-width: 686px;
  display: inline-block;
  font-weight: 300;
  color: #000000;
  margin-bottom: 20px;
}
.pfc-inner .icon-box{
  padding-top: 7rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 90%;
  margin: 0 auto;
  flex-wrap: wrap;
}
.pfc-inner .icon-box li{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width:25%;
  padding:0px 5px;
}
.pfc-inner .icon-box li img{
  margin-bottom: 29px;
  min-width: 100px;
}

.pfc-inner .icon-box li span{
  max-width: 90%;
  text-align: center;
  color: #024488;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: bold;
}
.pmshc-inner{
 
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  background: #F4F4F4;
  padding:8.8125vw 0 9.375vw;
  transition: all 0.5s ease;
}
.pmshc-inner .left-box{
  position: relative;
  overflow: hidden;
}
.pmshc-inner .left-box li:nth-of-type(1){
  position: absolute;
  top: 0px;
  left:0px;
  z-index: 1;
}
.pmshc-inner .left-box,.pmshc-inner .right-box{
width: 50%;

}
.pmshc-inner  .right-box .title{
  font-size: 4rem;
  color: #024488;
  margin-bottom: 0px;
}
.pmshc-inner  .right-box {
  text-align: center;
  padding: 0px 40px;
}
.pmshc-inner  .right-box .subtitle{
  max-width: 415px;
  display: inline-block;
  font-size: 20px;
    text-align: left;
}
.rucc  .li-title .h4{
  font-size: 20px;
  margin: 0px;
}
br{
  display: block;

  margin-top: 5px;
}
.pmshc-inner .right-box .title+.subtitle{
  margin-top: 4rem;
}
.pmshc-inner .left-box li{
  width:100%;
  margin-bottom:0px;
}
.product-mattress_soft_hard-container .pmshc-inner .right-box{
  text-align: left;
  padding: 0 40px;
    padding-left: 10%;
}
/* .pmshc-inner .left-box li:nth-child(1){
  padding-bottom: 100px;
} */
.product-under-the-covers-container{
  background-color: #263B5F;
}
.left-page-width{
  margin-left: auto;
  max-width: calc(100% - (100% - 1370px)/2);
  padding-left: 40px;
}
.right-page-width{
  margin-right: auto;
  max-width: calc(100% - (100% - 1370px)/2);
  padding-right: 40px;
}
.putcc-inner{
  display: flex;
    justify-content: space-between;
    align-items: center;
    color:#fff;
  padding:60px 0px;
}
.putcc-inner .cover-box li:not(:nth-child(1)){
  position: absolute;
  top:0px;
  left:0px;
}
.putcc-inner  .cover-box{
  position: relative;
}
.putcc-inner .title{
  font-size: 4rem;
    font-weight: bold;
    color: #fff;
    margin-bottom: 5.5rem;
}
.putcc-inner .li-title{
  font-size: 2rem;
  margin-bottom: 2rem;
}
.mutc .putcc-inner .cover-box li{
 cursor: pointer;
}
.putcc-inner .cover-box li .img-box{
  display: flex;
  align-items: flex-end;
  margin-bottom:40px;
}
.putcc-inner .cover-box li .img-box .num-box{
  display: flex;
  align-items:center;
}
.putcc-inner .cover-box li {

  pointer-events: none; 
  opacity: 0;
  /* transition: opacity 0.5s ease; */
  }
.putcc-inner .cover-box li .img-box img,
.putcc-inner .cover-box li .li-title,
.putcc-inner .cover-box li .li-subtitle{

}
.mutc .putcc-inner .cover-box li,
.putcc-inner .cover-box li.active{
  pointer-events: auto;
  opacity: 1;
}

.putcc-inner .cover-box .li-subtitle{
  max-width: 445px;
  font-size: 16px!important;
  line-height: 1.5;
  
}
.putcc-inner .cover-box .img-box img{
  border-radius: 50%;
  overflow: hidden;
  vertical-align: bottom;
}
.putcc-inner .cover-box .num-cell{
padding:0px 30px;
white-space: nowrap;
}

.putcc-inner .cover-box li .img-box .prev,
.putcc-inner .cover-box li .img-box .next{
  cursor: pointer;
  line-height: 0;
}
.putcc-inner .cover-box li .img-box .next{
  transform: rotate(180deg);
}
.product-buy-box.fixed  .downtitle label{
  font-size: 16px !important;
 
 }
/* .product-buy-box.fixed  .variant-down-wrap .downtitle label{
 font-size: 16px;

}
.payment-buttons-absolute.fixed .product-single__meta{
  display: flex;
    justify-content: space-between;
    align-items: center;
} */

.payment-buttons-absolute.fixed .product-single__meta{
  display: flex;
    align-items: center;
    justify-content: space-between;

}
.putcc-inner .li-title{
  display: flex;
  align-items: center;
}
.putcc-inner .li-title-num{
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border: 3px solid #024488;
  border-radius: 50%;
  font-size: 16px;
  justify-content: center;
  align-items: center;
  color: #101010;
  background: #fff;
  font-weight: 700;
  margin: 10px; 
  margin-right: 30px;
  transform-style: preserve-3d;
}

.putcc-inner .right-box{
  flex:1;
  position: relative;
}
.putcc-inner .cover-box .image{
  width: 100%;
  max-width: 230px;
  border-radius: 50%;
  overflow: hidden;
    width:230px;
 flex-shrink: 0;
}
.putcc-inner .cover-box .image .feature-row__image-wrapper{
  margin: 0 !important;
}
.putcc-masstress  .putcc-inner .right-box .feature-row__image-wrapper{
  margin:unset;
  margin-left: auto;
}
.putcc-inner .putcc-dot{
  margin-right:10px;
  cursor: pointer;
  position: absolute;
  z-index:2;
  
}



 .mti-container .image{
  flex: 1;
  transform: translate(-100px, -50px);
 }
 .mti-container  .text-box{
  flex: 1;
  padding: 40px;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: center;
  vertical-align: middle;
 }
 .mticii-inner {
   display: flex;

   margin-top: calc(7vw + 50px);
 }
 .mticii-inner .title{
   font-size: 40px;
   color:#024488;
 }
 .mticii-inner .subtitle{
  font-size: 16px;
 max-width: 400px;
}
.mticii-inner .icon-box{
 margin-top: 40px;

}
.mtici-item{
  min-height: 500px;
}
.right-mticii-inner .image{
  transform: translate(100px,-50px);
}

.right-mticii-inner .text-box{
  text-align: right;
}
.right-mticii-inner .title,
.right-mticii-inner .subtitle{
  max-width: 400px;
  margin-left: auto;
}
.mrc-inner{
  padding-top:60px;
  border-radius: 10px;
}
  .mrci-item{
    overflow:hidden;
    border-radius: 12px;
  }
  .mrci-item .feature-row__image-wrapper{
    border-radius: 12px;
    overflow:hidden;
  
  }
.mrc-inner .section-title{
  font-size: 40px;
  text-align: center;
  color: #024488;
  margin-bottom: 60px;
}
.mrcii-inner{
  position: relative;
}
.mrcii-inner .image video{
  display:flex;
}

.mrcii-inner .image video,
.mrcii-inner .image img{
  border-radius:12px;
  width:100%;
}
.mrcii-inner .title{
  font-size: 2.00em;
}
.mrcii-inner .text-box{
  position: absolute;
  bottom: 0px;
  padding: 30px 20px;
  /* opacity: 0.85; */
  width: 100%;
  background-color: rgba(38, 59, 95, 0.85);
  text-align: center;
  /* font-size: 3.8em; */
  color: #fff;
}
.mr-container{
  margin-bottom:100px;
  
}
.product-spec-contianer{
  background: #EFEFEF;
}
.psc-inner{
  padding:60px 0px 55px;
}
.psc-inner .title{
  margin-top:40px;
  font-size: 40px;
}
.psc-inner .subtitle{
  font-size:20px;
}
.psct-inner{
  border-bottom: 1px solid rgb(2, 68, 136);
}
.psc-inner .col_faq_title {
  color: rgba(0, 61, 166, 100);
  font-size: 16px;
  /* margin: 25px 0px; */
  border-top: 1px solid rgb(2, 68, 136);
  padding: 25px 0px;
  margin-bottom: 0px;
  cursor: pointer;

}
.psc-inner .col_faq_content p,
.psc-inner  .col_faq_content{
font-size: 15px;
 color:#000000;
}
.psc-inner  .col_faq_content li{
 
 list-style: disc;
}
/* .psc-inner  .col_faq_content:nth-last-of-type(1){
  border-bottom: 1px solid rgba(0, 61, 166, 100);
} */
.col_faq_content{
  display: none;
}
.col_faq_content a {
  text-decoration: underline;
}
.col_faq_title{
  display: flex;
  justify-content: space-between;
}
 .col-icon{
  display: block;
  width: 18px;
  position: relative;
  margin-left: 10px;
}
 .col-icon::before{
  content:"";
  width: 2px;
  height: 18px;
  background-color: #024488;
  transition:transform 0.5s ease ;
  position: absolute;
  right: 10px;
}
 .col-icon::after{
  content:"";
  width: 2px;
  height: 18px;
  background-color: #024488;
  transition:transform 0.5s ease ;
  position: absolute;
  right: 10px;
  transform: rotate(90deg);

}
.col_faq_title.active .col-icon::before{
  transform: rotate(-45deg);
}
.col_faq_title.active .col-icon::after{
  transform: rotate(45deg);
}
.mitb-container{
  padding-top: 7em;
  overflow:hidden;
/* padding-bottom:10rem */
}
.template-product .index-section{
  margin-top:0px;
  margin-bottom:0px;
}
.mitbc-inner .section-title{
  text-align: center;
color:#024488;
font-size: 40px;
}
.mitbci-inner{
  margin-top: 60px;
  text-align: center;
  margin-left:-30px;
  display: flex;
  flex-wrap: wrap;
}
.mitbcii-item {
  flex:1 0 25%;
  padding-left: 30px;
}

.mitbci-inner .title{
  color:#024488;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}

.mitbciii-inner .feature-row__image-wrapper{
  margin:auto;
}
.mitbciii-inner .subtitle{
  min-height: 70px;
  color:#000;
}

.product-system-container{
  padding:75px 0px;
}
 .section-title{
  font-size: 40px;
  font-weight: 700;
  display: block;
  margin: 0 auto 3rem auto;
  text-align: center;
  max-width: 650px;
  color: var(--colorPrimary);
}
.product-system-container .btn{
  position: absolute;
  bottom: 20%;
  margin: auto;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 300;
}
.preview .swiper-button-prev::after,
.preview .swiper-button-next::after{
display:none;
}
.preview  .swiper-button-next{
  right:0px;
  transform: rotate(180deg);
}
.preview  .swiper-button-prev{
  right:40px;
  left:unset!important;
}
#putcc .feature-row__image-wrapper{
  margin-left: auto;
}
.ptsc {
  padding:100px 0px;
}
.ptsc  .section-header{
max-width: 850px;
margin:0 auto;
padding-bottom: 7.3rem;
}
.ptsc .section-title{
  text-align: center;
  font-size: 4rem;
  color:#FAFAFA;
  margin-bottom: 30px;
}
.ptsc .section-subtitle{
  text-align: center;
  font-size: 2rem;
  color:#FAFAFA;
}
.pts-content{
  display: flex;
  justify-content: space-between;
  margin-left: -20px;
}
.pts-content .cell{
  flex:1;
  text-align: center;
  padding-left:20px;
}

.pts-content .cell .image{
  margin-bottom: 55px;
}
.pts-content .cell .cell-title{
  color:#fff;
  font-size: 2rem;
  font-weight:bold;
  margin-bottom: 34px;
  display: flex;
    align-items: center;
    justify-content: center;
}
.pts-content .cell .cell-content{
  color:#fafafa;
  margin: 0 auto;
  max-width: 100%;
  font-size: 1.8rem;
  padding:0px 10px;
}
.pts-content .cell .feature-row__image-wrapper{
margin:0 auto;
}
.pmcc-content{
  position: relative;
  min-height: 645px;
}
.pmcc-content .text-box{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  background-color: #efefef;
  padding: 20px;
color: var(--colorPrimary)!important;
}
.pmcc-content  .title{
font-size: 4rem;
margin-bottom: 10px;
}
.pmcc-content  .subtitle{
  font-size: 2.4rem;
  margin-bottom: 3.4rem;
  }
  .pmcc-content   .icon-box{
    margin-top: 9rem;
    display: flex;
    align-items: center;
  }
  .pmcc-content  .content{
    font-size: 2rem;
  }
  .ib-text-box{
    margin-left: 30px;
  }
  .pmcc-content .text-box-inner{
    max-width: 520px;
    margin: 0 auto;
  }
  .product-section{
    margin-bottom:10rem;
  }
  .pillows-details-container .section-title{
    margin-bottom:0.5rem;
  }
  .pillows-details-container .section-subtitle{
    color: rgba(2, 68, 136, 100);
font-size: 20px;
max-width: 735px;
margin: 0 auto;
  }
.mutc .putcc-inner{
 padding-top: 11.5rem;
 display: block;
}
.mutc .putcc-inner  .left-box{
  padding:0px 20px;
  margin-bottom: 5.4rem;
}
.lutc .section-title,
.mutc .putcc-inner .title{
  text-align: center;
  margin-bottom:3.5rem;
  
}
.lutc .section-subtitle,
.mutc .putcc-inner .subtitle{
  font-size: 2rem;
  max-width: 685px;
  margin: 0 auto;
  text-align: center;
}
.mutc  .middle-box{
margin:0 auto;
padding-bottom:40px;
}
.mutc  .putcc-inner .putcc-dot{
position: absolute;
}
.mutc  .putcc-inner .cover-box li{
position: relative!important;
}
.mutc  .cover-box{
width: 100%;
}

.mutc  .li-box{
  text-align: center;
}
.mutc  .li-box .li-title{
  justify-content: center;
}
.mutc  .li-box.active{
 
}



.mutc  .putcc-inner .putcc-dot,
.mutc  .li-box .li-title-num{
  width: 30px;
  height: 30px;
  line-height: 35px;
  border: 2px solid #024488;
}
.mutc .putcc-inner .cover-box li.active .li-title-num::before{
opacity: 1;
}
.mutc .putcc-inner .cover-box li .li-title-num::before{
  opacity: 0;
  }
.mutc  .putcc-inner .putcc-dot::before,
.mutc  .li-box .li-title-num::before{
  width:46px;
  height:46px;
  opacity: 0;
  animation-name: likes; 
  animation-direction: alternate; 
  animation-timing-function: linear; 
  animation-delay: 0s; 
  animation-iteration-count: infinite; 
  animation-duration: 2s; 
  background-color: rgba(0, 118, 255,  0.65);
}

.mutc  .putcc-inner .putcc-dot.active::before,
.mutc  .li-outer.active .li-title-num::before{
  opacity: 1;
}
.mutc  .li-box .li-title-num{
  margin-right: 10px;
}
.mutc  .putcc-inner .putcc-dot.active,
.mutc  .li-box.active .li-title-num{
 
  background-color: rgba(0, 61, 166, 100);
  color: rgba(255, 255, 255, 100);
  border: 2px solid rgba(255, 255, 255, 100);
}
.mutc .li-title{
  font-size: 16px;
  margin-top:25px;
  margin-bottom: 25px;
}
.mutc .li-subtitle{
  max-width: 90% !important;
  font-size: 1.8rem!important;
  margin: 0 auto;
}


 /* .product-section{
  margin-bottom: 0px;
} */
 .mitbciii-inner{
  padding: 30px 40px;
  border: none;
  border-radius: 10px;
  background-color: #fff;
    box-shadow: 0px 0px 8px 0px rgb(197 197 197);
}
.mitbciii-inner .svg-img{
  width:100%;
  max-width:200px;
}
.product-other-mitbc .mitbciii-inner{
  padding-bottom: 60px;
  box-shadow: unset;
  border: 1px solid rgb(2, 68, 136);
}
.anima {
  animation-name: likes; 
  animation-direction: alternate; 
  animation-timing-function: linear; 
  animation-delay: 0s; 
  animation-iteration-count: infinite; 
  animation-duration: 6s; 
}

@keyframes likes {
  0%{
    transform: scale(1.8) translateZ(-10px);
 }
 25%{
    transform: scale(1.6) translateZ(-10px);
 }
 50%{
    transform: scale(1.5) translateZ(-10px);
 }
 75%{
    transform: scale(1.6) translateZ(-10px);
 }
 100%{
    transform: scale(1.8) translateZ(-10px);
 }
}


.pcf-content{
  display: flex;
  align-items: center;
}
.pcf-content .right-box{
  flex:1;
}

.pcf-content .left-box .title{
  font-size: 4rem;
  margin-bottom: 20px;
}
.pcf-content .left-box .subtitle{
  font-size: 2rem;
  margin-bottom: 20px;
}
.pcf-content .left-box .show-num-box{
  font-size: 2rem;
  margin-top: 55px;
  position: relative;
}
.pcf-content .show-num-box-pc .cell:not(:nth-child(1)){
position: absolute;
top:0px;
left:0px;
opacity: 0;
}
.pcf-content  .section-header{
  text-align: left ;
}
.pcf-content .section-title{
text-align: left;
margin-bottom: 19px;
}

.pcf-content  .right-box  .number{
  position: relative;
}
.pcf-content  .right-box  .number{
  cursor: pointer;
  position: absolute;
  left:0px;
}
.pcf-content .show-num-box .cell{
  display: flex;
  align-items: flex-start;
  transition: opacity 0.5s ease;
}
.pcf-content .show-num-box-pc .cell{
  opacity: 0;
  transition: opacity 0.5s ease;
}
.pcf-content .show-num-box .cell{
  font-weight: bold;
}
.pcf-content  .snb-right{
    margin-left: 30px;
    margin-top: 5px;
}
.pcf-content  .section-subtitle{
font-size: 20px;
max-width: 400px;
}


.snb-left .number:before{
  opacity: 1!important;
}

.pcf-content .right-box-content{
  padding-left: 100px;
  margin-left: auto;
  position: relative;
}
#pds .total-image-box,
.middle-under-the-covers-contianer .total-image-box{
  position: relative;
  margin:0 auto;
}
#pds .outer-image-box,
.middle-under-the-covers-contianer .outer-image-box{
  position: relative;
  z-index:5;
  transition: opacity 2s ease;
}
#pds .inner-image-box,
.middle-under-the-covers-contianer  .inner-image-box{
position: absolute;
top:0px;
width:100%;
}
#pds .outer-image-box.hide-this,
.middle-under-the-covers-contianer .outer-image-box.hide-this{
  opacity: 0;
  pointer-events: none;
}
.pcf-content .show-num-box .cell.active{
  opacity: 1;
}
.lutc-inner{
  padding-top:65px;
}
.lutc .section-title{
  margin-bottom: 20px;
}
.lutc .putcc-width{
  max-width:85%;
}
.lutc .left-box{
  max-width: 30%;
  margin-left:10%;
}
.rucc  .right-box{
  padding-left:5%;
}

  .lutc .putcc-inner .cover-box li .img-box .num-box{
    align-items: center;
  }
  .lutc .putcc-inner .cover-box li .img-box .num-cell{
    font-weight: 600;
  }
  
  .lutc  .li-title .h4{
  margin:0px;
  font-size: 18px;
  }
  .pbt-inner{
    padding:95px 0px 70px;
  }
  .pbt-inner .section-title{
    margin-bottom: 7rem;
  }
  .pbt2-inner{
   width:100%;
  }
  .pbti-inner .image{
    margin-bottom: 15px;
  }
  .pbti-inner .image .feature-row__image-wrapper{
    margin: 0 auto;
  }
  
  .pbti-inner .title{
    text-align: center;
    font-size: 20px;
    color:#024488;
    font-weight: bold;
  margin-bottom: 0px;
  }
 /* .ptic-inner .text-icon-box{
min-height: 560px;
  } */
  .ptic-inner .text-icon-box .section-title{
    text-align: left;
    margin:0 0 10px 0;
    justify-content: flex-start;
    
    
  }
  .pticii-inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .pticii-inner .icon-box{
    margin-top:30px;
  }
.pticii-inner .image video{
width:100%;
}
.pticii-inner .image{
  width:55%;

line-height: 0;
}
.pticii-inner .image .image-inner{
  border-radius: 10px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
  .pticii-inner .text-icon-box{
    width:45%;
 
  }
  .ptic-inner .pticc-item  .bg-color-box{
    width: 84.55%;
    height: 0;
    border-radius: 15px;
    position: absolute;
    padding-top: 70%;
  }
  .ptic-inner .pticc-item.right  .bg-color-box{
 
left:  0px;
bottom: -50px;
 
  }
  .ptic-inner .pticc-item.left  .bg-color-box{
 
    right:  0px;
    bottom: -50px;
     
      }
  /* .pticc-item+.pticc-item{
    margin-top:12.5rem;
  } */
  .ptic-inner {
    margin:2.5rem 0 2.5rem; 
  }
  .ptic-inner .pticc-item .image{
    overflow: unset;
  }
  .ptic-inner .pticc-item .text-icon-box{
    display: flex;
    flex-direction: column;
    justify-content: space-between;  
    position: relative;
  }
  .ptic-inner .pticc-item .content{
    font-size: 18px;
    margin-top: 25px;
  }
  .ptic-inner .pticc-item .subtitle{
    font-size: 18px;
    margin-bottom: 15px;
  }
  .ptic-inner .pticc-item.right .image{
    position: relative;
  
    /* margin-right: -40%; */
    order:1;
    flex:1;
    padding-left:7.7%;
}
.ptic-inner .pticc-item.right .text-icon-box{
  
padding-left:6%;
  order:2;
}

.ptic-inner .pticc-item.left .image{
  position: relative;
  
  /* margin-left: -40%; */
  flex:1;
  padding-right:7.7%;
}
.ptic-inner .pticc-item.left .feature-row__image-wrapper{
  margin-left: auto;
}


.ptic-inner .pticc-item.left .text-icon-box{
/* padding-right:365px; */
padding-right: 6%;
padding-left:40px;
}
.product-coupon-box {
  margin-bottom: 15px;
}
.product-coupon-box .cell{
  display: flex;
  border: 1px solid rgba(187, 187, 187, 100);
  padding: 10px 25px;
  align-items: center;
  justify-content: space-between;
} 
/* .product-additional-msg{
  border: 1px solid rgba(187, 187, 187, 100);
  padding: 10px 25px;

} */
#price-box+.product-additional-msg{
  margin-bottom:20px;
}

.product-coupon-box  .show_box span{
  display: block;
  font-size: 16px;
    font-weight: 600;
}
.product-coupon-box  .pc-btn{
    background-color: rgba(97, 195, 222, 100);
    color: rgba(255, 255, 255, 100);
    font-size: 18px;
    text-align: center;
    padding: 5px 15px;
    cursor: pointer;
    font-weight: 600;
}
.product-degree-soft-container{
  position: relative;
  padding-top: 7rem;
}
.product-degree-soft-container::after{
  content: "";
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
   
    height: 40%;
    z-index: -1;
}
.product-degree-soft-container .total-image-box{
  position: relative;
  margin:0 auto;
}
#pds .section-subtitle{
  max-width: 750px;
  margin:0 auto;
  font-size: 20px;
}
#pds .image-box,
#pds .pds-content{
  overflow: hidden;
  max-width: 1117px;
  margin: 0 auto;

}
#pds  .top-box{
  /* border-radius:10px; */
  line-height: 20px;
  background-color: rgba(239, 239, 239, 100);
  font-size: 14px;
  text-align: center;
  border: 1px solid rgba(2, 68, 136, 100);
}
.pds-content{
  display: flex;
/*   
  justify-content: center; */

  padding: 0px 25px;

}
#pds  .top-box .num{
font-size: 25px;
font-weight: bold;
margin-bottom: 9px;

}
#pds  .top-box{
  padding:10px 5px;
  margin-bottom: 9px;
  cursor: pointer;
  transition: all 0.5s ease;
}
#pds  .name{
font-size: 18px;
}
#pds .degree{
/* border-radius: 10px; */
    font-size: 18px;
    text-align: center;
cursor: pointer;
    border: 1px solid rgba(182, 182, 182, 100);
    color: #B6B6B6;
    font-weight: bold;
    padding: 10px 5px;
    transition: all 0.5s ease;
}
.pds-inner-item{
  position: relative;
}
#pds .pds-inner-item .content-box{
  position: absolute;
  width: 100%;
  left: 0px;
  top:calc(100% + 20px);
  min-width: 620px;
  font-size: 16px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}
#pds .pds-inner-item.other .content-box{
  right: 0px;
  left:unset;
  text-align: right;
}
#pds .pds-inner-item.active .content-box{
  display: block;  
  opacity:1;
  pointer-events: auto;
}
.pds-content .pds-inner-item+.pds-inner-item{
  margin-left:8px;
}
.pds-content .pds-inner-item .pdsc-box{
white-space: nowrap;
}
#pds .pds-inner-item.active .top-box {
  background-color: rgba(2, 68, 136, 100);
  color: #fff;
}
#pds .pds-inner-item.active .degree{
  background-color: #FFBE01;
  color:rgba(2, 68, 136, 100);
  border-color:#FFBE01;
}
#pds .pds-inner-item.active .cell{
  position: relative;
  padding-bottom: 35px;
  border-bottom: 2px solid #024488;
}
.pdsc .pds-content{
  padding-bottom: 14rem;
}
.product-review-container{
  padding:50px 0px;

}
.variant-wrapper+.variant-wrapper{
  margin-top:20px;
}
.gallery-thumbs .image{
  width:100%;
}
.gallery-thumbs .image-box{
  position: relative!important;
}


#to-top{
  display:none;
    bottom: 1vh;
    right: 8px;
    height: 50px;
    width: 50px;
    background:  #024488;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    font-size: 14px;
    padding: 2px;
     position: fixed;
     cursor: pointer;
} 
    #to-top span{
     display: block;
    margin-top: -15px;
    }
    .to-top-inner{
         display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    }
  .swiper-pagination-bullet{
      background-color: transparent !important;
      border: 2px solid var(--colorPrimary)!important;
    }
    .swiper-pagination-bullet-active {
      border: 2px solid var(--colorPrimary) !important;
      background: var(--colorPrimary) !important;
    }
    .product-banner-box   .swiper-pagination{
      padding-top:25px;
    }
    .psc-inner{
      display: flex;
    }
    .psc-inner .title{
      width:38%;
    }
.psct-inner{
  width:62%;
}
.prsc-header{
  display: flex;
  justify-content: center;
  align-items: center;
}
.prsc-header .image{
  flex:0 1 165px;
  margin-right: 55px;
}
.prsc-header .title{
  font-size: 36px;
}
.prsc-header .title span {
  display:block;
  font-weight: bold;
}
.prsci-table,.right-prsci-box{
  display: flex;

}
  .prscit-th-first{
  width:218px;
  }
  .right-prsci-box{
   width:calc(100% - 218px);
  }
.prsc-item.prsc-item-4 .right-prsci-box{
  width:calc(100% - 25%);
}
.prsc-item.prsc-item-5 .right-prsci-box{
  width:calc(100% - 20%);
}
.prsc-item.prsc-item-6 .right-prsci-box{
  width:calc(100% - 16.6666%);
}
.prsc-item.prsc-item-7 .right-prsci-box{
  width:calc(100% - (100% / 7));
}

.prsc-item.prsc-item-4 .prscit-th-first{  
  width:25%;
}
.prsc-item.prsc-item-5 .prscit-th-first{  
  width:20%; 
}
.prsc-item.prsc-item-6 .prscit-th-first{  
  width:calc(100% / 6);
}
.prsc-item.prsc-item-7 .prscit-th-first{  
  width:calc(100% / 7);
}


.prsc-item .prscit-th{ 

  text-align: center;
  
}
.prsci-table{
  font-size: 20px;
}
.prsc-item .prscit-td{ 
  
  display: flex;
  justify-content: center;
  align-items: center;
  padding:10px;
 
  height:70px;
  border-bottom: 1px solid #024488;
  border-right: 1px solid #024488;
}
/* .prscit-th .prscit-td:nth-of-type(1){
height:70px;

} */

.prscit-th-first .prscit-td:nth-of-type(1){
  position: relative;
  padding:5px 25px;
  overflow: hidden;
  background-color: var(--colorPrimary) !important;
}
/* .prscit-th-first .prscit-td:nth-of-type(1) img{
  height:100%;
} */
/* .prscit-th-first  .prscit-td:nth-of-type(1)::after{
  content: "";
  background: linear-gradient(18deg,transparent 49.5%,#ffffff 49.5%,#ffffff 50.5%,transparent 44.5%);
  position: absolute;
  z-index: 1;
  width: 80%;
  height: 80%;
  top: 12%;
  left: 12%;
 
 
} */

.prscit-th-first  .prscit-td .row-name{
text-align: right;
font-size: 16px;
}
.prscit-th-first  .prscit-td .col-name{
  font-size: 16px;
  text-align: left;
  margin-top: -35px;
  }
.prsc-item.prsc-item-4 .right-prsci-box .prscit-th{
width:calc(100% / 3);
}
.prsc-item.prsc-item-5 .right-prsci-box .prscit-th{
  width:calc(100% / 4);
  }
  .prsc-item.prsc-item-6 .right-prsci-box .prscit-th{
    width:calc(100% / 5);
    }
    .prsc-item.prsc-item-7 .right-prsci-box .prscit-th{
      width:calc(100% / 6);
      }
  .prsci-table{
    position: relative;
   
    margin-top: 30px;
    font-weight: 600;
    overflow: hidden;
       border-left: 1px solid #024488;
    border-top: 1px solid #024488;
  }
/*   .prsci-table::after{
      content: "";
      position: absolute;
      width: 100%;
      height: 1px;
      background: #024488;
      bottom: 0px;
  }
  .prsci-table::before{
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: #024488;
    right: 0px;
  } */
/*   .prscit-th .prscit-td:last-child{
   border-bottom:none;
  } */
  .prsci-table .swiper-wrapper .prscit-th:last-child prscit-td{
   border-right:none;
  }
  .prsci-table .prscit-td span{
    font-size: 14px;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width:30px;
    height:30px;
    border-radius: 50%;
    background-color: rgba(2, 68, 136, 100);
  }

.prsc-item+.prsc-item{
margin-top:70px;
}
.prsci-bottom-content{
  margin-top: 30px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.prsc-content{
  padding:10rem 0px 5rem;
}
.prs-swiper-container{
  width:100%;
}
.mb-table-swiper-scrollbar-box{
 
  margin-left: auto;
  margin-top:10px;
}
/* .prs-swiper-container .swiper-wrapper{
  border-left: 1px dotted rgb(2, 68, 136);
} */
.prsci-table-box .swiper-scrollbar{
  width: 100%;
  height: 4px;
}
.prsci-table-box .swiper-scrollbar .swiper-scrollbar-drag{
  
  background-color: #024488;
}
.mb-prsci-bottom-content{
  font-size: 16px;
}

.pdsb-content{
  width:100%;

}
.pdsb-content::-webkit-scrollbar{
    display: none;
}
.language-box{
  display:inline-block;
}

.website_change_wrapper img{
  width:24px;
   height:24px;
   margin-right:10px;
 }
 .website_change_wrapper .item,
 .website_change_wrapper .item>a{
  display: flex;
     align-items: center;
 }
 
 .website_change_wrapper {
   display:none;
 position:relative;
   margin-left:25px;
  }
  .language-box .website_change_wrapper{
   display:block;
  }
 .website_change_wrapper .language-box-option-box { pointer-events: none;
       transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0,1,.5,1);
 opacity:0;
   box-shadow: 2px 2px 8px rgb(0 0 0 / 20%);
    -ms-box-shadow: 2px 2px 8px rgba(0,0,0,.2);
    -webkit-box-shadow: 2px 2px 8px rgb(0 0 0 / 20%);
   border-radius:8px;
   z-index:-1;
   position: absolute;
       background: #fff;
     border: 1px solid #ebeef0;
     align-items: center;
     padding: 0 15px 0 10px;
     white-space: nowrap;
  
 }
  .website_change_wrapper.show .language-box-option-box{
     pointer-events: auto;
    transform: translateY(20px);
    opacity:1;
    z-index: 19;
  }
 .website_change_wrapper .language-box-option-box  a {
 color: var(--header-heading-color) !important;
 }
 
 .website_change_wrapper .language-box-option-box  .item{
  
       color: #212529;
    font-weight: 400;
   min-width: 12rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
 }
 .website_change_wrapper .item.first{
   cursor: pointer;
 }
 .website_change_wrapper .language-box-option-box  .item{
  padding:5px 0px;
 }
 
 .Drawer__Container .website_change_wrapper{
   margin: 25px 0px;
   margin-left:0px !important;
 }
 .mb-website_change_wrapper{
  display:none;
 }
 .product-desc-inner-tabbar{
       display: flex;
     justify-content: space-between;
   align-items: center;
 }
 .mb-website_change_wrapper .language-box-option-box {
  width:100%;
 }
 .mb-website_change_wrapper .language-box-option-box  a{
  display:block;
 }
.language-box {
  font-size: 16px;
  font-weight: bold;
}

 .shopify-policy__container{
  max-width: 1370px !important;
 }
 .background-media-text--adpat .background-media-text__container{
  position: relative;
 }
 .background-media-text__subtext{
     font-size:20px;
   margin-bottom:0px;
 }

 .background-media-text__inner{
position:absolute;
z-index:2;
width:100%;
height:100%;
top:0px;
}

.product-banner-box{
  display: flex;
  flex-wrap: wrap;
}
.product__media-list{
  display: flex;
  margin-left: -1rem;
  margin-bottom: -1rem;
  flex-wrap: wrap;
}
.product__media-item{
  padding-left:1rem;
  padding-bottom:1rem;
}
.grid__item.product__media-item--full{
width:100%;
}

 .common-banner-section{
   position: relative;
 }

 .common-banner-section .background-media-text{
   position: relative;
 }
#nwc .section-title{
  text-align: left;
  margin-left:0px;
}
#nwc{
  padding:8.8rem 0 8rem;
}
.nwc-item+.nwc-item{
  margin-top:40px;
}
.nwc-content{
  font-size:18px;
}
.template-page  .index-section{
  margin-bottom:0px;
}
.our-story-image-text-container .pbti-inner{
  padding:50px;
  text-align: center;
  border-radius: 10px;
}
.our-story-image-text-container .pbti-inner .title{
  margin-bottom: 15px;
}
.our-story-image-text-container .pbti-inner .content{
 font-size: 16px;
}
.cc-swiper-button-next{
  transform:  translateY(-55px);
}
.cc-swiper-button-next svg{
  transform: rotate(180deg);
}
.cc-swiper-button-prev{
  transform: translateY(-55px);
}
.ositc-bg-box{
  width: 100%;
    background-repeat: no-repeat;
    height: 300px;
    background-size: cover;
}
.ositc-outer-box .pbt2-inner{
  margin-top: -150px;
}
.contact-featured-container .pfc-inner .icon-box{
  justify-content: center;
}
.fvci-bottom .image{
margin:0 auto;
}
.fvci-bottom .image img{
  width:100%;
}
.product-banner  .pic span{
  line-height: 0;
}
.product-banner  .pic span.pause{
  transition: opacity 0.5s ease;
  opacity: 0;
background-color: transparent;
}
.product-banner  .pic span.pause:hover {
opacity: 1;
background-color: rgba(0,0,0,.2);
}

.product-banner  .pic span.pause .playicon{
display: none;
}
.product-banner  .pic span.pause .pauseicon{
  display: block;
  }
.product__media-list .amplification-box {
  width: 100%;
    display: flex;
    position: relative;
    flex-wrap: wrap;
}

.product__media-item{

  margin-bottom: 0px;
}
.product__media-list .product__media-item.image{
  pointer-events: none;
}
.amplification-box .product__media-item.amplification.active.double-item .image{
  right:0px;
  top:0px;
  padding-left: 1rem;
}

.product__media-list  .product__media-item.amplification{
  pointer-events: auto;
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
#product-zoom-box{
  position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding-left: 1rem;
    padding-bottom: 1rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
}
.product__media-list.zooming #product-zoom-box{
opacity: 1;
pointer-events: auto;
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
#product-zoom-box img{
  width: 100%;
  /* height: 100%;*/
  height: auto;
}
.product-spec-contianer .title{
  padding-right: 20px;
}
.common-dot{
 display: flex;
justify-content: center;
align-items: center;
 cursor: pointer;
  position: absolute;
  z-index:5;
  width: 30px;
    height: 30px;
    background: #fff;
    color: var(--colorPrimary);
    text-align: center;
    line-height: 1.5;
    border: 2px solid var(--colorPrimary);
    border-radius: 50%;
    font-size: 16px;
    font-weight: bold;
    transition: all 0.3s ease;
    transform-style: preserve-3d;
}
.pcf-content .number{
  margin:0px;
  display:inline-block;
  width: 40px;
  height: 40px;
  line-height: 2.3;
  background-color: rgba(2, 68, 136, 100);
  color: #fff;
  font-size: 16px;
  text-align: center;
  border-radius: 50%;
  border: 2px solid rgba(0, 61, 166, 100);
  transform-style: preserve-3d;
  font-family: Arial;
  font-weight: 300;
}

.pcf-content .number::after,
.common-dot::after{
  opacity: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0; top: 0; right: 0; bottom: 0;
  margin: auto;
  transform:  translateZ(0px);
  background: rgba(255, 190, 1,0.7);
  border-radius: 50%;
  z-index: -1;
  animation-name: likes; 
  animation-direction: alternate; 
  animation-timing-function: linear; 
  animation-delay: 0s; 
  animation-iteration-count: infinite; 
  animation-duration: 2s; 
  transition: opacity 1s ease;
 
}
.snb-left .number::after,
.pcf-content .number.active::after,
.common-dot.active::after{
  opacity: 1;
}
.common-dot.active{
  border-color:var(--colorPrimary);
  color:#fff;
  background-color: var(--colorPrimary);
}
.putcc-inner .li-title-num{
   width: 30px;
    height: 30px;
    background: #fff;
    color: var(--colorPrimary);
    text-align: center;
    border: 2px solid var(--colorPrimary);
    border-radius: 50%;
    font-size: 16px;
    font-weight: bold;
    transform-style: preserve-3d;
}
.putcc-inner  .li-title .h4{
flex:1;
}
.putcc-inner .li-title-num::after{
  content: '';
  width: 100%;
    height: 100%;
    /* background: #005eff; */
    position: absolute;
    border-radius: 50%;
    z-index: -1;
    transform: translateZ(0px) ;
    opacity: 0;
    left: 0; top: 0; right: 0; bottom: 0;
    margin: auto;
    background: rgba(0, 101, 255, 0.7);
  animation-name: likes; 
  animation-direction: alternate; 
  animation-timing-function: linear; 
  animation-delay: 0s; 
  animation-iteration-count: infinite; 
  animation-duration: 2s; 
  transition: opacity 1s ease;
 
}
.putcc-inner .pi-li-box.active .li-title-num::after{
  opacity: 1;
  }
  .pmshc-inner .left-box li:nth-child(1){
transition: transform 0.2s ease-out;
  }
  .putcc-inner .pi-li-box.active .li-title-num{
    border-color: #fff;
    background: #024488;
    color: #fff;
  }

.putcc-click-dot-box{
  position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.swiper-button-prev::after,  .swiper-button-next::after{
  display:none;
}
.common-spec-contianer  .psct-inner{
width:100%;
}
.mitbci-inner .image{
  margin-bottom: 15px;
}

.scl-swiper-button-prev svg{
transform: rotate(180deg);
}
.slide-columns-logo-container{
  position: relative;
}
.scl-swiper-button-next .arrow,
.scl-swiper-button-prev .arrow{
  width: 45px;
      height: 45px;
      display: flex;
      justify-content: center;
      align-items: center;
  background-image: none!important;
  background: #024488;
    border-radius: 50%;
}
.scl-swiper-button-next,
.scl-swiper-button-prev{
  width:45px!important;
}
.scl-swiper-button-next{
  right:60px!important;
}
.scl-swiper-button-prev{
  left:60px!important;
}
.testimonials-swiper-slide{
  display: block!important;
  opacity: 1!important;
}

.scl-swiper-button-next svg path ,
.scl-swiper-button-prev svg path{
fill:#ffffff!important;
}


.testimonials-swiper-slide.swiper-slide-active .testimonials-slider__text{
  transform: scale(1.1);
    box-shadow: 0 10px 25px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 10;
}
.slide-columns-container .slide-columns{
  display: flex;
}
.sc-item{
  
  text-align: center;
  flex:0 1 25%;
}
.slide-columns-container .scc-image img{
  width:75px;
}  

.site-footer__item .footer__title{
  letter-spacing: normal;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.site-footer__item .icon-minus{
  display:none;
}
.site-footer__item .footer__title.active .icon-minus{
  display:block;
}
.site-footer__item .footer__title.active .icon-plus{
  display:none;
}

 @media screen and (min-width:769px) {
   .pticc-item  .image .feature-row__image-wrapper{
   overflow: hidden;
    border-radius: 10px;
   }
   .ptic-inner .pticc-item .text-icon-box{
     border-radius: 10px;
   }
.product-buy-box.has-breadcrumbs{
top:0px;
}
 }

  @media screen and (min-width:1921px) {
    /* .ptic-inner .pticc-item.left .text-icon-box{
      padding-right: 30%;
    }
    .ptic-inner .pticc-item.right .text-icon-box{
      padding-left: 30%;
    }
    .ptic-inner .pticc-item .image{
      width:800px;
    } */
    .lutc .putcc-width,
    .max-page-width{
      max-width:1680px;
      padding:0px 40px;
      margin:0 auto;
    }
    .full-page-width{
      max-width:100% !important;
     
      margin:0 auto;
    }
    .featured-inc-contianer  .left-image .feature-row__image-wrapper,
    .featured-inc-contianer  .right-image .feature-row__image-wrapper,
    .featured-inc-contianer .bg-image-content .left-image, .featured-inc-contianer .bg-image-content .right-image{
      max-width:1920px !important;
    }
    .background-media-text{
      max-width: 1600px;
    }
   
    .image-with-text .feature-row__text .rte,
    .image-with-text .feature-row__item h2{
      width:90%;
    }
    .image-with-text .feature-row__text--right{
      padding-left: 10%;
    }
    .background-media-text__inner{
      margin-left: -40px;
    }
    .douhao-icon{
      right:23vw;
    }
    .fi-item-inner{
      padding-top:120px;
    }
  }
  


  #shopify-section-16342285923058dad4{ margin-bottom:40px!important; }
  
  
  
/*  BFCM  */
  .bfcm-img{
      position: absolute;
    top: 0px;
    right: 0px;
   width:12%;
    z-index: 4;
  }
  .custom__item-big  .bfcm-img{
   width:12%;
  }
   .custom__item-small  .bfcm-img{
  
    width: 27%;
  }
  
  @media screen and (max-width:768px) {
    .bfcm-img{
         width: 15%;
    }
    .custom__item-big  .bfcm-img{
       width: 17%;
  }
   .custom__item-small  .bfcm-img{
  
    width: 17%;
  }
  }
  
  .shopify-policy__body .psct-inner{
   width:100%;
  }
 .shopify-policy__body  .psc-inner .col_faq_title{
  margin-top:0px;
  }
  
/*  Christmas  */
 #LogoContainer,
  .site-nav__link{
  position:relative;
  }
  
  .christmas-img-box{
   display:none;
       background-size: 40px 40px;
    background-image: url(https://cdn.shopifycdn.net/s/files/1/0596/3910/3682/files/20211202135411.png?v=1638424710);
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 1;
    right: -29px;
    top: -18px;
  }
  .site-nav__link .christmas-img-box{
      display:none;
     right: -6px;
    top: -6px;
  }
  
  


  /* new */
  .blog-header-content{
    position: relative;
   margin-bottom: 50px;
  }
  .banner-section-header-container{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  
  .banner-section-header-container .section-header__title{
    padding:0px;
  }
  .blog-header-content .banner-section-header{
margin:0px;
  }
  .blog-header-content  .blog-content{
    max-width: 740px;
    margin-top: 20px;
    font-size: 18px;
  }
  .blog-first-article-container{
    margin-bottom: 50px;
        border-radius: 10px;
    overflow: hidden;
  }
  .blog-first-article-container .article__image-wrap{
    position: relative;
  }
  .blog-first-article-container .article__image-wrap .article__image{
    right:0px;
  }
  .blog-first-article-container  .article {
    background-color: var(--colorPrimary);
    color: #fff;
  }
  .blog-first-article-container  .article .rte--block a{
    color: #fff;
    border-bottom-color: rgba(255,255,255,0.5)!important;
  }
  .blog-first-article-container  .article  a.btn{
    color: #fff;
    border-bottom-color: #fff!important;
  }
  .blog-first-article-container  .article a:hover::after{
    border-bottom: 2px solid #fff;
  }
  .article__date{
    font-size:14px;
  }
  .blog-article-header{
    font-weight:600;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }
  .article__author{
    font-style: normal;
    font-size: 14px;
    margin-left: 20px;
    margin-top:0px;
  }
  .article__date{
    margin-bottom:0px;
  }
  .article__h3{
    font-size:20px;
  }
  .article--layout{
    align-items: unset;
  }
  .article__content{
position: relative;
  }
  .article__content .btn{
  padding:0px;
  position: absolute;
    padding: 0px;
    bottom: 40px;
    font-size: 14px;
    font-weight: bold;
}
.article__content .arrow-icon{
  position: absolute;
  right: -30%;
  top:0px;
}


.template-blog .blog-first-article-container .article:last-child{
  margin:0px;
}
.blog-grid-container .article__content{
  max-width: 100%;
padding: 28px 25px 48px 25px;
    background: #f4f4f4;
    position: relative;
  background: rgba(244, 244, 244, 100);
}
  .blog-grid-container .article__content .btn{
     border-radius:unset!important;
  }
.template-blog  .blog-first-article-container  .article a{
  border-radius:unset!important;
  background-color:transparent!important;
color:#fff;
}
.blog-grid-container .rte--block{
  text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.blog-grid-container .article__content .btn{
position: absolute;
bottom: 28px;
background: transparent !important;
color: var(--colorPrimary);
border-bottom: 1px solid var(--colorPrimary);
}
  .blog-first-article-container .article a.btn:hover{ 
   color:#ffffff!important;
    text-decoration: none !important;
  }
  .blog-grid-container .article__content .btn:hover{
   text-decoration: none !important;
  }
.blog-grid-container .article__content .btn svg{
  width: 15px;
  fill:var(--colorPrimary) !important;
}
.article__content .btn:hover{
  color: var(--colorPrimary)!important;
}
  .pagination{
    display: flex;
    justify-content: center;
    align-items: center;
  padding:15px 0px 70px;
}
 .pagination .page.current, .pagination .page{
  opacity: 1;
  padding: 2px !important;
  /* width: 20px;
  height: 20px; */
  
    border-radius: 50%;
}
 .pagination a{
padding:0px;
}
  .pagination .page{
   /* margin:0px 10px; */
  }

.template-blog  .pagination .page.current{
  color: #fff;
background-color:var(--colorPrimary) ;
}
  @media only screen and (min-width: 590px){
    .article__image-wrap{
position: relative;
    }
.article__content {
   
    max-width: 45%;
}

.article__image{
position: relative;
right:0px;
}
.article__content--right{
  padding: 40px 74px 60px 40px;
}
  }
  
  .article-template-container .section-header{
   text-align:left;
    padding-top:0px;
  }
  .article-template-container  .section-header__title{
    padding-top:0px;
    margin-bottom:20px;
  }
  .article-template-container  .article__date,
   .article-template-container  .article__author{
   font-size:18px;
     letter-spacing: 0; 
     font-weight: 400;
  }
  .article-recent-articles-box{
    border-radius: 10px;
    overflow: hidden;
    background-color: rgba(244, 244, 244, 100);
    padding: 45px 20px;
  }
  .arab-title{
    font-size: 36px;
  }
  .arab-content .section-header__title{
    font-size: 18px;
    margin-bottom: 10px;
  }
  .arab-content  .item{
    padding: 20px 0px;
    padding-bottom: 0px;
    border-bottom: 1px solid rgba(2, 68, 136, 100);
  }

  .article-template-container .arab-content .article__author, .article-template-container .arab-content .article__date{
    font-size: 14px;
  }
  .arab-content .item:last-child{
    border-bottom:none;
  }
  .arab-content .item:last-child .blog-article-header{
    margin: 0px;
  }
  .article-product-box{
    margin-top: 50px;
  }

  .article-product-box .apb-title{
    font-size: 36px;
  }
  
.article-product-box  .grid-product__meta{
  background: #F4F4F4 100%;
    padding: 10px 20px;
      padding-bottom: 24px;
  }
   
.article-product-box  .grid-product__title{
   font-size: 20px;
    margin-bottom: 5px;
    font-weight: bold;
  }
.article-product-box   .grid-product__price{
  margin-bottom: 24px;
    text-align: center;
    font-size: 20px;
   }
 .article-product-box  .btn{
   width: 100%;
    padding: 10px;
  }
  .article-bottom .return-link{
    text-align: left;
  }
  .article-bottom .next-link{
   text-align: right;
  }
  .article-bottom .return-link,
  .article-bottom .next-link{
       display: flex;
    
    align-items: center;
    font-size: 28px;
  }
  .article-bottom {
        font-weight: bold;
      display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .article-bottom .next-link svg{
   transform: rotate(180deg);
    margin-left: 8px;
  }
  .blog-tags-box{
    text-align: center;
   margin-bottom:50px;
/*     margin-right:-30px; */
  }
  .blog-tags-box a{
    display: inline-block;
    padding: 5px 30px;
    background: #ebebeb;
    border-radius: 5px;
    font-size: 20px;
    margin-right:30px;
  }
  .blog-tags-box a.selected{
   font-weight:700;
  }
 .blog-tags-box a:hover{
  opacity:0.7;
  }
  #insta-feed, .instafeed-shopify{
  padding-bottom:5rem ;
  }
 .article-bottom .left-box,
    .article-bottom .right-box{
     width: 50%;
    }
 .article-bottom .next-link{
       justify-content: flex-end;
  }
  
  
  @media only screen and (max-width:589px) {

  #insta-feed {
    display:none;
  }
}
  
    #customer_register_link{
    text-decoration: underline;
  }
  .article__body  li{
    list-style: disc;
  }
  
  .cart__footer .site-footer__bottom-block.payment-icons{
    padding-top:20px;
  }
  .site-nav__expanded-item>.site-nav__link span{
    position: relative;
  }
  .site-nav__expanded-item>.site-nav__link span::after{
    content:"";
    position: absolute;
    left: 0px;
    bottom: -9px;
    width: 0%;
    height: 3px;
    background: var(--colorPrimary);
    transition: width 0.5s ease;
  }
.site-nav__expanded-item>.site-nav__link:hover span::after{
    width: 100%;
  }
  .site-nav__expanded-item.site-nav--active span::after{
    width: 100%;
  }
  

.yotpo .yotpo-testimonials-btn{
 display: none!important;
}
  .article-left-box .article__featured-image{
    border-radius: 10px;
  }
  .article__body{
    border-radius: 10px;
   background-color: #f4f4f4;
    padding: 25px;
  }
  .lazyframe {
   width:100%;
    height:100%;
  }
 .slideshow__slide video {
   width:100%;
       transform: scale(1.002);
  }
  .slideshow__slide  .youtube-video{
       width: 100%;
    height: 100%;
    transform: scale(1.01);
  }
 .hero-container .lazyframe {
   height:36.45833333333333vw;
  }

  .fmc-container .flickity-page-dots{
    position: relative;
    
    bottom:0px;
    padding: 6rem 0 0 0;
  }

  .fmc-container .flickity-page-dots .dot{
    width:14px;
    height:14px;
        margin: 0 5px;
    border-radius: 100%;
    background: transparent;
    cursor: pointer;
    border: 2px solid var(--colorPrimary)!important;
  }

  .fmc-container .flickity-page-dots .dot.is-selected{
    background-color: var(--colorPrimary)!important;
  }

  .fmc-container .rte-setting{
    margin-bottom: 65px;
    font-size:18px;
  } 

  .fmc-container .flickity-slider .testimonials-slide{
    top: 50%;
    transform: translateY(-50%);
  }

  .fmc-container .testimonials-slide.is-selected .rte-setting{
color:var(--colorPrimaryText)!important;
  } 
  
  
    .load_page.loading  .loading-text{
 opacity:1!important;
      pointer-events: none;
  }
  .no-more.cpp-loading-text{
   opacity:1;
  }
    .loading-text{border-radius: 10px;
    overflow: hidden;
      opacity:0;
      pointer-events: none;
              text-align: center;
              border: 1px solid var(--colorTextBody);
              width: auto;
              max-width: 130px;
              height: 35px;
              line-height: 35px;
              margin: 20px auto;
            }
       .loading-text>div{
              width: 3px;
              height:3px;
              background-color: #024488;
              display: inline-block;
              margin: 2px 2.5px 2.5px 2.5px;
              -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
              animation: bouncedelay 1.4s infinite ease-in-out;
              -webkit-animation-fill-mode: both;
              animation-fill-mode: both;
       }
       .loading-text .bounce1{
              -webkit-animation-delay: -0.32s;
              animation-delay: -0.32s;
       }
       .loading-text .bounce2{
              -webkit-animation-delay: -0.16s;
              animation-delay: -0.16s;
       }
       @-webkit-keyframes bouncedelay {
              0%, 80%, 100%{ 
                 -webkit-opacity: .2;
              }
		      40%{ 
                 -webkit-opacity: 1;
              }
       }
       @keyframes bouncedelay{
              0%, 80%, 100%{
                 opacity:.2;
              }
              40% {
                 opacity:1;
              }
       }
  .new-slideshow-container .swiper-pagination{
   margin-bottom:10px;
  }
  .new-slideshow-container .media-box{
   line-height:0px;
  }
  .ss-swiper-pagination{
   position: absolute!important;
    bottom: 30px;
  }
 body:not(.template-index) .new-slideshow-container video,
 body:not(.template-index) .new-slideshow-container iframe{
  margin-left:-2px;
  margin-right:-2px;
width:calc(100% + 4px);
   }
 .template-index .new-slideshow-container video,
 .template-index .new-slideshow-container iframe{
  margin:0px;
 height: 100vh;
    object-fit: cover;
  }
/*   .template-index .new-slideshow-container .swiper-container{
    height:100vh;
  } */
  .ss-swiper-pagination .swiper-pagination-bullet{
    width: 40px!important;
    height: 5px!important;
    border-radius: 0px;
    background-color: #fff !important;
    border-color: #ffffff!important;
    opacity: 0.5!important;
  }
  .ss-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
   opacity: 1!important;
  }
  
  .new-slideshow-container  .swiper-slide.slideshow__slide{
  display:block!important;
  }
  
  .product-buy-box-inner{
   position:relative;
  }
  
  .scl-swiper-scrollbar{
   position: relative!important;
    -ms-touch-action: none;
   background: rgba(2, 68, 136,.1)!important;
    height: 5px;
    max-width: 380px;
    margin: 0 auto;
  margin-top: 30px;
    z-index: 1;
    border-radius: 5px;
  width: 30%!important;
  
  }
  .pds-swiper-scrollbar{
    position: relative!important;
    -ms-touch-action: none;
   background: rgba(2, 68, 136,.1)!important;
    height: 5px;
    max-width: 380px;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 20px;
    z-index: 1;
    border-radius: 5px;
  width: 60%!important;
  
  }
  .pds-swiper-scrollbar   .swiper-scrollbar-drag{
    background: rgba(2, 68, 136,.5);
    }
 .scl-swiper-scrollbar  .swiper-scrollbar-drag{
  background: rgba(2, 68, 136,.5);
  }
 
  .slide-columns-logo-container .scl-swiper-scrollbar,
  .testimonials-section-swiper-container .scl-swiper-scrollbar{
   
    width: 30%!important;
  
  }
  
  /*  featured review  */
  .featured-review-container .swiper-button-next:after,  .featured-review-container  .swiper-button-prev:after{
    display:none!important;
  }
  .featured-review-container .swiper-slide{
   text-align: center;
  }
  .featured-review-container .Heading{
  font-size:40px;
  }
  .featured-review-container   .image {
   margin:5px 0px; 
  }
 .featured-review-container  .text{
       font-size: 21px;
   font-style: italic;
   margin-bottom:40px;
   position: relative;
   z-index: 2;
  }
  .featured-review-container .image img{
   max-width:350px;
   position: relative;
   z-index: 2;
  }
    .image-swiper-container .swiper-button-prev,
  .featured-review-container .swiper-button-prev{
    width: 45px;
    height: 45px;
    background: #024488;
    border-radius: 50%;
  }
    .image-swiper-container .swiper-button-prev svg,
  .featured-review-container .swiper-button-prev svg{
    transform: rotate(180deg);
  }
   .image-swiper-container .swiper-button-prev svg path,
  .featured-review-container .swiper-button-prev svg path{
  fill: #ffffff;
}
  .image-swiper-container .swiper-button-next,
.featured-review-container .swiper-button-next{
  width: 45px;
  height: 45px;
  background: #024488;
  border-radius: 50%;
}
 .image-swiper-container .swiper-button-next svg path,
.featured-review-container .swiper-button-next svg path{
fill: #ffffff;
}

 @media only screen and (min-width: 768px){
  .image-swiper{
margin: 0px -45px;
padding: 0px 45px;
width: calc(100% + 45px);
transform: translateX(22.5px);
 }
 }
.featured-review-container .inner-box{
  max-width: 710px;
    margin: 0 auto;
    position: relative;
}

.featured-review-container .inner-box::after{
  content: "";
  position: absolute;
  bottom: 56%;
  background-image: url(https://cdn.shopifycdn.net/s/files/1/0596/3910/3682/files/5072c0f74b1d4a1c920a9f8cfd238055.svg?v=1661322619);
  right: -50px;
  color: #CCD8E4;
  background-size: 60px 60px;
  background-position: 100%;
  width: 60px;
  height: 60px;
}
 
   .featured-row__price p{
       font-weight: bold;
     margin-bottom:0px;
  }
  .featured-row__price strong{
        display: inline-block;
    margin-left: 0px;
/*     font-weight: 400; */
/*     text-decoration: line-through; */
    font-size: 34px;
/*     font-size: 1.8vw; */
  }
  .tag-discount-box{
   margin-bottom:1%;
  }
  .tag-discount-box .tag{
   background: #fbd200;
    display: inline-block;
    border-radius: 2rem;
    padding: .4rem 1.2rem;
    line-height: 1;
  }
  .tag-discount-box  .discount{
  
    display: inline-block;
    background: #ffa355; 
    border-radius: 2rem;
    padding: .8rem 1.2rem;
    line-height: 1rem;
    font-weight: bold;
    color: #ffffff;
  }
  .payment-buttons-absolute-shadow{
   width:100%;
  }
  
  .swiper-pagination .swiper-pagination-bullet{
       border-radius: 10px;
  }
  
  
  
  
  .testimonials-person-say-container .testimonials-swiper-contianer{
   max-width:1050px;
  }
  .testimonials-person-say-container .testimonials-slider__text{
   background: transparent;
transform: none!important;
    box-shadow: none!important;
  }
  .testimonials-person-say-container  .testimonials-swiper-slide{
   padding: 0px;
   
  }
 .testimonials-person-say-container   .testimonials-slider__text{
   padding: 0px;
  }
  .testimonials-person-say-container   .text-spacing p{
  font-size: 21px;
    font-weight:bold;
    margin-bottom:10px!important;
  }
  .testimonials-person-say-container .testimonial-meta{
   margin-top:20px;
  }
  .testimonials-person-say-container   .section-header{
       color: #ffa355;
    margin-bottom: 20px;
  }
  

  
  .testimonials-person-say-container  .btn{
   background-color:var(--colorBtnPrimary);
    margin-top: 60px;
     background-color: transparent!important;
    color: var(--colorBtnPrimary);
    border: 2px solid var(--colorBtnPrimary);
    border-radius: 2rem !important;
    padding: 5px 20px;
  }
  
  .testimonials-person-say-container  .btn:hover{
     color: var(--colorBtnPrimary)!important;
  }
  
  .testimonial-stars{
   font-size:24px;
  }
  
  .btn svg,
  .btn path{
       fill: var(--colorBtnPrimaryText);
  }
  .title,.cell-title{
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
    font-weight: var(--typeHeaderWeight);
    letter-spacing: var(--typeHeaderSpacing);
    line-height: var(--typeHeaderLineHeight);
  }
  .text-columns .image-wrap{
   border-radius: 10px;
  }
  div#dcodeOuterWrapper{
   margin-bottom:20px;
  }
  .cart__footer .left-box div#dcodeOuterWrapper{
   display:none !important;
  }
  .cart-section-header__title{
    padding-top:4rem;
   font-size: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight:bold;
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
  }
 .cart-section-header__title  .section-header__title{
  padding-top:0px;
   font-size:28px;
   margin-bottom:0px;
  }
  .cart-section-header__title   span{
   color:var(--colorBtnPrimary);
  }
  .cart_count{
   font-size: 22px;
    color: #aeaeae;
  }
 .cart-section-header__title.has_item{
   margin-bottom:0px;
  }
  
   .cart-show-now-btn{
    width: 440px !important;
    font-size: 22px!important;
  }
  .cart-template-container  .cart__item{
    	background-color: #fafafa;
    display: flex;
    align-items: center;
  }
  .cart-template-container  .cart__item .cart__item--name a{
    font-size: 2.2rem;
    font-weight: bold;
  }
  .cart-template-container .cart__item .cart__variant-meta{
    font-size: 1.6rem;
    opacity:1;
  }
    .cart-template-container  .cart__item--image{
   flex: 0 1 100px;
   }
  .cart-recommended-container .image{
    width: 100px;
    border-radius: 10px;
    overflow: hidden;
}
.cart-recommended-container .crc-item-inner{
display: flex;

}
.cart-recommended-container .crc-item-inner .title{
  font-size: 22px;
    font-weight: bold;
    }
    .cart-recommended-container .crc-item-inner .variant{
        font-size: 16px;
          }
          .cart-recommended-container .crc-item-inner   .top-box{
              margin-bottom:15px;
          }
          .cart-recommended-container .crc-item-inner      .btn{
              max-width: 100px;
              height:40px;
font-size: 18px;
                padding: 10px;
    line-height: 1;
            }
     .cart-recommended-container .crc-item-inner    .right-box{
  padding-left: 10px;
  }
   .cart-recommended-container .section-header__title{
   font-size:16px;
  }
  .crcc-outer{
      padding: 25px 20px;
    background-color: #fafafa;
    /* border-radius: 10px; */
    border: solid 1px #e5e5e5;
    border-radius: 10px;
    margin-bottom:15px;
    position:relative;
  }
  .cart-swiper-container{
    
  }
  .cart-recommended-container .section-header{
   margin-bottom:20px;
  }
  .crc-container{
   
  }
  .crc-swiper-pagination{
   padding-top:0px;
  }
   .crc-swiper-pagination  .swiper-pagination-bullet{
      background-color: #d3d3d3!important;
    border-color: #d3d3d3!important;
  }
 .crc-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
   background-color: #a1a1a1!important;
    border-color: #a1a1a1!important;
  }
/*   .cart-template-container  .middle-box-inner{
   padding-top:10px;
  } */
/*   .cart-template-container  #dcodeInnerWrapper{
  text-align: center;
  } */
 .cart-template-container   button#dcodeSubmit{
   width: 100px;
    height: 40px;
    background-color: #024488;
    border-radius: 4px;
    color: #ffffff;
  }
  
  .cart-template-container  .middle-box-inner{
   padding-left:40px;
  }
  
  
  .website-phone{
  display: flex;
    align-items: center;
    font-size:14px;
  
    position: absolute;
    right: 50px;
    top: 57%;
    transform: translateY(-50%);
  }
 .website-phone img{
max-width: 25px;
    display: inline-block;
    margin-right: 10px;
  }
  
  
  
  
  
   .pmcc-content .icon-box .cell+.cell{
  margin-left:10px;
  }
  
  .afterpay-paragraph{
    font-size: 14px;
    margin-top: 20px!important;
  }
  .afterpay-paragraph span{
    font-size: 14px;
  }
  #price-box .afterpay-paragraph {
   display:none;
  }
  .payment-buttons-absolute.fixed .afterpay-paragraph{
  display:none;
  }

  
  /*   product-recommendation-item-box */
 .product-recommendation-item-box .grid-product__content{
  border-radius: 10px;
    padding: 0;
    background: #fff;
    overflow: hidden;
    border: 1px solid #024488;
    padding: 12px;
   display: flex;
    align-items: center;
  }
  .product-recommendation-item-box  .grid-product__link{
   flex: 0 1 145px;
  }
    .product-recommendation-item-box  .grid-product__meta{
  padding-left: 16px;
  }
  .product-recommendation-item-box .add-to-cart{
      font-size: 16px;
    padding: 5px!important;
    max-height: 35px;
    text-align: center;
    min-width: auto!important;
    margin-top: 15px;
    display: flex;
    justify-content: center;
    min-height: auto;!important;
  }
  .product-recommendation-item-box .grid-product__tag{
    background-color: #ff1f23;
border-radius: .75rem;
 
border-top-right-radius: 0px;
  }
 .product-recommendation-item-box   .grid-product__title{
        font-weight: bold;

  }
  
  
  .mb-mask{
    display:none;
  position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    
    z-index: 3;
  }
  .lazyvideo {
   padding-bottom: 56.7%;
position: relative;
  }
  .lazyvideo  video,  .lazyvideo iframe{
    position: absolute;
top: 0px;
    left:0px;
width: 100%;
height: 100%;
  }

  .gw-button-widget {
padding: 11px 20px;
margin-top: 15px;
line-height: 1;
}
  .payment-buttons-absolute.fixed .gw-button-widget {
display:none;
}
.afterpay-paragraph{
  font-size:14px!important;
}

  .payment-buttons-absolute.fixed  afterpay-placement{
    display:none!important;
  }




  /* new 2022.08.06 */
  
  .featured-image-with-text {
    overflow: hidden;
  }
  .featured-image-with-text .feature-row{
    margin:0px!important;
  }
  /* update font-size 2023.02.14 */
  .featured-image-with-text .h3{
    font-size: 40px;
   
    margin-bottom:0px;
   margin-right:10px; 
   line-height: 1.25;
  }
  .featured-image-with-text  .title-box{
    margin-bottom:20px;
display: flex;
align-items: flex-end;
  }
  .featured-image-with-text  .btn{
  padding: 10px 40px;
  }
 .featured-row__price p{
    font-size: 20px;
    font-size: 1.11vw;
  }
  .feature-row__text .rte{
    padding-bottom: 17px;
  }
  .featured-row__price-box{
    font-size: 27px;
  }
  .featured-image-with-text  .discount{
padding:4px 12px;
font-size: 16px;
border-radius: 25px;
margin-bottom: 20px;    
display: table;
line-height: 1;
  }
  .featured-row__price-box {
    display:flex;
  margin-top:20px;  
  }
 
  .image-wrap video{
    width:100%;
  }
  .blog-posts-container .section-header__link{
    float: unset;
    font-size: 19px;
    text-decoration: underline;
  }
  .blog-posts-container   .article__date{
    font-size:20px;
      font-family:"Poppins-SemiBold";
  }
  .blog-posts-container  .article__title{
    font-size: 18px;
  }


  .featured-why-container .feature-row__text{
    padding-bottom:0px;
    
  }
  .featured-why-container  .image-wrap{
    border-radius: 10px;
    overflow: hidden;
  }
  
 

  .featured-why-container  .text-box li{
    position: relative;
    margin-bottom: 23px;
  }
  .featured-why-container  .text-box li::after{
    content:"";
    background-image:url("/cdn/shop/files/ze-passed.svg?v=1659855103");
    position: absolute;
    left: -40px;
    width: 30px;
    height: 30px;
    background-size: 100%;
    top: -3px;
  }
  .featured-why-container  .text-box h2{
    font-size: 36px;
    font-weight: 400;
    font-family: 'Poppins-Light';
    margin-bottom: 40px;
  }
  
  .featured-why-container .feature-row__item {
padding-right:7.5px;
padding-left:7.5px;
  }
  .featured-why-container .feature-row{
margin:0px -7.5px;
  }
  .featured-why-container  .feature-row__text--right{
padding-left:7.5px!important;
  }
  .featured-why-container  .feature-row__text--left{
    padding-right:7.5px!important;
      }

      .featured-why-container .text-box{
        border-radius:10px;
        padding:35px calc(10px + 14%);
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      .featured-why-container .text-box .image-box{
        display: flex;
        align-items: center;
        justify-content: center;
       
    margin-top: 11%;
      }
      .featured-why-container .text-box .image-box img+img{
        margin-left: 15%;
      }
    .section-icon{
      text-align: center;
    }
    .section-icon img{
      max-width: 50px;
    }

    .new-putcc-inner{
      position: relative;
      margin-top: 35px;
    }
    .npi-box{
      max-width: 1200px;
      margin: 0 auto;
      position: relative;
    }
    .npi-box .item .image{
      position: relative;
    }
    .npi-box .item-image-box{
      width: 160px;
      height: 160px;
      border-radius: 50%;
      overflow: hidden;
      margin-right: 30px;
      flex-shrink: 0;
    }
    .npi-box  .content-box{
    
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .3s;
      max-height: 0;
      overflow: hidden;
      margin: 0px;
    }
    .npi-box .item.active .content-box{
      margin-top: 30px;
      margin-bottom: 50px;
      max-height: 300px;
    }
    .npi-box  .content-box-inner{
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .npi-box   .item-content-box{
      max-width: 35%;
    }
    .npi-box  .li-title-num{
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 10px;
    }
    .new-lutc-inner{
      padding-bottom:80px;
    }

    .zb{
      width: 28px;
height: 28px;
background-color: #FFBE01;
border-radius: 50%;
margin-right: 10px;
      display: inline-block;position: relative;
      flex-shrink: 0;
      
    }
    
    .template-product .section-header h2,
    .template-product .section-header .section-title,
    .template-product   .section-title{
      display: flex;
      justify-content: center;
    }
    .zb{
      margin-top:3px;
    }
        .zb+*{
          
      line-height:1;
    }
    @media (min-width:769px){
      .zb+*{
        line-height:1;
        
      }
    
    }
    .zb:not(.wrong)::after{
      content: "";
      position: absolute;
      left: 11px;
      top: 6px;
      width: 7px;
      height: 15px;
      border: solid var(--colorTextBody);
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    .zb.wrong{
      background: red;
      /* line-height: 28px;
      text-align: center;
      font-weight: 500;
      font-family: 'Poppins-Light';
      */
    }
    .zb.wrong::after{
      content: "×";
      font-size: 27px; 
      border:none;
      -webkit-transform: translate(-54%,-50%);
      transform: translate(-55%,-50%);
      left: 50%;
      top: 50%;
      color: white;
      font-weight: normal;
      font-family: 'Poppins-Light';
      position: absolute;
      line-height:1;
    }
    
    .new-lutc-inner .item{
      position: relative;
    }
    .product-page-content{
      padding-top:50px;
    }

    .payment-buttons-mb-container {
      position: fixed;
    bottom: 0px;
    left: 0px;
    background: #ffffff;
    width: 100%;
    transition: all 0.5s ease;
    transform: translateY(100%);
    z-index: 15;
    }
    .payment-buttons-mb-container.active {
      transform: translateY(0%);
    }
    .pbmc-inner{
      padding: 15px 20px;
      display: flex;
      justify-content: center;
      box-shadow: 0px 0px 10px 0px rgb(0,0,0,0.2);
    }
    .pbmc-button{
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 8px 8px 8px 15px;
      background: #FFBE01;
      border-radius: 50px;
      font-size: 14px;
    }
    .payment-buttons-mb-container  .span-icon{
      width: 20px;
      height: 20px;
      line-height: 0;
      transform: rotate(-90deg);
      margin-left: 15px;
    }

    afterpay-placement{
      color: #1D253B;
    }

.payment-buttons-absolute.fixed .product-inventory_quantity-box {
display:none;
}
.product-inventory_quantity-box .icon{
    position:relative;
    width:25px;
    height:25px;
    margin-right:10px;
  }


 

@keyframes inventory-pulse{
  0%{
    opacity:0.5;
  }
  to{
    transform:scale(2.5);
    opacity:0;
  }
}

.icon--inventory:after,.icon--inventory:before{
    width:9px;
    height:9px;
    background:#54c63a;
    border-radius:9px;
    position:absolute;
    left:0;
    top:0;
    content:"";
    margin:8px;
  }
  .product-inventory_quantity-box {
  margin-bottom:20px;
    color:#f00;
  }

.icon--inventory:before{
    animation:inventory-pulse 2s linear infinite;
  }

.inventory--low .icon--inventory:after,.inventory--low .icon--inventory:before{
      background:#f00;
    }

.inventory--low{
  color:#f00;
}


.psc-tabbar{
  text-align: center;
  padding: 20px;
  cursor: pointer;
}
.psc-tabbar span{
  display: inline-flex;
    justify-content: center;
    font-size: calc(10px + 1.3541666vw);
    align-items: center;
}

.psc-tabbar span svg{
  transform: rotate(90deg);
    margin-left: 5px;
}
.psc-content{
  padding: 5.2083333vw 4.427083333vw;
}
.psc-content .item-title{
  display: flex;
  align-items: center;
  margin-bottom: 1.30208333vw;
}
.psc-content  .item-title-icon{
  line-height: 0;
  display: block;
  margin-right: 10px;
}
.psc-content .item-title h2{
  font-size: 1.3541666vw;
  margin-bottom: 0px;
}
.psc-content  .item-content{
  font-size: 1.0416666vw;
  line-height: 1.55;
  padding-left: 30px;
  overflow: hidden;
}
.psc-content-inner{
  display: flex;
}
.psc-content-inner .cell{
  width:
}
.psc-content-inner .cell:nth-child(1) .item:nth-child(1){
  margin-bottom: 1.458333vw;
}
.psc-content-inner  .item-box{
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(187, 187, 187, 1);
}
.psc-content-inner .cell:nth-child(1){
  width:33.3333%;
  flex:0 1 33.3333%;
  padding-right:5.2083333vw;
}
.psc-content-inner .cell:nth-child(2){
  width:30%;
  flex:0 1 30%;
  padding-right:5.2083333vw;
}
.psc-content-inner .cell:nth-child(3){
flex:1;
}
.psc-content-inner .cell:nth-child(2) .item:nth-child(1){
  margin-bottom: 1.458333vw;
}
.psc-content-inner .cell:nth-child(2) .item:nth-child(2){
  margin-bottom: 1.458333vw;
}
.psc-content-inner .cell:nth-child(3) .item-box{
  float: left;
  width:50%;
  margin-bottom:10px;
}

/* .psc-content-inner .cell:nth-child(3) .item-box:nth-child(n+1){
  float: unset;
} */



.psc-content-inner .cell .item-box label{
  font-weight: 400;
  font-size: 1.0416666vw;
  text-transform: unset;
  margin-bottom: 3px;
}

.psc-content .toggle-btn{
  display:none;
}
.psc-tabbar.active svg{
 transform: rotate(-90deg);
}

@media screen and (max-width:768px) {
  .site-header--stuck .site-nav__link{
    padding-top:15px;
    padding-bottom:15px;
  }
  .psc-content .toggle-btn{
  display:block;
}
}
 


@media screen and (max-width:589px) {
  .psc-content .toggle-btn{
  display:block;
  } 
  .psc-content .item-title{
    justify-content: space-between;
    margin-bottom: 10px;
 align-items: unset;
  }
  .psc-content-inner {
    display: block;
}
  .psc-content-inner .cell:nth-child(1),
  .psc-content-inner .cell:nth-child(2),
  .psc-content-inner .cell:nth-child(3){
    width:100%!important;
    flex: 1;
    padding-right: 0px;
  }
  .psc-content .item-title h2 {
    font-size: 18px;
    margin-bottom: 0px;
}
  .psc-content .item-title-icon{
display:none;
}
  .psc-content .item-content{
    font-size: 14px;   
    padding-left:0px!important;
  }
   .psc-content-inner .cell .item,
  .psc-content-inner .cell:nth-child(1) .item:nth-child(1){
  margin-bottom:0px!important;
  }
  .psc-content-inner .item-box{
  padding-bottom: 25px;
  margin-bottom: 0px;
  }
  .psc-content-inner .item{
    padding-bottom: 20px;
  }
  .psc-content .item-content{
    display: none;
    padding-top: 10px;
  }
  .psc-content-inner .cell .item-box label{
    font-size: 16px;
  }
  .psc-content-inner .item-box{
    border-bottom:none;
    margin-bottom:0px!important;
  }
}
.shopify-payment-button__button--branded .shopify-cleanslate{
              border-radius: 50px;
    overflow: hidden;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
}

 




.crc-select-box{
position: relative;
max-width: 200px;
}
.crc-select-first-box{
  position: relative;
  background: #ffffff;
  padding: 5px 15px 5px 5px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 12px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: nowrap;
}
.crc-select-first-box::after{
  content: ">";
  font-size: 16px;
  line-height: 1;
  position: absolute;
  /* color: #000000; */
  top: 50%;
  right: 8px;
  transform: translateY(-50%) rotate(90deg);
  transition: all 0.5s ease;
}
.crc-select-option-box{
  display:none;
  font-size:12px;
  background: #ffffff;
    box-shadow: 3px 1px 10px -8px rgba(0,0,0,0.5);
    padding: 5px 0px;
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    border-radius: 0px 0px 5px 5px;
    max-width: 200px;
    z-index: 11;
}
 
/* .logo--inverted img{
 max-width:120px;
 }

 */
/* black-banner.css */
.card-contain .tag{
  position: absolute;
    width: 18%;
    right: 10px;
    top: 10px;
}
.black-banner-contain {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  padding-bottom: 10px;
}
.black-banner-image img {
  height: 100%
}
.black-banner-image {
  width: 100%;
  position: absolute;
  height: 100%;
}
.black-banner-content {
  z-index: 3;
}
.black-banner-logo {
  margin: 0px auto;
  text-align: center;
  width: 28vw;
}
.black-banner-logo img {
  height: auto;
}

.black-banner-contain .banner-tip {
  color: #fff;
  text-align: center;
}

.serve-list {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 10px;
}
.serve-list .serve-item {
  display: flex;
  align-items: center;
  margin-right: 2vw;
}

.serve-list .serve-item:last-child {
  margin-right: 0px;
}

.serve-list .serve-icon {
  margin-right: 10px
}
.card-image-mb {
  display: none;
}
@media screen and (max-width: 768px){
  .serve-list {
    /* display: none; */
    font-size: 12px;
  }
  .card-image-pc {
    display: none;
  }
  .card-image-mb {
    display: block;
  }
}
@media screen and (max-width: 590px){
  .serve-list .serve-item {
    margin-right: 0px;
    width: auto;
  }
  .serve-list .serve-icon {
    scale: .4;
    margin-inline: -10%;
  }
  .serve-list {
    max-width: 412px;
    justify-content: space-between;
  }
}
@media screen and (max-width: 414px){
    .serve-list {
      padding-inline: 5px !important;
    }
    .serve-list .serve-item {
        font-size: 9px;
    }
}
.text-and-image-card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  grid-gap: 1vw 2vw;
}
.text-and-image-card .card-contain {
  width: 100%;
  position: relative;
  border-radius: 55px;
  display: flex;
}
.text-and-image-card .card-content {
  position: absolute;
  width: 59%;
  padding-left: 40px;
  height: 100%;
  color: #fff;

}
.card-content-box{
height:100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  padding: 20px 0px 25px 0px;
}
.card-content-text-box{

}

.text-and-image-card .card-content-text {
  color: #fff;
  display: flex;
}
.card-content-text-box .card-text {
  font-size: 19px;
  font-weight: 500;
  margin-bottom: 8.001px;
}
.card-content .content-image {
  max-height: 150px;
  margin-left: -42.24px;
  margin-top: -19.2px;
  width: 114%;
}
.card-content-text-box .card-text-large {
  font-size: 27.999px;
  line-height: 32.001px;
  font-weight: 700;
}
.card-content .content-image img {
 
  width: 50%;
}
.text-and-image-card .card-image {
  width: 100%;
}


.text-and-image-card .card-image img {
  border-radius: 10px;
}

.card-content-button {
  width: fit-content;
  padding: 3.999px 20.001px;
  background: #febd01;
  border-radius: 66px;
  color: black;
  margin-top: 15.36px;
  font-size: 18px;
}

.text-and-image-card .card-tip {
  padding: 2px 5px;
  background: black;
  margin-bottom: 15.36px;
  width: fit-content;
  font-size: 15.999px;
  display:inline-block;
}

.date-time .date-item {
  padding: 0.8vw 0px 0.5vw;
  min-width: 5.5vw;
  background: white; 
  display: flex;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  flex-flow: column;
}
.date-time .tip-date {
  font-size: 1vw;
}
.date-time .date-number {
     font-size: 2.61725vw;
    font-weight: 900;
    line-height: 1;
}
.date-time .line-date {
  width: 50%;
  height: 0.2vw;
  background: #073e76;
  flex: 0 0 auto;
  border-radius: 2px;
  margin: 0.2vw 0px;
}
.date-time {
  display: flex;
    margin-bottom: 1.7578125vw;
  justify-content: center;
}

@media screen and (max-width: 1100px){
  .card-content .content-image {
    max-height: 125px;
  }
}
@media screen and (max-width: 950px){
  .card-content .content-image {
    max-height: 110px;
  }
}
@media screen and (max-width: 840px){
  .card-content .content-image {
    max-height: 95px;
  }
}
.black-banner .banner-mb {
  display: none;
}

@media screen and (max-width: 768px){
  .card-content .content-image img {
    margin: 0px auto;
  }
  .card-content .card-content-box {
    height: 100%;
  }
  .black-banner .banner-pc {
    display: none;
  }
  .black-banner .banner-mb {
    display: block;
  }
  .card-content .content-image {
    max-height: 95px;
  }
  .text-and-image-card {
    background: black;
    background: linear-gradient(#201e1a 20%,black 80%);
  }
  .black-banner-logo {
    width: auto;
  }
  .text-and-image-card .card-content {
    width: 100%;
    padding-left: 0px;
  }
  .text-and-image-card .card-content-text {
    justify-content: center;
    margin-top: 0px;
    height: 66%;
  }
  
  .card-content-text-box {
    text-align:center;
    flex-flow: column;
    justify-content: space-between;
    width: 80%
  }
  
  .card-content-text-box .card-text {
    font-size: 18px;
    line-height: inherit;
  }
  .text-and-image-card .card-content-text {
    justify-content: center;
    text-align: center;
  }
  .text-and-image-card .card-contain:nth-of-type(3) .card-content-text {
    text-align: left;
  }
  .text-and-image-card .card-contain:nth-of-type(4) .card-content-text {
    text-align: left;
  }
  
  .card-content-text-box .card-text-large {
    font-size: 20px;
    line-height: inherit;
  }
  .text-and-image-card .card-tip {
  font-size:12px;
     
    text-align: center;
  }
  .text-and-image-card{
      grid-gap: 10px;
  }
  .card-content-button {
    padding: 4px 20px;
    font-size: 14px;
    margin: 12px auto 5px;
  }
  .date-time .date-item {
    padding: 15px 5px;
    min-width: 75px;
  }
  .date-time .date-number {
    font-size: 18px;
  }
  .date-time .tip-date {
    font-size: 16px;
  }
}
@media screen and (max-width: 491px){
  .card-contain .tag{
    width: 24%;
  }
  .card-content .content-image{
      margin-left: -31.24px;
  }
  .text-and-image-card{
  display: block;
  }
  .card-contain{
  margin-bottom:20px;
  }
  .text-and-image-card .card-tip{
  background-color:rgba(0,0,0,0.3)
  }
  .card-content-text-box .card-text {
    font-size: 18px;
  }
  .card-content-text-box .card-text-large{
    font-size:24px;
    line-height: 1.5;
  }
  .card-content-button {
    margin-top: 50px;
    font-size:14px;
  } 
  .card-content-text-box {
    width: 90%;
  }
  .card-content .content-image {
    margin-top:20px;
  }
  .text-and-image-card .card-content-text{
  margin-top:-10px;
  }
  .card-content-box{
  display:block;
  }
}

/* .site-nav__item:nth-child(2)::after{
display:none;
content: "sale";
    background: #f93636;
    color: #fff;
    padding: 2px 5px;
    line-height: 1;
    font-size: 12px;
    text-transform: capitalize;
    position: absolute;
    top: 0px;
    right: 16px;
} */
/* .mobile-nav__item:nth-child(2) .mobile-nav__link,
.site-nav__item:nth-child(2) .site-nav__link{
color: #f93636;
}
 .site-nav__item:nth-child(2)>.site-nav__link span::after  {
 background:  #f93636;
 } */
/* black-friday.css */




.crc-select-box{
position: relative;
max-width: 200px;
}
.crc-select-first-box{
  position: relative;
  background: #ffffff;
  padding: 5px 15px 5px 5px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 12px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: nowrap;
}
.crc-select-first-box::after{
  content: ">";
  font-size: 16px;
  line-height: 1;
  position: absolute;
  /* color: #000000; */
  top: 50%;
  right: 8px;
  transform: translateY(-50%) rotate(90deg);
  transition: all 0.5s ease;
}
.crc-select-option-box{
  display:none;
  font-size:12px;
  background: #ffffff;
    box-shadow: 3px 1px 10px -8px rgba(0,0,0,0.5);
    padding: 5px 0px;
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    border-radius: 0px 0px 5px 5px;
    max-width: 200px;
    z-index: 11;
}
 
 



// 2022.11.16 start
.crcc-outer{
  position: relative;
}
.crc-item-inner .shopify-product-form{
  margin-top:15px;
}
.crc-select-option-box .item{
  padding:  5px;
  cursor: pointer;
  transform: all 0.5s ease;
}
.crc-select-option-box .item:hover{
  background: #efefef;
}
.crc-select-first-box.active::after{
  transform: translateY(-50%) rotate(-90deg);
}
.vamp-1-container .section-header h1{
font-size:52.5px;
}
.vam-part-1-box{
  display: flex;
  margin-left:-40px;
}
.vam-part-1-box .item{
  padding-left:40px;
  text-align: center;
  width: 50%;
}
.vam-part-1-box .item .image{
 
    margin: 0 auto 20px;
  display: flex;
    justify-content: center;
   
      border-radius: 10px;
        overflow: hidden;
    }

    .vam-part-3-box .item .image{
        max-width: 120px;
    margin: 0 auto 20px;
    }
    .vam-part-1-box .item .image video{
      width:100%;
    }
.vam-part-1-box .item .title-box{
font-size:21px;
margin-bottom:15px;
font-family:"Poppins-Medium";
}
.vam-part-1-box .item .subtitle{
  font-size:18px;
  color:#848484;
  margin-bottom: 20px;
  }
  .vam-part-1-box .item .price-cell {
    font-size:18px;
    margin-bottom: 20px;
    }
    .vam-part-1-box .item .price-cell nobr{
      font-weight: 400;
      color:#848484;
      text-decoration: line-through;
    }
      .vamp-3-container .section-header{
        border-radius: 10px;
        background-color: rgba(224, 239, 255, 1);
        text-align: center;
        margin-bottom:18px;
        padding:60px 20px;
      }
      .vamp-3-container .section-header h2{
       font-size:52.5px;
        margin-bottom:0px;
      }
      .vamp-3-container .vam-part-1-box .item{
        width:33.3333%;
      }
      .vam-part-3-box{
        margin-left:0px;
        background: #F5F5F7;
        border-radius: 10px;
        width: 100%;
        padding: 1.64583vw 0px;
        flex-wrap: wrap;
        
      }
      .vam-part-3-box .item{
        padding-left:0px;
        padding:0px 23px;
        margin-bottom: 45px;
      }
      .vam-part-3-box .item:nth-last-child(3),
      .vam-part-3-box .item:nth-last-child(2),
      .vam-part-3-box .item:nth-last-child(1){
        margin-bottom:0px;
      }
      .vam-part-3-box .item .subtitle{
        color: var(--colorTextBody);
        margin-bottom:0px;
      }
       .vamp-2-box{
      text-align: center;
      font-size: 18px;
       }
       .vamp-2-box .bottom-box-inner,
      .vamp-2-box .top-box-inner,
         .vamp-2-box .container-box{
margin-left:-20px;
        display:flex;
      }
      .vamp-2-box .bottom-box-inner .item,                                                                                                                                                                     
         .vamp-2-box .container-box .cell,
      .vamp-2-box .top-box-inner .item{
padding-left:20px;
    flex:1;
      }
      .vamp-2-box .container-box .item{
        display:flex;
        justify-content: center;
        align-items: center;
      }
      .vamp-2-box .item_0 .image,
      .vamp-2-box .container-box .item-inner{
        width:100%;
      }
      .vamp-2-box .container-box .item:not(.item_0) {
        padding:20px 30px;
        border-bottom: 1px solid rgba(57, 67, 77, 1);
      }
      .vamp-2-box .cell-inner{
        border-radius:10px;
        background-color: rgba(245, 245, 247, 1);
      }
      .vamp-2-box   .item_0 .image  {
        padding: 19px 30px;
      }
      .vamp-2-box   .top-box-inner   .item-inner{
        border-radius: 10px;
        background-color: rgba(236, 227, 203, 1);
        padding: 15px;
       
      }
      .vamp-2-box   .top-box-inner .first-item .item-inner{
     
        background-color: rgba(224, 239, 255, 1);
     
      }
      .vamp-2-box .container-box .item .title{
        font-size:30px;
        margin-bottom:10px;
      }
      .vamp-2-box .container-box .item .item-inner .image{
max-width: 60%;
    margin: 0 auto 20px;
      }
      .vamp-2-box .container-box .item:nth-last-child(1) {
border-bottom:none;
      }
      .vamp-2-box .bottom-box-inner .item .btn{
        width:100%;
        font-size: 18px;
      }
      .vamp-2-box  .container-box{
        margin-bottom:20px;
     
      }
      .vamp-2-box .top-box{
        position: relative;
        padding:20px 0px;
      }
      .vamp-2-box  .top-box-outer{
        position: absolute;
        top:0px;
        left:0px;
        width:100%;
        padding:20px 0px;
        background: #ffffff;
        z-index:2;
      }
      .vamp-2-box  .top-box-outer.fixed{
        position: fixed;
        border-top: 1px solid #cacaca;
        border-bottom: 1px solid #cacaca;
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);
    transition: all 0.5s ease;
      }
      .vamp-2-container   .section-header{
        margin-bottom:0px;
      }
      .vamp-2-container .section-header-outer{
        background-color: rgba(255, 217, 105, 1);
        padding: 50px 20px;
        margin-bottom:40px;
      } 

      .vamp-2-box .top-box-outer .first-item .option-box{
        display:none;
      }
      .vamp-2-box .top-box-outer  .option-box .option-item{
        background-color: rgba(236, 227, 203, 1);
      
        padding: 15px;
       
      }
      .vamp-2-box .top-box-outer  .option-box{
        border-radius:5px;
        overflow: hidden;
        position: absolute;
       
        top: 100%;
        box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2);
      }
      .vamp-2-box .top-box-outer .option-box .option-item+.option-item{
border-top:1px solid  #d7d3d3;
      }
      .vamp-2-box .top-box-inner .item-inner{
        position:relative;
      }
      .vamp-2-box .top-box-inner .first-item .item-inner::after{
        display:none;
      }
      .vamp-2-box .top-box-inner .item-inner::after{
        
        content: ">";
        position: absolute;
        right: 5px;
        transform: translateY(-50%) rotate(90deg);
        top: 50%;
        width: 15px;
        height: 15px;
        line-height: 1;
        transition: all 0.5s ease;
      }
      .vamp-2-container-0 .vamp-2-box .top-box-inner .item-inner::after,
      .vamp-2-container-1 .vamp-2-box .top-box-inner .item-inner::after,
        .vamp-2-container-2 .vamp-2-box .top-box-inner .item-inner::after,
        .vamp-2-container-3 .vamp-2-box .top-box-inner .item-inner::after{
        display:none;
      }
      .vamp-2-box .bottom-box{
        position: relative;
      }
      .vamp-2-box .bottom-box-outer{
        position: absolute;
        bottom:0px;
        width:100%;
        left:0px;
        background:#ffffff;
      }
      .bottom-box-outer.fixed{
        position: fixed;
        z-index:2;
        padding:15px 5px;
        box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
      }
      .vamp-2-box .top-box-outer .option-box{
        display:none;
      }
      .vamp-2-box .top-box-inner .item{
        position: relative;
      }
      .vamp-2-box .top-box-inner .item.active .item-inner::after{
        transform: translateY(-50%) rotate(-90deg);
      }

      .vamp-2-box .top-box-outer .option-box{
        
        width: calc(100% - 22px);
      }
      .template-view-all-mattresses .psct-inner .subtitle{
        font-size:28px;
      }
      .template-view-all-mattresses .product-spec-contianer .title{
        font-size: 52.5px;
      }
      .vam-part-4-box{
        display: flex;
        margin-left:-30px;
      }
      .vam-part-4-box .item{
width:33.3333%;
padding-left:30px;
text-align: center;
      }
      .vam-part-4-box .item video {
        width: 100%;
            height: 100%;
    aspect-ratio: 1;
      }
      .vam-part-4-box .item .image  {
        line-height: 0;
        margin-bottom: 20px;
    display: flex;
    justify-content: center;
    border-radius: 10px;
    overflow: hidden;
      }
      .vam-part-4-box .item .title-box {
        font-size: 21px;
        margin-bottom: 15px;
        font-family: "Poppins-Medium";
        font-weight: 400;
    }
    .vam-part-4-box .item .subtitle {
      font-size: 18px;
      margin-bottom: 20px;
  }
  .vam-part-4-box {
    margin-bottom:-10px;
  }
  .vam-part-4-box .item{
    margin-bottom:10px;
  }
@media screen and (min-width:1921px) {
  .vamp-2-container  .top-box-inner .subtitle{
    font-size:24px;
  }
.vamp-2-container .section-header h2{
font-size:70px;
}
.vamp-2-box .top-box-inner  .item-inner{
  font-size:24px;
}
.vamp-2-box  .container-box .subtitle{
  font-size:24px;
}
.vamp-2-container .section-header .subtitle{
  font-size:24px;
}
  .vam-part-1-box .item .price-cell{
    font-size:24px;
  }
  .vam-part-1-box .item .btn{
    font-size:28px;
  }
  .vamp-2-box .bottom-box-inner .item .btn{
   
    font-size: 24px;
  }
  .vamp-2-box .container-box .item .title{
    font-size:40px;
  }
  .vam-part-3-box .subtitle{
    font-size:20px!important;
  }
  .vam-part-3-box{
   
    padding:45px 0px;
  }
  .vam-part-3-box .item{
    padding:0px 58px;
  }
  .vam-part-4-box .item .title-box,
  .vam-part-1-box .item .title-box{
    font-size:28px;
    }
    .vam-part-1-box .item .subtitle,
    .vam-part-1-box .item .subtitle{
      font-size:24px;
      }
      .vamp-3-container .section-header h2,
      .vamp-1-container .section-header h1{
        font-size:70px;
        }
}
@media screen and (max-width:768px) {
      .vamp-2-box .container-box .item .item-inner .image{
max-width: 100%;
      }
  .vamp-1-container .section-header h1{
    font-size: 28px;
  }
  .vamp-2-container .section-header h2{
    font-size:28px;
  }
  .vamp-1-container .section-header{
margin-bottom:50px;
  }
  .vamp-2-container .section-header-outer {
    margin-bottom:20px;
    padding: 35px 20px;
}
.vamp-2-box .item_0 .image {
  padding: 10px;
}
.vamp-2-box .container-box .item:not(.item_0) {
  padding: 15px 10px;
}
.vamp-2-box .container-box .item .title {
  font-size: 24px;
}
.vamp-2-box .bottom-box-inner .item .btn {
  font-size: 16px;
  padding: 10px;
}
.vamp-2-box .container-box .item .item-inner .image {
  margin-bottom: 10px;
  
}
.vamp-2-box .top-box-outer{
  padding:10px 0px;
}
.vamp-2-box .top-box-inner .item{
  position: relative;
}
.vamp-2-box .top-box-inner .item-inner {
  padding: 8px 20px 8px 8px;
  border-radius: 5px;

}
.vamp-2-box .cell-inner{
  border-radius:5px;
}
.vamp-3-container .section-header h2 {
  font-size: 28px;
}
.vamp-3-container .section-header {
  padding: 30px 20px;
}
.vam-part-3-box .item {
  padding: 0px 12px;
  margin-bottom: 50px;
}
.vam-part-2-box .item .image{
  max-width: 90px;
  margin: 0px auto 10px;
}
.vam-part-4-box .item .title-box,
.vam-part-1-box .item .title-box {
  font-size: 18px;
  margin-bottom: 10px;
}
.vam-part-1-box .item .subtitle,
.vam-part-1-box .item .subtitle {
  font-size: 14px;
}
.vam-part-1-box .btn{
  font-size:18px;
}
.vam-part-3-box .image{
  max-width: 90px;
  margin: 0 auto 0px;
}
}


@media screen and (max-width:589px) {
  .vam-part-4-box .item .subtitle{
  font-size:12px;
  }
  .vam-part-4-box {
    flex-wrap: wrap;
    margin-left:-20px;
  }
  .vam-part-4-box .item {
width:50%;
padding-left:20px;
  }
  .vam-part-3-box{
    padding-bottom:40px;
  }
  .vam-part-3-box .item,
  .vam-part-3-box .item:nth-last-child(3){
    margin-bottom:20px;
  }
  .vamp-3-container .vam-part-1-box .item{
    margin-top:0px!important;
  }
  .vam-part-3-box .item .title-box{
    font-size:16px;
  }
  .vam-part-3-box .item .subtitle{
    font-size:12px;
    margin-bottom: 0px!important;
  }
  .vamp-3-container .vam-part-1-box .item{
    width:50%;
  }
  .vamp-2-box .top-box-inner .item:not(.first-item) .item-inner::after{
    display:block!important;
    
  }
  .vamp-2-box .top-box-inner .item-inner::after{
  
    width: 10px;
    height: 10px;
    
  }
  .vamp-2-box .top-box-outer  .option-box{
    
    width: calc(100% - 5px);
  
  }
  .vamp-2-box .top-box-outer .option-box .option-item{
    font-size:14px;
    padding:8px;
  }
  .vamp-2-container .page-width,
  .vamp-1-container .page-width,
  .vamp-3-container .page-width{
    padding:0px 9px;
  }
  
  .vamp-2-box .top-box-inner .item{
    display:none;
  }
  .vamp-2-box .top-box-inner .item:nth-child(1),
  .vamp-2-box .top-box-inner .item:nth-child(2){
    display:block;
  }
  .vamp-2-box .container-box .cell{
    display:none;
  }
  .vamp-2-box .container-box .cell:nth-child(1),
  .vamp-2-box .container-box .cell:nth-child(2){
    display:block;
  }
  .vamp-2-box .bottom-box-inner .item{
    display:none;
  }
  .vamp-2-box .bottom-box-inner .item:nth-child(1),
  .vamp-2-box .bottom-box-inner .item:nth-child(2){
    display:block;
  }
  .vamp-2-box .bottom-box-inner .item, .vamp-2-box .container-box .cell, .vamp-2-box .top-box-inner .item{
    padding-left:5px;
  }
  .vamp-2-box .bottom-box-inner, .vamp-2-box .top-box-inner, .vamp-2-box .container-box{
    margin-left:-5px;
  }
  .vamp-2-box .bottom-box-inner .item, .vamp-2-box .container-box .cell, .vamp-2-box .top-box-inner .item{
    width: 50%;
  }
  .vamp-2-box .top-box {
    padding: 10px 0px;
}
.vamp-2-box .bottom-box-inner .item .btn{
  font-size:14px;
  padding: 10px 5px;
}
.vamp-2-box .top-box-inner .item-inner{
  font-size:14px;
  text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: nowrap;
}
.vamp-2-box .subtitle{
  font-size:14px;
}
.vam-part-1-box .item{
  margin-left: 0px;
  width: 100%;
}
.vam-part-1-box{
  padding-left:0px;
  flex-wrap:wrap;
}
/* .vam-part-1-box .item .image{
  margin-bottom:15px;
 
} */
 
.vam-part-1-box .item .subtitle{
  margin-bottom:15px;
}
.vam-part-1-box .item+.item{
  margin-top:50px;
}
.vamp-2-container .subtite{
  font-size:16px;
}
}
@media screen and (max-width:375px) {
  .vamp-2-box .bottom-box-inner .item .btn{
    font-size:13px;
  }
}
// 2022.11.16 end


.product-review-container .yotpo.yotpo-main-widget.yotpo-small .promoted-products-box .yotpo-promoted-products{
margin-left:0px !important;
  margin-right:0px !important;
} 

.yotpo.yotpo-main-widget.yotpo-small .promoted-products-box .yotpo-promoted-products .yotpo-promoted-product, .yotpo .yotpo-modal-dialog.yotpo-small .promoted-products-box .yotpo-promoted-products .yotpo-promoted-product{
width:140px!important;
}



/* 圣诞节 */
.christmas-item-box .text-and-image-card{
      grid-template-columns: 1fr 1fr 1fr;
}
/*  .template-index  .logo--has-inverted {
    display: none;
  }
  .template-index  .site-header--stuck .logo--has-inverted {
    display: block;
  }
 .template-index   .site-header__logo .logo--inverted {
    opacity: 1;
    visibility: unset;
    overflow: hidden;
    height: auto;
  } */
/*  .template-index   .site-header--stuck .logo--inverted {
    height: 0px;
  } */
/*  .template-index   .site-header--heading-style .site-nav__link {
    color: #fff !important;
  }
  .template-index  .site-header--heading-style .site-nav__link svg {
    fill: #fff !important;
  }
  .template-index  .site-nav__expanded-item>.site-nav__link span::after{
    background:#ffffff!important;
  }
 .template-index   .site-header--stuck .site-nav__link {
    color: #024488 !important;
  }
 .template-index .site-header--stuck .site-nav__link svg {
    fill: #024488 !important;
  } */
  .christmas-item-box{
        position: absolute;
    bottom: 6vw;
    width: 100%;
    left: 0px;
  }
/*   .christmas-item-box .text-and-image-card{
   padding-bottom:0px;
    margin-bottom:0px;
  } */
   .christmas-item-box .text-and-image-card .card-tip{
 
    margin-bottom: 0px;
    bottom: 0.5%;
    position: absolute;
    left: 21%;
    font-size: 1.3vw;
    background: transparent;
  }
  .christmas-item-box h1{
        padding-top: 2vw;
    font-family: Poppins-Regular;
    font-size: 2.47vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 2.029vw;
    letter-spacing: 0vw;
    color: #ffffff;
  }
 .christmas-item-box .text-and-image-card .card-content{
    width:90%;
  }
  .christmas-item-box .text-and-image-card .card-text.price-text{
    font-family: Poppins-SemiBold;
    font-size: 1.532vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.263;
        margin-bottom: 0px;
  }
    .christmas-item-box .text-and-image-card .card-text.price-text b{
 font-family: Poppins-Regular;
    font-weight: 400;
    font-size: 1.3vw;
  }
   .christmas-item-box .text-and-image-card .card-text.title-text{
    font-family: Poppins-Light;
    font-size: 1.094vw;
    font-weight: normal;
    font-stretch: normal;
     line-height: 1.263;
    color: #ead5b2;
  }
  .christmas-item-box  .card-contain:nth-child(3)   .card-text.title-text{
    font-size: .83vw;
    font-family: Poppins-Light;
    font-weight: 400;
    line-height: 1.2
  }
    @media screen and (min-width:1921px) {
      .christmas-item-box .text-and-image-card{
        max-width:1780px;
      }
    }
  @media screen and (max-width:1440px) {
    .christmas-item-box{
      bottom:-1vw;
    }
    .christmas-item-box .text-and-image-card .card-text.price-text{
          font-size: 2.2vw;
    }
    .christmas-item-box .text-and-image-card .card-text.title-text {
   
    font-size: 1.594vw;
  
    line-height: 1.263;
    
    margin-top: 10px;
}
.christmas-item-box .text-and-image-card .card-tip {
    
    font-size: 1.8vw;
   
}
    .christmas-item-box .text-and-image-card .card-text.price-text b {
   
    font-size: 1.8vw;
}
    .christmas-item-box .card-contain:nth-child(3) .card-text.title-text {
    font-size: 1.3vw;
    
}
  }

@media screen and (max-width:768px) {
      .christmas-item-box .text-and-image-card{
            background: none;
      }
  .christmas-item-box  .section-header {
    margin-bottom: 20px!important;
}
  
}
@media screen and (max-width:589px) {
  .christmas-item-box  .card-content-box{
  padding-top:15px;
  }
  .christmas-item-box .text-and-image-card .card-text.price-text{
    line-height:1.1;
  }
.christmas-item-box .text-and-image-card{
  padding: 0px 13%;
}
   .christmas-item-box  .section-header {
   display:none;
}
  .christmas-item-box   .text-and-image-card .card-content-text{
    display:block;
    text-align:left;
  }
   .christmas-item-box  .text-and-image-card .card-content-text{
    margin-top:0px;
    padding-left:20px;
     padding-right:20px;
  }
  .christmas-item-box .text-and-image-card .card-text.price-text{
    font-size:21px;
  }
  .christmas-item-box .text-and-image-card .card-text.title-text{
    font-size:16px;
  }
  .christmas-item-box .text-and-image-card .card-content{
  width:100%!important;
  }
  .christmas-item-box   .card-content-text-box{
    width:100%;
     text-align:left;
  }
  .christmas-item-box .text-and-image-card .card-tip {
    font-size: 16px;
    left: 18%;
}
  .christmas-item-box .text-and-image-card .card-text.price-text b {
    font-size: 17px;
}
  .christmas-item-box .card-contain:nth-child(3) .card-text.title-text {
    font-size: 14px;
}
}
@media screen and (max-width:380px) {
  .christmas-item-box .text-and-image-card .card-text.title-text{
  margin-top:5px;
  }
  
   .christmas-item-box .card-content .card-content-box{
     padding:10px 0px;
   }
  .christmas-item-box .text-and-image-card .card-text.price-text {
    font-size: 18px;
}
  .christmas-item-box .text-and-image-card .card-text.title-text {
    font-size: 14px;
}
     .christmas-item-box .text-and-image-card .card-text.price-text{
    font-size:19px;
  }
  .christmas-item-box .text-and-image-card .card-text.title-text{
    font-size:14px;
  }
}

@media screen and (max-width:360px) {
   .christmas-item-box .text-and-image-card .card-text.price-text{
    font-size:19px;
  }
  .christmas-item-box .text-and-image-card .card-text.title-text{
    font-size:14px;
  }
}


/*  .mobile-nav__item.appear-delay-4 .mobile-nav__link span,
   .site-nav__item:nth-child(2) span{
  position:relative;
   color: rgb(173,26,15); 
} */

/* .site-nav__item:nth-child(2) span::before{
     content: "";
    position: absolute;
    background-image: url(/cdn/shop/files/20211202135411.webp?v=1671445682);
    width: 40px;
    height: 40px;
    top: -16px;
    right: -24px;
}
 .mobile-nav__item.appear-delay-4 .mobile-nav__link span::before{
  content: "";
    position: absolute;
    background-image: url(/cdn/shop/files/20211202135411.webp?v=1671445682);
    width: 32px;
    height: 31px;
top: -13px;
    right: -19px;
    background-size: contain;
} */
/* .template-index .site-nav__item:nth-child(2) span::after,
.site-nav__item:nth-child(2) span::after {
    background:  rgb(173,26,15)!important;
} */



.brand-about-image-container  p{
margin-bottom:0px;
}
.brand-about-image-container .image-box{
  flex:0 1 420px;
}
.baic-inner{
display:flex;  
}
/* .brand-about-image-container .section-title{
      text-align: left;
    margin: 0;
} */
.brand-about-image-container .item-inner{
      display: flex;
    align-items: flex-start;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ffffff;
 }
 .brand-about-image-container .left-box{
       font-size: 72px;
    line-height: 1;
   margin-right: 20px;
   flex: 0 1 86px;
 }
.brand-about-image-container   .baic-inner-1{
   margin-bottom:50px;
 }
 .brand-about-image-container  .right-box .title{
     display:table;
    font-size: 20px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid;
 }
 .brand-about-image-container .baic-inner-1  .text-box .inner{
       padding-right: 40px;
   
 }
  .brand-about-image-container .baic-inner-2  .text-box .inner{
       padding-left: 40px;
   padding-right:0px;
 }
  .brand-about-image-container  .text-box .inner-inner{
       padding: 20px;
  border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgba(2, 68, 136,0.4);
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0px 4px 15px 0px rgb(0 0 0 / 10%);
   
 }
 .brand-about-image-container  .text-box{
    flex: 1;
 }
 
 .brand-about-image-container   .item:last-child .item-inner{
 margin-bottom:0px;
   padding-bottom:0px;
 }
 .brand-about-image-container  .image-wrap{
   border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgba(2, 68, 136,0.4);
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0px 4px 15px 0px rgb(0 0 0 / 10%);
 }
 @media screen and (max-width:768px) {
   .baic-inner{
     display:block;
   }
   .brand-about-image-container .image-box{
     margin-bottom:20px;
   }
   .brand-about-image-container .left-box{
   font-size:44px;
   }
   .brand-about-image-container .item{
     padding-right:0px;
   }
    .brand-about-image-container  .text-box .inner{
       padding-right: 0px!important;
    padding-left: 0px!important;
 }
    .brand-about-image-container  .baic-inner-2 .item{
padding-left:0px;
   padding-right:0px;
 }
   .brand-about-image-container .right-box .title {
    font-size: 24px;
}
 }

.product-buy-box.payment-buttons-absolute.fixed #revy-bundles-wrapper{
   display:none;
 }
 .black-banner-image img{
   object-fit:cover;
 }





body[data-name=summer-sale] .text-and-image-card-outer-box .text-and-image-card {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
}
 body[data-name=summer-sale] .product-card .card-desc-top div:nth-child(1){
   font-size: 18px;
    font-weight: bold;
 }
 body[data-name=summer-sale] .text-and-image-card-outer-box a.product-card-outer{
  margin:0px;
  border: 1px solid #f1f1f1;
  box-shadow: 0 0 9px #f2f2f2;
  border-radius: 14px;
  flex: 1 1 45%;
  overflow: hidden;
 }
 body[data-name=summer-sale] .product-card .card-desc-top div:nth-child(2){
   font-size: 15px;
 }
 body[data-name="summer-sale"] .product-card .product-single__form .card-btn,body[data-name="summer-sale"] .product-card .card-desc-top {
   padding: 10px 30px 0px;
 }
 body[data-name=summer-sale] .product-card .product-single__form .card-btn{
    width: 100%;
    text-align: left;
 }
 body[data-name=summer-sale] .product-card .product-single__form .card-btn .card-price span{
   margin-left:3px;
 }
 body[data-name=summer-sale] .product-card .product-single__form .card-btn .card-price span:nth-child(2){
   font-weight: bold;
 }
 body[data-name=summer-sale] .product-card .product-single__form .card-btn .card-price span:nth-child(3){
    font-size: 14px;
    text-decoration: line-through;
    color: gray;
 }
 body[data-name=summer-sale] .product-card .product-single__form .card-btn .card-text{
    width: 98%;
    background-color: #ee3209;
    text-align: center;
    padding: 15px 0px;
    border-radius: 999em;
    color: white;
    margin: 16px auto 0;
 }

 body[data-name="summer-sale"] .black-banner-image{
   position:unset;
   background:#f1f1f1;
 }
 body[data-name="summer-sale"] .black-banner-contain{
   display:block;
   padding:0;
 }
 body[data-name="summer-sale"] .product-card .product-single__form{
   padding-top:0;
 }
 body[data-name="summer-sale"] .site-header--heading-style .site-nav__link svg{
   fill: #064486 !important;
 }
 body[data-name="summer-sale"] .site-nav__link--icon span,body[data-name="summer-sale"] .cart-link__bubble--visible,body[data-name="summer-sale"] .site-nav__link--icon span{
   
   color: #064486;
 }
 body[data-name="summer-sale"] .serve-list{
    padding: 10px 0px 10px;
    background: #f1f1f1;
   max-width: none;
   width:100%;
 }
 body[data-name="summer-sale"] .black-banner-content{
   display:none;
 }
 body[data-name="summer-sale"].black-banner-contain{
   padding:0;
 }
@media (max-width:590px){
  body[data-name="summer-sale"] .black-banner .banner-mb{
    margin-bottom: 20px;
  }
  body[data-name="summer-sale"] .text-and-image-card-outer-box a.product-card-outer{
    width: 90%;
    margin: 0px;
    flex: none;
  }
  body[data-name="summer-sale"] .text-and-image-card-outer-box .text-and-image-card{
    background: white;         
    grid-gap:1vw;
    justify-content: center;
    padding-top:0;
  }
  body[data-name="summer-sale"] .product-card .card-desc-top{
    padding: 0 6px;
  }
  .page-width{
    padding:0 10px;
  }
  body[data-name="summer-sale"] .product-card .product-single__form{
    padding:10px 10px 0 10px;
  }
  body[data-name=summer-sale] .product-card .card-desc-top div:nth-child(1){
   font-size: 14px;
 }
  body[data-name=summer-sale] .product-card .card-desc-top div:nth-child(2) p{
   font-size: 12px;
    margin:0;
  }
  body[data-name=summer-sale] .product-card .card-price {
    font-size:13px;
  }
  body[data-name=summer-sale] .product-card .card-price-former,.card-btn .card-text{
    font-size:12px;
  
  }
  body[data-name=summer-sale] .product-card .product-single__form{
    padding-top: 10px;
  }
  body[data-name=summer-sale] .black-banner-contain{
    padding-bottom: 0;
  }
}
 body[data-name="weighted-blanket"] .product-under-the-covers-container .left-page-width{
   margin: 0 auto;
 }
 body[data-name="weighted-blanket"] .product-under-the-covers-container .putcc-width .title{
   text-align: center;
  padding: 4% 4% 1%;
  width: 100%;
   font-size: 3.6rem;
 }
 body[data-name="weighted-blanket"] .product-under-the-covers-container .putcc-inner{
   flex-direction: row-reverse;
     justify-content: center;
}
 
 body[data-name="weighted-blanket"] .product-under-the-covers-container .putcc-inner .left-box{
   margin-left: 10%;
 }
 body[data-name="weighted-blanket"] .product-under-the-covers-container .putcc-inner .right-box{
   flex:0 1 64%;
 }




 @media (max-width: 768px){
    body[data-name="weighted-blanket"] .product-under-the-covers-container .putcc-outer .section-header h2{
  padding:0 20px;
     font-size: 2.8rem;
   }
   body[data-name="weighted-blanket"] .product-under-the-covers-container .putcc-inner {
    flex-direction: column;
    align-items: center;
  }
   body[data-name="weighted-blanket"] .product-under-the-covers-container .putcc-inner .right-box{
     margin-left: 0;
     
   }
   body[data-name="weighted-blanket"] .product-under-the-covers-container .left-box{
     margin-left: 0;
   }
 }
/* Brand Swiper start */

  .section-brand-swiper .pc-box .image_wrap{
    display: flex;
  }
  .section-brand-swiper .pc-box .mask .title{
    padding: 10px 0 30px;
    font-size: 40px;
    
    
  }
  .section-brand-swiper .pc-box .mask .content{
    width: 50%;
  padding: 10px;
  text-align: center;
/*     line-height:40px; */
    font-size: 20px;
   
    line-height:1;
  }
  .section-brand-swiper .pc-box .mask .content br{
/*     margin:0;
    height:0; */
/*     background:url('null'); */
  }
  .section-brand-swiper .mb-box .mask .title{
    padding: 10px 0;
    font-size: 5.5vw;
    text-align: center;
  }
  .section-brand-swiper .mb-box .mask .content{
    width: 75%;
    padding: 5px 0;
    text-align: center;
    font-size: 3.2vw;
  }
  .section-brand-swiper .mb-box .mask .content{
    line-height:1.2;
  }
  .section-brand-swiper .pc-box{
      position: relative;
  }
  .section-brand-swiper .pc-box .tab .tab-item{
   padding: 5px 15px;
  }
  .section-brand-swiper .pc-box .tab .tab-item.active{
 background: rgba(7, 62, 118,0.8);
    color: white;
/*     font-weight: bold; */
    border-radius: 5px;
  }
  .section-brand-swiper .pc-box .tab{
    position: absolute;
    bottom: 0;
    z-index: 1;
    display: flex;
    justify-content: space-around;
    width: 100%;
    color: lightgray;
    padding: 10px 0 30px; 
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    font-size: 1.24vw;
    
  }
  .section-brand-swiper .pc-box .mask{
    position: absolute;
    top: 0;
    background: rgba(0,0,0,.5);
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
  }
  .section-brand-swiper .mb-box .mask{

    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    position: absolute;
  }
  .section-brand-swiper .mb-box .swiper-wrapper{
    padding-bottom: 8%;
  }
  .section-brand-swiper .slide-container-mb{
    background-size: auto;
    width: 75vw;
    height: 100vw;
    background-size: cover;
    border-radius: 15px;
    overflow: hidden;
/*     margin: 0 auto; */
  }
/*   .section-brand-swiper .mb-box .swiper-slide{
    margin: 30px;
  } */
  .section-brand-swiper .mb-box .slide-container-mb {
    position:relative;
  }
  .section-brand-swiper .mb-box .slide-container-mb .image_wrap{
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .section-brand-swiper .pc-box .slide-container-pc .image_wrap .image{
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
  .section-brand-swiper .mb-box .slide-container-mb .image_wrap .image{
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
  
  .section-brand-swiper .header{
    text-align: center;
    font-size: 40px;
 
    font-weight: bold;
    color: black;
    padding: 28px 0;
    font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  }
  .background-media-text__subtext p{
  margin-bottom:0px;
  }
@media (min-width:769px){
  .section-brand-swiper .mb-box{
    display:none;
  }
  
}

@media (max-width:768px){
  .section-brand-swiper .pc-box{
      display:none;
  }
  .section-brand-swiper .mb-box{
      width: 90%;
      margin: 0 auto;
  }
  .section-brand-swiper .header{
    font-size:28px;
  }

}

/* Brand Swiper end */
/* Ad Banner  start*/
  @media (min-width:591px){
  .advertise-banner .mb-box{
       display:none; 
    }
  
  }

  @media (max-width:590px){
    .advertise-banner .pc-box{
       display:none; 
    }
  
  }
  .advertise-banner .container{
    max-width: unset;
    width: 100%;
    padding: 0;
  }
/* Ad Banner  end*/
 








 /* new css 23.02.27 */
 .logo-columns-container .scc-image img{
width: 130px;
 }
 .logo-columns-container .feature-row__image-wrapper{
margin: 0 auto;
 }
 .logo-columns-container .scc-image{
  margin-bottom: 20px;
 }
 .logo-columns-container .slide-columns{
  justify-content: space-between;
  max-width: 100%;
  margin: 0 auto;
 }
 .logo-columns-container .name{
  margin-bottom: 15px;
  font-size: 24px;
 }
 .logo-columns-container .subtitle{ 
  font-size: 20px;
 }
 .logo-columns-container .section-header{
margin-bottom: 3px;
 }
 .logo-columns-container {
  padding: 80px 0px 13px;
}

.logo-columns-container  .sc-item{
  flex:0 1 31%;
}

.about-part-7 .text-and-image-card{
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
}
.about-part-7  .text-and-image-card .card-content {
  width: 100%;
   padding-left: 0px; 
}
.about-part-7   .card-content-box {
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.about-part-7  .card-content-text-box .card-text{
  font-size: 26px;
}
.about-part-7  .text-and-image-card .card-image{
  position: relative;
}
.about-part-7  .text-and-image-card .card-image::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: rgba(0,0,0,0.2);
  border-radius: 10px;
}
.about-part-7  .card-content-inner-box{
width: 100%;
}
.about-part-7 .card-content-box a{
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
body[data-name="about-us"]  .animation-cropper{
  overflow: unset;
}
body[data-name="about-us"] .ptic-inner .pticc-item.right .image{
padding-left: 0px!important;
padding-right: 4.8%;
}
body[data-name="about-us"] .ptic-inner .pticc-item.left .image{
  padding-right: 0px!important;
  padding-left: 4.8%;
  }
  body[data-name="about-us"]  .ptic-inner .pticc-item.right .text-icon-box{
    padding-left: 0px!important;
   
  }
  body[data-name="about-us"]  .ptic-inner .pticc-item.left .text-icon-box{
    padding-right: 0px!important;
  }
  body[data-name="about-us"] .ptic-inner{
margin-top: 0px;
  }
  body[data-name="about-us"]  .hero__subtitle,
  body[data-name="about-us"]  .hero__title{
    font-size:40px!important;
  }
  body[data-name="about-us"] .icon-box{
    display:none;
  }
  body[data-name="about-us"]  .text-and-image-card .card-content-text{
    justify-content: center;
  }

  .about-banner-video.swiper-slide .media-box{
    position: relative;
  }
  .about-banner-video.swiper-slide .media-box::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.1);
  }

  .logo-columns-container .name {
    
    font-weight: bold;
}
.about-us-banner .hero__subtitle{
  margin-top: 0px;
  font-weight: bold;
  line-height: 1.4;
}

  @media screen and (min-width:1921px) {
    .about-part-7 .card-content-text-box .card-text{
      font-size: 34px;
    }
    .logo-columns-container .name{
      font-size: 32px;
    }
    .logo-columns-container .subtitle {
      font-size: 24px;
  }
    body[data-name="about-us"] .hero__subtitle, body[data-name="about-us"] .hero__title{
      font-size: 44px!important;
    }
    .page-width-new{
      max-width: 1580px;
    }
    .page-width{
      max-width: 1770px;
    }
    body[data-name="about-us"] .pticc-item .image .feature-row__image-wrapper{
      max-width: 100%!important;
    }
  }
  @media screen and (max-width:768px) {
    .about-us-banner-2 .hero__text-content-inner{
      max-width: 63%!important;
  
    }
    body[data-name="about-us"] .hero__subtitle ,
    body[data-name="about-us"]  .hero__title{
      font-size: 24px!important;
  }
  body[data-name="about-us"]  .section-title{
    font-size: 24px!important;
      }
  body[data-name="about-us"]  .product-text-image-container{
    padding:0px 40px;
  }
  body[data-name="about-us"] .ptic-inner .pticc-item.left .image,
  body[data-name="about-us"] .ptic-inner .pticc-item.right .image{
    padding-left:0.01%;
    padding-right:0.01%;
  }
  body[data-name="about-us"] .ptic-inner .pticc-item .image{
    padding-top: 28px;
  }
  body[data-name="about-us"] .ptic-inner .pticc-item.left .text-icon-box,
  body[data-name="about-us"] .ptic-inner .pticc-item.right .text-icon-box{
    padding-left:0px;
    padding-right:0px;
    text-align: center;
  }
  body[data-name="about-us"]  .ptic-inner .text-icon-box .section-title{
    text-align: center;
  }
  body[data-name="about-us"]  .ptic-inner .pticc-item .text-icon-box{
    padding-bottom: 0px!important;
  }
  body[data-name="about-us"]  .text-and-image-card{
    background:transparent ;
  }
  body[data-name="about-us"] .ptic-inner .pticc-item .content{
    padding: 0px 35px;
  }
  .about-text-image-1  .ptic-inner{
    padding-bottom: 55px;
  }
  .about-banner-video.swiper-slide{
    height: 500px!important;
  }
  .about-banner-video.swiper-slide video{
    height: 500px!important;
  }
  .about-banner-video video{
    object-fit: cover;
  }
  .about-banner-video.swiper-slide{
    margin-bottom: 45px;
  }
  body[data-name="about-us"] .logo-columns-container{
    margin-top:55px;
  }
  .logo-columns-container{
padding-top: 40px;
  }
  body[data-name="about-us"] .logo-columns-container{
    margin-bottom: 75px;
  }
  }
  @media screen and (max-width:589px) {
    body[data-name="about-us"] .text-and-image-card{
      padding-top: 0px;
      margin-top: -5px;
    }
    .logo-columns-container .name {
      font-size: 18px!important;
   
  }
    .logo-columns-container .feature-row__image-wrapper {
      max-width: 75px!important;
  }
    .logo-columns-container .section-header h2{
      font-size: 20px;
    }
    body[data-name="about-us"] .ptic-inner .pticc-item .image{
      padding-top: 10px;
    }
    body[data-name="about-us"] .hero__subtitle, body[data-name="about-us"] .hero__title{
      font-size:20px!important;
    }
    .logo-columns-container .sc-item.swiper-slide {
      flex: none;
    }
    .logo-columns-container    .slide-columns .swiper-pagination{
      padding: 0px;
    }
    .logo-columns-container  .swiper-container{
padding-bottom: 20px;
    }
    .logo-columns-container .slide-columns{
      max-width: 100%;
    }
    .logo-columns-container .subtitle {
      font-size: 16px;
  }
  .logo-columns-container  .name {
    font-size: 20px;
}
    .logo-columns-container .slide-columns .scc-image img{
width: 75px!important;
height: 75px!important;
    }
    body[data-name="about-us"] .ptic-inner .pticc-item .content{
      font-size: 16px;
    }
    body[data-name="about-us"] .hero__subtitle,
     {
      font-size: 20px!important;
  }
  body[data-name="about-us"]  .product-text-image-container{
    padding:0px 10px;
  }
  
  body[data-name="about-us"]  .section-title{
    font-size: 20px!important;
      }
     
  }

    @media screen and (max-width:589px) {
    #revy-bundles-wrapper{
     overflow: hidden; 
    }
#revy-bundle-wrapper:nth-child(2n){
margin-left:0px!important;  
}
}

/* 
.template-index #SiteHeader:not(.site-header--stuck) .site-nav__link--icon,
.template-index #SiteHeader:not(.site-header--stuck) .site-nav__link {
  color:#fff!important;
}
.template-index #SiteHeader:not(.site-header--stuck) .site-nav__icons svg{
 fill:#ffffff!important ;
}
.template-index #SiteHeader:not(.site-header--stuck) .logo--has-inverted{
      opacity: 0;
    visibility: hidden;
    height: 0;
}
.template-index #SiteHeader:not(.site-header--stuck)  .logo--inverted{
      opacity: 1;
    visibility: visible;
    height: auto;
}
.template-index #SiteHeader:not(.site-header--stuck)  .site-nav__expanded-item>.site-nav__link span::after{
          background:#ffffff;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 
}

 */



/* easter start*/
.easter-item-box {
  position: absolute;
  width: 100%;
  left: 0px;
  bottom:0px;
}
.easter-item-box .text-and-image-card {
  grid-template-columns: 1fr 1fr;
}
.easter-item-box .text-and-image-card .card-content{
  padding: 2.083vw 1.771vw;
  width: 100%;
}
.easter-item-box .card-content-box{
  padding:0px;
}
.easter-item-box .card-content-inner-box{
  display: flex;
  align-items: center;
}
.easter-item-box .card-content .content-image img{
  width: 100%;
}
.easter-item-box .card-content .content-image{
  max-width: unset;
  width: 41.6%;
  margin-left: 0px;
  margin-right: 0px;
  flex-shrink: 0;
  margin-top:0px;
  max-height:unset;
}
.easter-item-box .text-and-image-card{
  max-width: 1310px;
}
.easter-item-box .text-and-image-card .card-content-text{
  padding-left: 6%;
}
.easter-item-box .card-content-text-box .card-text{
  font-size: 1.615vw;
  margin-bottom: 0px;
  line-height: 1.4;
}
.easter-item-box .card-content-text-box .card-text b{
  color: rgb(255,180,0);
    margin-bottom: 5px;
    display: inline-block;
}
.easter-item-box .card-content-text-box .card-text i{
  display: block;
  font-size: 0.885vw;
  color: rgb(188,188,188);
}
body[data-name="easter"] .main-content{
  position: relative;
}
.easter-item-box  .text-and-image-card{
  grid-gap: 1.5vw;
}

@media screen and (min-width:1921px) {
  .easter-item-box {
    bottom: 200px;
}
  .easter-item-box .text-and-image-card{
    max-width: 1310px;
  }
  .easter-item-box .card-content-text-box .card-text i{
    font-size: 17px;
  }
  .easter-item-box .text-and-image-card .card-content{
    padding: 40px 34px;
    }
    .easter-item-box .card-content-text-box .card-text{
      font-size: 31px;
    }
}
@media screen and (max-width: 768px){
  .easter-item-box .text-and-image-card{
    max-width: 100%;
  }
  .easter-item-box .text-and-image-card{
    background: transparent;
  }
  .easter-item-box .text-and-image-card .card-content{
    padding:15px;
  }
  .easter-item-box .card-content .content-image {
    width: 37.6%;
  }
}

@media screen and (max-width: 491px){
  .easter-item-box  .card-contain{
    margin-bottom: 10px;
  }
  .easter-item-box .text-and-image-card{
    padding-bottom: 10px;
  }
  .easter-item-box .text-and-image-card .card-contain{
    margin-bottom: 10px;
  }
  .easter-item-box .text-and-image-card .card-content-text{
    margin-top: 0px;
  }
  .easter-item-box .text-and-image-card .card-content-text {
    padding-left: 6%;
    justify-content: flex-start;
    text-align: left;
}
.easter-item-box .card-content-text-box {
  width: 100%;
  text-align: left;
}
.easter-item-box .card-content-text-box .card-text {
  font-size: 14px;
 
}
}


/* ftp product start */
.ftp-product-box .item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
}
.ftp-product-box{
  border-top: 1px solid #ccc;
  margin-bottom: 24px;
  padding-top: 24px;
  position: relative;
  margin-top: -12px;
}
.ftp-product-box .item+.item{
  margin-top: 20px;
}
.ftp-product-box .image-box{
  width: 90px;
}
.ftp-product-box .item-left-box{
  display: flex;
  align-items: center;
}
.ftp-product-box .price-box{
  padding:0px;
  margin-top: 0px;
  align-items: center;
}
.ftp-product-box .content-box{
  margin-left: 20px;
}
.ftp-product-box .content-box .yotpo {
  margin-bottom:0px;
}
.ftp-product-box .price-box span{
  font-size: 12px;
}
.ftp-product-box .item-title{
  font-weight: 600;
  margin-bottom: 8px;
}
.product-a-add-btn .icon-minus{
display: none;
}
.product-a-add-btn{
  cursor: pointer;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--colorTextBody);
  border-radius: 20px;
  font-weight: 600;
  min-width: 100px;
}
.ftp-product-box .item-right-box{
  flex-shrink: 0;
}
.ftp-product-container h2{
  font-size: 16px;
  text-align: center;
  display: inline-block;
  transform: translateX(-50%);
  position: relative;
  left: 50%;
  margin-bottom: -24px;
  background: #fff;
  z-index: 2;
  padding: 0px 10px;
  margin-top: 24px;
}
.ftp-product-box .price-box .sale-price span,
.ftp-product-box .price-box .sale-price span.money, .ftp-product-box .price-box .product__price span.money{
font-size: 14px;
}

.ftp-product-box .product-price-sale{
  font-size: 12px;
  position: relative;
  top: 0px;
  margin-left: 8px;
}
.product-a-add-btn .icon-box i{
position: relative;
display: none;
width: 15px;
height: 15px;
}
.product-a-add-btn .icon-box i::after{
  content: "";
  position: absolute;
  left: 4px;
  top: -1px;
  width: 8px;
  height: 13px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pop-container.added  .icon-box i,
.ftp-product-box .item.added .product-a-add-btn .icon-box i{
display: block;
}
.pop-container.added .product-a-add-btn .icon-box svg,
.ftp-product-box .item.added .product-a-add-btn .icon-box svg{
  display: none;
}
.pop-container.added .product-a-add-btn,
.ftp-product-box .item.added .product-a-add-btn {
  background: var(--colorTextBody);
  color: #fff;
  pointer-events: none;
}
.ftp-product-box .item select{
  padding: 5px 28px 5px 5px;
  font-size: 12px;
  margin-bottom: 8px;
}
.ftp-product-container{
  display: none;
}
.product-single__meta .ftp-product-container{
  display: block;
}
.pop-container .selling-box{
  font-size:14px;
  margin-top:15px;
}
.pop-content-inner{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: rgba(0,0,0,0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index:5;
}
.pop-content{
  position: relative;
  width: 900px;
  height: 600px;
  background: #fff;
  border-radius: 10px;
  display: flex;
  overflow: hidden;
}
.pop-content .left-box,
.pop-content .right-box{
  width:50%;
}
.pop-content .products-preview{
  position: absolute;
  right: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.pop-content .products-preview svg{
  width: 20px;
height: 20px;
}
.pop-content .products-preview path{
  fill: var(--colorTextBody);
}
.pop-content .image{
  height: 100%;
}
.pop-content .image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pop-content .left-box{
  display: flex;
flex-direction: column;
justify-content: space-between;
}
.pop-top-box{
  padding:40px 40px 20px;
}
.pop-bottom-box{
  align-items: center;
background: #fff;
border-top: 1px solid var(--colors-grey100);
display: flex;
filter: drop-shadow(0 -2px 4px rgba(0,0,0,.08));
gap: 8px;
justify-content: space-between;
min-height: 60px;
padding: 0 24px;
}
.pop-review{
  margin-bottom: 10px;
}
.pop-title{
  font-weight: 600;
font-size: 20px;
}
.pop-content  .price-box .sale-price span,.pop-content  .price-box .sale-price span.money, .pop-content .price-box .product__price span.money{
  font-size: 18px;
}
.product-single__meta .pop-review.bottomLine{
  margin-bottom: 10px!important;
}
.pop-container{
  display: none;
}
#sca-gift-icon .sca-gift-icon-img{
  left: 95%!important;
}
.ftp-product-box .item-title,.ftp-product-box .item-left-box .image-box{
  cursor: pointer;
}
.pop-container .price-box{
  padding: 0px;
  margin-top: 0px;
}
.pop-container .price-box span{
  font-size: 18px;
}
.pop-container .product-price-sale{
  position: relative;
  top: 0px;
  margin-left: 10px;
}
.pop-container .price-box{
  align-items: center;
}
@media screen and (max-width: 491px){
  .product-a-add-btn{
    font-size: 12px;
    min-width: 32px;
    height:32px;
  }
  .product-a-add-btn .icon-box i {
    width: 10px;
    height: 10px;
}
   .product-a-add-btn  span{
   display:none;  
   }
  .product-a-add-btn .icon-box i::after {
    width: 5px;
    height: 10px;
}
  .ftp-product-box .item-title{
    font-size:12px;
  }
  .product-a-add-btn .icon-box svg{
     width: 10px;
    height: 10px;
  }
.ftp-product-box .item{
  padding:10px;
  gap: 8px;
}
  .ftp-product-box .item select{
    padding: 5px!important;
    padding-right: 25px!important;
  }
   .ftp-product-box .yotpo .yotpo-bottomline a{
    font-size: 12px;
     padding-bottom:0px;
  }
  .ftp-product-box  .yotpo span{
    font-size: 12px;
    line-height: 12px;
  }
  .ftp-product-box .yotpo.bottomLine .standalone-bottomline .yotpo-icon{
        width: 12px !important;
    height: 12px !important;
    background-size: 96.5px 20px;
  }
 .ftp-product-box  .yotpo .standalone-bottomline .star-clickable{
    align-items:center;
  }
  .pop-content{
  flex-direction: column-reverse;
        width: 90%;
    height: auto;
  }
  .pop-content .left-box, .pop-content .right-box {
    width: 100%;
}
  .pop-content .right-box{
    height:280px;
  }
  .pop-top-box{
    padding:24px;
  }
  #sca-gift-icon .sca-gift-icon-img {
    left: 87%!important;
}
}
/* ftp product end */




/* sale start*/
  .common-sale-column .text-columns .grid__item h3{
   margin:4px 0;
  }
  .common-sale-column .text-columns .grid__item .section-tag{
  position:absolute;
  top:2%;
  right:5%;
  padding: 8px 16px;
background: #ed1c24;
color: #ffc20e;
font-size: 14px;
font-weight: normal;
  }
.common-sale-column .text-columns .grid__item .section-title{
  color:black;
  text-align:left;
  margin-bottom:8px;
  font-size:24px !important;
}
.common-sale-column .text-columns .grid__item h3.section-subtitle{
  color:white;
  font-size:19px !important;
}
.common-sale-column .text-columns .grid__item h3.section-price{
  color:black;
  margin-top:50px;
  font-size:36px;
  margin-bottom:20px;
}
.common-sale-column .text-columns .grid__item h3.section-price-compare{
  color:white;
  font-size:36px;
  display: flex;
  column-gap:10px;
}
.common-sale-column .text-columns .grid__item h3.section-price-compare .line-through{
  text-decoration: line-through;
  font-size:36px;
  margin-top: 12px;
}
.common-sale-column .text-columns .grid__item h3.section-price-compare span{
  font-size:16px;
  text-decoration:none;
  
}
  .common-sale-column .text-columns .grid__item{
      position: relative;
    width:calc(33% - 8px);  
  }
  .common-sale-column .text-columns .grid{
    display:flex;
    column-gap:10px;
    margin-left:0;
    flex-wrap:wrap;
    width:100%;
  }
  .common-sale-column .grid__item{
    padding-left:0;
  }
  .common-sale-column .text-columns .grid__item .grid__item-text{
    position: absolute;
    top: 50%;
    left:50%;
    width:90%;
    margin:0 auto;
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);

  }


.common-sale-column  .text-columns .grid__item .rte-setting{
  padding:0;
}

.common-sale-column .text-columns .image-wrap{
  margin-bottom:0;
  height: auto !important;
padding-bottom: 0 !important;
border-radius: 0;
}
.common-sale-column .text-columns .image-wrap img{
  aspect-ratio: 0.6;
object-fit: cover;
}
/* sale end*/



.collection-in-a-box .feature-row__item.feature-row__image{
    flex: 0 1 40%;
    min-width: 40%;
    margin: 0;
}
.collection-in-a-box .feature-row__item.feature-row__text{
  min-width: 60%;
    flex: 0 1 60%;
    padding-left: 10%;
}
.two-image-box-text-box .item{
  width:50%;
}

.product--chart {
  font-size:12px;
    display: grid;
    grid-template-rows: auto;
    gap: .75rem 0;
    grid-template-columns: 120px repeat(8, 1fr);
    margin-bottom:15px;
}

.product--chart * {
    align-self: center
}

.product--chart span.chart-label {
    border-left: 1px solid #d2d2d2;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 9px;
    margin-left: -1px;
    margin-bottom: -0.75rem;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 grid-column-start:2; grid-column-end:4;
}

.product--chart span.chart-label:first-child {
    border-left: none;
     grid-column-start:2; 
  grid-column-end:4;  
}
.product--chart span.chart-label:nth-child(2) {
grid-column-start:4; grid-column-end:6;
}
.product--chart span.chart-label:nth-child(3) {
grid-column-start:6; grid-column-end:8;
}
.product--chart span.chart-label:nth-child(4) {
grid-column-start:8; grid-column-end:10;
}
.product--chart .chart-heading {
    grid-column-start: 1;
    grid-column-end: 2;
    margin: 0
}

.product--chart .chart-heading+.bar {
    border-radius: 2px 0 0 2px
}

.product--chart .bar {
    width: 100%;
    height: 4px;
    background: #F2F5FB;
    border-right: 2px solid #F2F5FB
}

.product--chart .bar.bar--filled {
    background-color: #054383;
}

.product--chart .bar.bar-end {
    border-right: none;
    border-radius: 0 2px 2px 0
}

.product--chart .chart-text {
    grid-column-start: 2;
    grid-column-end: end;
    margin: 0
}

body.not([data-name="mattress-in-sizes"]) .product-chart-box{
display:none;
}
.product-chart-box{
  margin-top:10px;

}
.product-chart-box p{
margin-bottom:10px;
}
.grid-product__title{
font-size:24px;
 font-weight:bold;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
}
@media screen and (max-width: 491px){
  .collection-in-a-box .feature-row__item.feature-row__text{
    padding-left: 20px;
    padding-right: 20px;
  }
}








/* media css */
.common-media-item {
  position: relative;
}

.common-media-item .section-logo {
  display: flex;
  align-items: center;
  font-size: 1.875vw;
}

 

/* .common-media-item .common-header .page-width,
.common-media-item .custom_html_box .page-width {
  max-width: 860px;
} */

.common-media-item .section-logo img {
  max-width: 170px;
  width: 8.854vw;
}

.common-media-item .common-header {
  margin-bottom: 4.167vw;
  position: relative;
  z-index: 1;
}

.common-media-item .section-logo span {
  margin-left: 14px;
}

.common-featured-item {
  flex: 1;
}
 

.common-media-item {
  position: relative;
}

.common-media-item .section-logo {
  display: flex;
  align-items: center;
  font-size: 1.875vw;
}

.common-media-item .custom_html_box {
  margin-top: 24px;
 
}

 

.common-media-item .section-logo img {
  max-width: 170px;
  width: 8.854vw;
}

.common-media-item .common-header {
  margin-bottom: 4.167vw;
  position: relative;
  z-index: 1;
}

.common-media-item .section-logo span {
  margin-left: 14px;
}

  
  
@media screen and (max-width: 999px) {

  .common-subtitle {
    font-size: 14px;
 
  }
}

.common-media-btn {
  font-family: "OPPOSans-M";
  font-size: 1.25vw;
 
  font-weight: 400;
}






@media screen and (min-width: 1921px) {
  .common-media-btn {
    font-size: 18px;
  }
}

@media screen and (max-width: 999px) {
  .common-media-btn {
    font-size: 12px;
  }
}

.common-media-item .page-width {
  height: 100%;
}

.common-media-item .prtext-wrapper .hero__text-content {
  display: table-cell;
  padding-left: 0px;
  padding-right: 0px;
}

.common-tips {
  display: flex;
  position: relative;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
}
 
.common-tips-image-box .common-tips {
  position: absolute;
  bottom: 8px;
  padding: 0px 12px;
}

.common-media-item {
  position: relative;
}

.prtext-wrapper {
  position: absolute;
  z-index: 6;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.bg-text-table-wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.pbir-item .wrapper .hero__text-content {
  padding: 40px 0px;
}

.bg-text-container {

  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 8;
}

.bg-text-container .wrapper {
  height: 100%;
}

.hero__text-content.horizontal-center .bg-text-wrapper-inner {
  margin: 0 auto;
}

.vertical-top.hero__text-content {
  vertical-align: top;
}


.hero__text-content.horizontal-left {
  text-align: left;
}

.hero__text-content.vertical-top {
  vertical-align: top;
}

.hero__text-content.vertical-bottom {
  vertical-align: bottom;
}

.hero__text-content.horizontal-center {
  text-align: center;
}

.hero__text-content.horizontal-right {
  text-align: right;
}

.hero__text-content.vertical-center {
  vertical-align: middle
}

.hero__text-content.vertical-center .hero__subtitle {
  margin-right: 0;
}

.hero__text-content.vertical-center .hero__link {
  display: block;
}

.hero__text-content.horizontal-center .section-logo {
  justify-content: center;
}

.hero__text-content.horizontal-left .section-logo {
  justify-content: flex-start;
}

.hero__text-content.horizontal-right .section-logo {
  justify-content: flex-end;
}

/* .title:not(.is-spaced)+.subtitle:not(.modal_price){
      margin-top:0px;
    } */
.subtitle:not(.is-spaced)+.title {
  margin-top: 0px;

}

.product-feature-content h2 {
  margin-bottom: 1.5625vw;
}

@media only screen and (max-width:590px) {
  .hero__text-content.mb-vertical-center {
    vertical-align: middle
  }

  .hero__text-content.vertical-center .hero__link {
    margin-top: 0px
  }

  .hero__text-content.mb-vertical-center {
    vertical-align: middle
  }

  .hero__text-content.mb-vertical-center .hero__subtitle {
    margin-right: 0;
  }

  .hero__text-content.mb-vertical-center .hero__link {
    display: block
  }

  .hero__text-content.mb-vertical-top {
    vertical-align: top;
  }

  .hero__text-content.mb-vertical-bottom {
    vertical-align: bottom;
  }

  .hero__text-content.mb-horizontal-left {
    text-align: left;
  }

  .hero__text-content.mb-horizontal-center {
    text-align: center;
  }

  .hero__text-content.mb-horizontal-right {
    text-align: right;
  }
}

.common-media-item .common-title+.common-subtitle {
  margin-top: 10px;
}

.common-media-item .prtext-wrapper .hero__text-content.horizontal-right .bg-text-wrapper-inner{
  margin-left: auto;
}
.common-media-item .prtext-wrapper .hero__text-content.horizontal-center .bg-text-wrapper-inner{
margin: 0 auto;
}
.common-media-item .prtext-wrapper .hero__text-content.horizontal-right .common-title{
margin-left: auto;
}
.common-media-item .prtext-wrapper .hero__text-content.horizontal-right  .common-title::after{
left: unset;
right: 0px;
}
/* media css */


.busniess-mask-box{
  display:none;
  position: fixed;
  width: 100%;
  height: 100%;
  top:0px;
  left:0px;
  background-color: rgba(0,0,0,0.3);
  z-index: 9999;
}
.busniess-mask-inner-box{
width: 100%;
height: 100%;
display:flex;
justify-content: center; 
overflow-y: auto;
}
.busniess-mask-box .content-box{
  width: 80%;
  max-width: 800px;
margin: 40px 0px;
background: #ffffff;
}
.busniess-mask-box .close-btn{
  padding: 20px 50px;
  text-align: right;
}
.common-media-inner .hero__link .btn{
  display: inline-block!important;
}
.busniess-mask-box .content-box{
  position: relative;
}
.busniess-mask-box .close-btn svg{
  cursor: pointer;
}
.busniess-mask-box #mc_embed_signup{
width:100%;
}
video{
  max-width:100%;
}
.common-image-product-busniess-container .feature-row__text,
.common-image-product-busniess-container .feature-row__image{
  min-width:50%!important;
  flex:0 1 50%!important;
  text-align: center;
}
.common-image-product-busniess-container .product-box{
  display: flex;
  text-align: center;
  align-items: flex-start;
  padding-left: 10px;
}
.common-image-product-busniess-container .product-box .item{
  flex: 1;
  display: flex;
 align-items: center;
}
.common-image-product-busniess-container .content-box{
  background: #ffffff;
  margin: 40px 0px;
}
.common-image-product-busniess-container .product-box .item .item-inner{
 width: 100%;
  padding: 0px 10px;
}
.common-image-product-busniess-container .product-box .item .title{
  font-size: 18px;
  margin-bottom: 10px;
}
.common-image-product-busniess-container .close-btn{
  padding: 20px;
  text-align: right;
}
.common-image-product-busniess-container .close-btn svg{
  cursor: pointer;
}

.common-pc--hide {
  display: none !important;
}

.common-pad--show {
  display: none;
}

.common-small--hide {
  display: block !important;
}
.template-page div[data-section-type="featured-collection"]{
  padding-top: 40px;
}
@media screen and (max-width:768px) {
  .common-pc--hide {
    display: block !important;
  }

  .common-small--hide {
    display: none !important;
  }
}

@media screen and (min-width: 590px) and (max-width:768px) {
  .common-pc--hide {
    display: none;
  }
  
  .common-pad--show {
    display: block;
  }
  .common-pad--show+.common-small--hide {
    display: none!important;
  }
}

@media screen and (max-width: 589px){
  .busniess-mask-box .close-btn{
    padding: 20px;
  }
  .hero__text-content .bg-text-wrapper-inner{
    max-width: 100%!important;
  }
  .busniess-mask-box .content-box {
    width: 100%;
}
.common-image-product-busniess-container .feature-row__text, .common-image-product-busniess-container .feature-row__image{
  min-width: 100%!important;
  flex: 0 1 100%!important;
}
.common-image-product-busniess-container .product-box .item .title{
  font-size: 14px;
 
}
.common-image-product-busniess-container .product-box{
  flex-wrap: wrap;
}
.common-image-product-busniess-container .subtitle{
  
  font-size: 12px;
  }
  .common-image-product-busniess-container .product-box .item{
    width: 50%;
    flex: 0 1 50%;
  }
  /* .common-image-product-busniess-container .product-box::-webkit-scrollbar-thumb {
   height: 5px;
  } */
}

 
.site-nav .site-nav__item:first-child a,
.mobile-nav>.mobile-nav__item:first-child a{
/* color:#c41e2d; */
}
/* .site-nav .site-nav__item:nth-child(5) a,
.mobile-nav .mobile-nav__item:nth-child(7) a{
position:relative;
}
.site-nav .site-nav__item:nth-child(5) a::before{

      content: "Gift";
    position: absolute;
    color: #c41e2d;
    font-size: 12px;
    top: 10px;
    right: 5px;
  rotate: 15deg;
}

.mobile-nav .mobile-nav__item.appear-delay-7 a::before{

      content: "Gift";
    position: absolute;
    color: #c41e2d;
    font-size: 12px;
      top: 7px;
    left: 132px;
  rotate: 15deg; 
}
 */

.product-price-new{

}
.payment-buttons-absolute.fixed .product-single__form square-placement{
  display:none;
}

.site-nav--has-dropdown > .site-nav__link[href="/collections/mattress-sizes"] ~ ul > div.the-fourth-layout{
  max-width: unset;
}
.site-nav--has-dropdown > .site-nav__link[href="/collections/mattress-sizes"] ~ ul .hnpi-header{
font-size: calc(18 * var(--resPixel));
}
@media (max-width: 1500px) {
  .site-nav--has-dropdown > .site-nav__link[href="/collections/mattress-sizes"] ~ ul .hnpi-header{
    font-size: 14px;
  }
}



.section-faq-wrapper .grid__item > div{
  border:0px solid;
  border-right-width:1px;
  border-left-width:1px;
  border-top-width:1px;
}
.section-faq-wrapper .grid__item > div:last-child{
  border-bottom-width: 1px;
}

.sticky-showcase-image{
  position: sticky;
  top: 10%;
}
.section-brand-swiper .header{
      background:#ffffff;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
}

/* .template-index .featured-image-with-text .feature-row__item.feature-row__text{
  color:white;
} */


.tags-container{
  display: flex;
  gap: 10px;
}
.tag-container{
    padding: 5px 15px;
    background: var(--tag-background);
    line-height: 1;
    border-radius: 5px;
    color: white;
}

.sale-icon-text-bar{
  display: flex;
  justify-content: center;
  height: 130px;
  align-items: center;
  --sitb-title-size:30px;
  --sitb-content-size:22px;
  --sitb-spacing:40px;
  background: #f6f6f6;
}
.sale-icon-text-bar-wrapper{
  display: flex;
  align-items: center;
  gap: var(--sitb-spacing);
  max-width: 1462px;
  width: 90%;
}
.sale-icon-text-bar-left{
  display:flex;
  align-items: center;
  gap: 30px;
}
.sale-icon-text-bar-title{
  font-weight:bold;
  padding-right:var(--sitb-spacing);
  
  /* border-right:1px solid; */
  font-size:var(--sitb-title-size);
  position:relative;
  line-height: 1.2;
  font-family: 'POPPINS-SEMIBOLD';
  max-width: 300px;
}
.sale-icon-text-bar-title:before{
    content: "";
    position: absolute;
    right: 0;
    height: 70%;
    width: 3px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--color-body-text);
    display: block;
}
.sale-icon-text-bar-content{
  font-size:var(--sitb-content-size);
}


.text-columns-new .text-columns .grid__item h3{
  text-align: left;

}
.text-columns-new .text-columns .grid__item .rte-setting{
  text-align: left;
  padding: 0;
}

@media (min-width:1920px){
  .text-columns.text-columns-new .grid__item h3{
    font-size:32px;
  
  }
  .text-columns.text-columns-new .grid__item .rte-setting p{
    font-size:22px;
  }
  .text-columns-new .grid__item{
    /* padding-left:83px; */
  }
  .image-with-text-new .section-header h2{
    font-size:50px;  
  }
}
.image-with-text-new{
  --compare-size:30px;
  --compare-label-size:22px;
  --price-size:36px;
  --spacing:30px;
  --small-image-height:110px;
  --small-image-margin-top:40px;
  --heading-mt:110px;
  --heading-mb:90px;
}
.text-columns-new{
  --compare-size:26px;
  --price-size:32px; 
  --spacing:30px;
}
@media (max-width:1500px){
  .image-with-text-new{
    --heading-mt:70px;
    --heading-mb:50px;
    
    --compare-size:19px;
    --price-size:25px;
    
    --compare-label-size:16px;
    --spacing:15px;
    --small-image-height:90px;
    --small-image-margin-top:20px;
  }
  .text-columns-new{
    --compare-size:16px;
    --price-size:22px; 
    --spacing:15px;
  }
}
@media (max-width:768px){
  .image-with-text-new{
    --compare-size:22px;
    --price-size:25px;
    
    --heading-mt:50px;
    --heading-mb:40px;
  }
  .text-columns-new{
    --compare-size:22px;
    --price-size:25px; 
  }
}
@media (max-width:589px){
  .image-with-text-new{
    --small-image-height:70px
  }
}
.image-with-text-new .featured-image-with-text .feature-row__text{
  text-align:left;
  display: flex;
  flex-direction: column;
  gap: var(--spacing);
  align-items: flex-start;
}
  .image-with-text-new .featured-image-with-text .feature-row .btn, .text-columns.text-columns-new .btn{
    min-width: 190px;
  }
@media (min-width:769px){
  
  .image-with-text-new .featured-image-with-text .feature-row__text.feature-row__text--right{
    align-items: flex-end;  
    text-align:right;
  }

}
@media (max-width:768px){
 
  .image-with-text-new .featured-image-with-text .feature-row__text.feature-row__text--right{
    padding-right:0;
  }
}
@media (max-width:589px){
  .image-with-text-new .featured-image-with-text .feature-row .btn, .text-columns.text-columns-new .btn{
    min-width: 150px;
  }
}
.image-with-text-new .featured-image-with-text .title-box{
  justify-content:flex-start;
}
.image-with-text-new .featured-image-with-text .feature-row .btn, .text-columns.text-columns-new .btn{
  font-size:var(--sale-button-size);
}

.new-price-box{
  align-items: flex-end;
  line-height: 1;
  gap: 15px;
  margin-top:0;
  display:flex;
}
.image-with-text-new .featured-image-with-text .h3{
  margin-right:0;
}
.image-with-text-new .featured-image-with-text .title-box{
  margin-bottom:10px;
}

.compare-label>*,.price>*,.compare-price>*{
  font-size:inherit;
}
.compare-label{
  font-size:var(--compare-label-size);
}
.compare-price{
  text-decoration: line-through;
  color:#b4b4b4;
  font-size:var(--compare-size);
}
.price{
  font-weight:bold;
  font-size:var(--price-size);
}
.small-images-container{
  display: flex;
  gap: 40px;
  margin-top:var(--small-image-margin-top);
}
.small-images-container:empty {
  display: none;
}
.small-image-container img{
  height:var(--small-image-height);
  width:auto;
}

.text-columns-new .new-price-box{
  gap:20px;
  margin-top:10px;
  margin-bottom:30px;
}
@media (max-width:1280px){
  .text-columns-new .new-price-box{
    gap:8px;
  }
}
@media (max-width:768px){
  .text-columns-new .new-price-box{
    margin-top:30px;
  }
  .text-columns.text-columns-new .grid__item{
    margin-bottom:80px;
  }
}

.image-with-text-new .featured-image-with-text{
  display:flex;
  flex-direction:column;
}

.image-with-text-new .section-header{
  margin-top:var(--heading-mt);
  margin-bottom:var(--heading-mb);
}

.image-with-text-new .featured-image-with-text .image{
  border-radius:10px;
}

.sale-vam-part-3 .vam-part-3-box{
  flex-wrap:wrap-reverse;
  justify-content:center;
}
.image-with-text-new .featured-image-with-text{
  overflow:visible;
}
.image-with-text-new .feature-row__item.wow.feature-row__image{
  position:relative;
}
.image-with-text-new-sale{
    --sale-size:46px;
    --sale-label-size:40px;
    position: absolute;
    right: 10px;
    top: -12px;
    z-index: 9;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
    background: #ffde00;
    padding: 5px 10px;
    aspect-ratio: 1;
    justify-content: center;
    font-family: 'Poppins-Bold';
}
.image-with-text-new-sale:after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  transform:translateX(-100%);
  width: 0;
  height: 0;
  border-bottom: 13px solid #cb9810;
  display:block;
  border-left: 13px solid transparent;
}
.feature-rowright .image-with-text-new-sale:after, .text-columns-new .image-with-text-new-sale:after{
  left:unset;
  right:0;
  border-left: 0;
  border-right: 13px solid transparent;
  transform:translateX(100%);
}
.feature-rowright .image-with-text-new-sale{
  left: 10px;
  right:unset;
}
.text-columns-new .image-with-text-new-sale{
  left: 40px;
  right:unset;
  
}
  .text-columns-new .image-with-text-new-sale{
    --sale-size:36px;
    --sale-label-size:30px;
  }
@media (max-width:1599px){
  .image-with-text-new-sale{
    --sale-size:36px;
    --sale-label-size:30px;
  }
  .text-columns-new .image-with-text-new-sale{
    --sale-size:30px;
    --sale-label-size:24px;
  }
}
@media (max-width:768px){
  .image-with-text-new-sale{
    --sale-size:28px;
    --sale-label-size:22px;
  }
  .text-columns-new .image-with-text-new-sale{
    --sale-size:28px;
    --sale-label-size:22px;
  }
  
   .feature-rowright .image-with-text-new-sale:after,.text-columns-new .image-with-text-new-sale:after{
    right:unset;
    left:0;
    border-right: 0;
    border-bottom: 8px solid #cb9810;
    border-left: 8px solid transparent;
    transform:translateX(-100%);
    top:0px;
  }
  .feature-rowright .image-with-text-new-sale,.text-columns-new .image-with-text-new-sale{
    left: unset;
    right:8px;
    top:-8px;
  }
}
.image-with-text-new-sale-number{
    font-size: var(--sale-size);
    font-weight: bold;
    /* font-family: 'Poppins-SemiBold'; */
}
.image-with-text-new-sale-text{
  font-size: var(--sale-label-size);
  font-weight: bold;
  /* font-family: 'Poppins-SemiBold'; */
}

@media (min-width:769px){
  .ptic-inner .text-icon-box .section-title{
    line-height:1;
  }
  .ptic-inner .text-icon-box .section-title .zb{
    /* margin-top:3px; */
  }
}
@media (min-width:769px){
  .mrci2-swiper-container.not-enough .swiper-wrapper{
    justify-content:center;
  }
}
.opacity-0{
  opacity:0;
}

fieldset[name="Height"].variant-input-wrap label.disabled:after{
display:none;

}

.title_newslette{
  display:inline-flex !important;
  flex-direction:column;
}
.title_newslette .desc{
  color:white;
  font-size:18px;
}

.hidden{
  display:none !important;
}

@media (max-width:768px){
  .sm\:hidden{
    display:none !important;
  }

}
@media (min-width:769px) and (max-width:1279px){
  .md\:hidden{
    display:none !important;
  }
  
}

@media (min-width:1280px){
  .lg\:hidden{
    display:none !important;
  }

}

.review-star-image{
  margin-bottom:30px;
      display: flex;
    width: 70%;
    max-width: 210px;
}
.payment-buttons-absolute.fixed .product-single__meta .review-star-image{
  display:none;
}
.product-inventory_quantity-box.opacity-0{
  display:none;
}
shopify-accelerated-checkout {
    --shopify-accelerated-checkout-button-border-radius: 999em;
}

[data-products], .cartbox {
  transition: all .2s;
}
.loading {
      opacity: .4;
    pointer-events: none;
}

.width-control {
  width: var(--max-width);
}
@media (min-width: 1000px) {
  .md-hide {
    display: none !important;
  }
  
}
@media (max-width: 999px) {
  
   .width-control {
      width: var(--max-width-pad,--max-width);   
   }
}
@media (max-width: 589px) {
  
   .width-control {
      width: var(--max-width-mb);   
   }
}
@media (max-width: 999px) {
  .sm-hide {
    display: none !important;
  }
}


.custom-font-size {
  margin: 0;
  font-size: var(--fs-mb) !important;
}
@media (min-width:590px) {
  .custom-font-size {
    font-size: var(--fs-pad) !important;
  }
}
@media (min-width:1000px) {
  .custom-font-size {
    font-size: var(--fs) !important;
  }
}
#shopify-buyer-consent {
  line-height: 1.25;
}

.yotpo-bottom-line .yotpo-summary-section {
  flex-direction: row;
}

.yotpo-bottom-line .yotpo-vertical-border {
  display: none;
}
.yotpo-bottom-line .yotpo-summary-section .yotpo-bottom-line-summary {
  align-items: center;
}
.yotpo-bottom-line .yotpo-bottom-line-left-panel.yotpo-bottom-line-score {
  line-height: 1;
  margin: 0;
  padding: 0;
}
.yotpo-bottom-line .yotpo-bottom-line-right-panel {
  padding-top: 0;
}
.yotpo-bottom-line .yotpo-summary-section .yotpo-reviews-summary-button .yotpo-color-fill-btn {
  margin-top: 0;
  line-height: 1.25;
  height: auto;
  min-height: 37px;
}

@media (max-width: 767px) {
  .yotpo-display-l .yotpo-layout-header-wrapper {
    row-gap: 10px;
  }
  .yotpo-display-l .yotpo-layout-header-wrapper, .yotpo-display-m .yotpo-layout-header-wrapper, .yotpo-bottom-line .yotpo-summary-section {
    flex-direction: column !important;
    row-gap: 10px;
  }
  .yotpo-bottom-line {
    margin: 0 !important;
  }
  .yotpo-bottom-line .yotpo-bottom-line-right-panel {
    padding: 0;
  }
  .yotpo-display-m .yotpo-new-review-btn-wrapper {
    width: 190px;
  }
  .yotpo-bottom-line .yotpo-summary-section .yotpo-reviews-summary-button .yotpo-color-fill-btn {
      width: 100%;
      justify-content: center;
  }
}

.announcement__link {
  display: flex;
  align-items: center;
      justify-content: center;
    gap: 10px;
}
.announcement__link svg {
  width: 30px;
  height: 30px;
  display: block;
}

@media (max-width: 589px) {
  .announcement__link svg {
    width: 20px;
    height: 20px;
    display: block;
  }
  .announcement__link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
  }
  .announcement__text {
    padding-inline: 5px !important;
  }
}
.custom-text h1,
.custom-text h2,
.custom-text h3,
.custom-text h4,
.custom-text h5,
.custom-text h6{
  font-family: var(--typeBasePrimary);
  font-weight: 400;
}
.custom-text *:not(br) {
  font-size: inherit !important;
  line-height: inherit !important;
  margin:0px !important;
  vertical-align: middle;
}
.custom-text {
  margin: 0;
  font-size: var(--fs-mb) !important;
  color: var(--color);
  line-height: var(--line-height);
}
@media (min-width: 590px) {
  .custom-text {
    font-size: var(--fs-pad) !important;
  }
}
@media (min-width: 1000px) {
  .custom-text {
    font-size: var(--fs) !important;
  }
}

.custom-text.left {
  text-align: left;
}

.custom-text.center {
  text-align: center;
}

.custom-text.right {
  text-align: right;
}
@media (max-width:749px){
  .custom-text.sm\:left {
    text-align: left;
  }
  .custom-text.sm\:center {
    text-align: center;
  }
  .custom-text.sm\:right {
    text-align: right;
  }
  .multicolumn-scroll-mb{
    grid-auto-columns: 100%;
    grid-auto-flow: column;
    grid-template-columns: repeat(auto-fill, 100%);
    grid-template-rows: 1fr;
    /* overflow-x: auto;
    overflow-y: hidden; */
    /* scroll-snap-type: x mandatory; */
  }
  .multicolumn-scroll-mb > *{
    scroll-snap-align: center;
  }
}
.custom-image {
  max-width: var(--mw);
  margin-inline: auto;
  text-align: center;
}
.custom-image img {
  height: auto;
}

.icon--payment-afterpay+.icon--payment-afterpay {
display: none;
}
.icon--payment-afterpay+.icon--payment {
display: none;
  
}


.article__grid-image img {
    height: 100%;
    position: absolute;

    object-fit: cover;
}

.special-tyle-in-collection-mattress {
  
}
.special-tyle-in-collection-mattress  h2{
  font-family: "Poppins-semibold";
  font-weight: 700;
  line-height: 1.5;
}
.special-tyle-in-collection-mattress b{
  color: var(--colorPrimary);
  font-size: 32px !important;  
}
@media (max-width: 768px) {
  .special-tyle-in-collection-mattress b {
  font-size: 36px !important;  
  
  }
}



.site-nav__item.mattress-sizes img[data-sizes=auto].header-image{
  width: var(--width);
  height: var(--height);
  margin: 0 auto;
}

.site-nav__item.has_image.mattress-sizes .the-fourth-layout .snd-right .header-nav-product-item{
  flex:0 1 auto;
  text-align: center;
  margin: 0;
  padding: 0;
}
.site-nav__item.has_image.mattress-sizes .the-fourth-layout .snd-right .header-nav-product-item:nth-child(1) {
  margin-right: calc(36 * var(--resPixel));
}
.site-nav__item.has_image.mattress-sizes .the-fourth-layout .snd-right .header-nav-product-item:nth-child(2) {
  margin-right: calc(41 * var(--resPixel));
}
.site-nav__item.has_image.mattress-sizes .the-fourth-layout .snd-right .header-nav-product-item:nth-child(3) {
  margin-right: calc(64 * var(--resPixel));
}
.site-nav__item.has_image.mattress-sizes .the-fourth-layout .snd-right .header-nav-product-item:nth-child(4) {
  margin-right: calc(64 * var(--resPixel));
}
.site-nav__item.has_image.mattress-sizes .the-fourth-layout .snd-right .header-nav-product-item:nth-child(5) {
  margin-right: calc(64 * var(--resPixel));
}
.site-nav__item.has_image.mattress-sizes .the-fourth-layout .snd-right .header-nav-product-item:nth-child(6) {
  margin-right: calc(64 * var(--resPixel));
}
.site-nav__item.has_image.mattress-sizes .the-fourth-layout .snd-right .header-nav-product-item a {
  padding-right: 0;
}
.site-nav__item.has_image.mattress-sizes .the-fourth-layout .snd-right .header-nav-product-item:hover .hnpi-header .hnpi-text{
  background:var(--color-body-text);
  color:white;
}
.site-nav__item.has_image.mattress-sizes .the-fourth-layout .snd-right{
  justify-content: center;
  align-items: flex-end;  
}
.site-nav__item.has_image.mattress-sizes .hnpi-header .hnpi-text{
    margin-top: 10px;
    border-radius: 999em;
    border: 2px solid var(--color-body-text);
    padding: 0px;
    margin-right: 0;
    display: block;
    min-width: 70%;
    width:fit-content;
    margin-inline: auto;
    transition: .3s;
    width: calc(144 * var(--resPixel));
    font-size: calc(18 * var(--resPixel));
}
.site-nav__item.has_image.mattress-sizes .hnpi-header .hnpi-title{
  margin-right:0;
}

:root {
  --resPixel: calc(1vw / 25.6);
}

@media (max-width: 1920px) {
  :root {
    --resPixel: calc(1vw / 19.2);
  }

}