/*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger{padding:15px 15px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:0.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:#fff0;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#000}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:40px;height:4px;background-color:#000;border-radius:4px;position:absolute;transition-property:transform;transition-duration:0.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform 0.15s cubic-bezier(.645,.045,.355,1),background-color 0s 0.1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx .hamburger-inner::before,.hamburger--3dx .hamburger-inner::after{transition:transform 0s 0.1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx.is-active .hamburger-inner{background-color:transparent!important;transform:rotateY(180deg)}.hamburger--3dx.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform 0.15s cubic-bezier(.645,.045,.355,1),background-color 0s 0.1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r .hamburger-inner::before,.hamburger--3dx-r .hamburger-inner::after{transition:transform 0s 0.1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateY(-180deg)}.hamburger--3dx-r.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform 0.15s cubic-bezier(.645,.045,.355,1),background-color 0s 0.1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy .hamburger-inner::before,.hamburger--3dy .hamburger-inner::after{transition:transform 0s 0.1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(-180deg)}.hamburger--3dy.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform 0.15s cubic-bezier(.645,.045,.355,1),background-color 0s 0.1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r .hamburger-inner::before,.hamburger--3dy-r .hamburger-inner::after{transition:transform 0s 0.1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg)}.hamburger--3dy-r.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform 0.15s cubic-bezier(.645,.045,.355,1),background-color 0s 0.1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy .hamburger-inner::before,.hamburger--3dxy .hamburger-inner::after{transition:transform 0s 0.1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg) rotateY(180deg)}.hamburger--3dxy.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform 0.15s cubic-bezier(.645,.045,.355,1),background-color 0s 0.1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r .hamburger-inner::before,.hamburger--3dxy-r .hamburger-inner::after{transition:transform 0s 0.1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg) rotateY(180deg) rotateZ(-180deg)}.hamburger--3dxy-r.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner::before{transform:translate3d(-8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrow.is-active .hamburger-inner::after{transform:translate3d(-8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::before{transform:translate3d(8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::after{transform:translate3d(8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowalt .hamburger-inner::before{transition:top 0.1s 0.1s ease,transform 0.1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner::after{transition:bottom 0.1s 0.1s ease,transform 0.1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner::before{top:0;transform:translate3d(-8px,-10px,0) rotate(-45deg) scale(.7,1);transition:top 0.1s ease,transform 0.1s 0.1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt.is-active .hamburger-inner::after{bottom:0;transform:translate3d(-8px,10px,0) rotate(45deg) scale(.7,1);transition:bottom 0.1s ease,transform 0.1s 0.1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt-r .hamburger-inner::before{transition:top 0.1s 0.1s ease,transform 0.1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner::after{transition:bottom 0.1s 0.1s ease,transform 0.1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner::before{top:0;transform:translate3d(8px,-10px,0) rotate(45deg) scale(.7,1);transition:top 0.1s ease,transform 0.1s 0.1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt-r.is-active .hamburger-inner::after{bottom:0;transform:translate3d(8px,10px,0) rotate(-45deg) scale(.7,1);transition:bottom 0.1s ease,transform 0.1s 0.1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner::before{transform:translate3d(8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrowturn.is-active .hamburger-inner::after{transform:translate3d(8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner::before{transform:translate3d(-8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowturn-r.is-active .hamburger-inner::after{transform:translate3d(-8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner::before,.hamburger--boring .hamburger-inner::after{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-duration:0.13s;transition-delay:0.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse .hamburger-inner::after{top:-20px;transition:top 0.2s 0.2s cubic-bezier(.33333,.66667,.66667,1),opacity 0.1s linear}.hamburger--collapse .hamburger-inner::before{transition:top 0.12s 0.2s cubic-bezier(.33333,.66667,.66667,1),transform 0.13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:0.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse.is-active .hamburger-inner::after{top:0;opacity:0;transition:top 0.2s cubic-bezier(.33333,0,.66667,.33333),opacity 0.1s 0.22s linear}.hamburger--collapse.is-active .hamburger-inner::before{top:0;transform:rotate(-90deg);transition:top 0.1s 0.16s cubic-bezier(.33333,0,.66667,.33333),transform 0.13s 0.25s cubic-bezier(.215,.61,.355,1)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-duration:0.13s;transition-delay:0.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r .hamburger-inner::after{top:-20px;transition:top 0.2s 0.2s cubic-bezier(.33333,.66667,.66667,1),opacity 0.1s linear}.hamburger--collapse-r .hamburger-inner::before{transition:top 0.12s 0.2s cubic-bezier(.33333,.66667,.66667,1),transform 0.13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(45deg);transition-delay:0.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse-r.is-active .hamburger-inner::after{top:0;opacity:0;transition:top 0.2s cubic-bezier(.33333,0,.66667,.33333),opacity 0.1s 0.22s linear}.hamburger--collapse-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top 0.1s 0.16s cubic-bezier(.33333,0,.66667,.33333),transform 0.13s 0.25s cubic-bezier(.215,.61,.355,1)}.hamburger--elastic .hamburger-inner{top:2px;transition-duration:0.275s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic .hamburger-inner::before{top:10px;transition:opacity 0.125s 0.275s ease}.hamburger--elastic .hamburger-inner::after{top:20px;transition:transform 0.275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(135deg);transition-delay:0.075s}.hamburger--elastic.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(-270deg);transition-delay:0.075s}.hamburger--elastic-r .hamburger-inner{top:2px;transition-duration:0.275s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r .hamburger-inner::before{top:10px;transition:opacity 0.125s 0.275s ease}.hamburger--elastic-r .hamburger-inner::after{top:20px;transition:transform 0.275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-135deg);transition-delay:0.075s}.hamburger--elastic-r.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(270deg);transition-delay:0.075s}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color 0.125s 0.175s ease-in}.hamburger--emphatic .hamburger-inner::before{left:0;transition:transform 0.125s cubic-bezier(.6,.04,.98,.335),top 0.05s 0.125s linear,left 0.125s 0.175s ease-in}.hamburger--emphatic .hamburger-inner::after{top:10px;right:0;transition:transform 0.125s cubic-bezier(.6,.04,.98,.335),top 0.05s 0.125s linear,right 0.125s 0.175s ease-in}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner::before{left:-80px;top:-80px;transform:translate3d(80px,80px,0) rotate(45deg);transition:left 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic.is-active .hamburger-inner::after{right:-80px;top:-80px;transform:translate3d(-80px,80px,0) rotate(-45deg);transition:right 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color 0.125s 0.175s ease-in}.hamburger--emphatic-r .hamburger-inner::before{left:0;transition:transform 0.125s cubic-bezier(.6,.04,.98,.335),top 0.05s 0.125s linear,left 0.125s 0.175s ease-in}.hamburger--emphatic-r .hamburger-inner::after{top:10px;right:0;transition:transform 0.125s cubic-bezier(.6,.04,.98,.335),top 0.05s 0.125s linear,right 0.125s 0.175s ease-in}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic-r.is-active .hamburger-inner::before{left:-80px;top:80px;transform:translate3d(80px,-80px,0) rotate(-45deg);transition:left 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic-r.is-active .hamburger-inner::after{right:-80px;top:80px;transform:translate3d(-80px,-80px,0) rotate(45deg);transition:right 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(.075,.82,.165,1)}.hamburger--minus .hamburger-inner::before,.hamburger--minus .hamburger-inner::after{transition:bottom 0.08s 0s ease-out,top 0.08s 0s ease-out,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner::before,.hamburger--minus.is-active .hamburger-inner::after{opacity:0;transition:bottom 0.08s ease-out,top 0.08s ease-out,opacity 0s 0.08s linear}.hamburger--minus.is-active .hamburger-inner::before{top:0}.hamburger--minus.is-active .hamburger-inner::after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner::before{top:10px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:0.15s}.hamburger--slider .hamburger-inner::after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner::before{top:10px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:0.15s}.hamburger--slider-r .hamburger-inner::after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner::before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-duration:0.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner::before{transition:top 0.1s 0.25s ease-in,opacity 0.1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom 0.1s 0.25s ease-in,transform 0.22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 0.1s ease-out,opacity 0.1s 0.12s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 0.1s ease-out,transform 0.22s 0.12s cubic-bezier(.215,.61,.355,1)}.hamburger--spin-r .hamburger-inner{transition-duration:0.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r .hamburger-inner::before{transition:top 0.1s 0.25s ease-in,opacity 0.1s ease-in}.hamburger--spin-r .hamburger-inner::after{transition:bottom 0.1s 0.25s ease-in,transform 0.22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transform:rotate(-225deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin-r.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 0.1s ease-out,opacity 0.1s 0.12s ease-out}.hamburger--spin-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg);transition:bottom 0.1s ease-out,transform 0.22s 0.12s cubic-bezier(.215,.61,.355,1)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s 0.13s linear}.hamburger--spring .hamburger-inner::before{top:10px;transition:top 0.1s 0.2s cubic-bezier(.33333,.66667,.66667,1),transform 0.13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner::after{top:20px;transition:top 0.2s 0.2s cubic-bezier(.33333,.66667,.66667,1),transform 0.13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:0.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner::before{top:0;transition:top 0.1s 0.15s cubic-bezier(.33333,0,.66667,.33333),transform 0.13s 0.22s cubic-bezier(.215,.61,.355,1);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner::after{top:0;transition:top 0.2s cubic-bezier(.33333,0,.66667,.33333),transform 0.13s 0.22s cubic-bezier(.215,.61,.355,1);transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-duration:0.13s;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r .hamburger-inner::after{top:-20px;transition:top 0.2s 0.2s cubic-bezier(.33333,.66667,.66667,1),opacity 0s linear}.hamburger--spring-r .hamburger-inner::before{transition:top 0.1s 0.2s cubic-bezier(.33333,.66667,.66667,1),transform 0.13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:0.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spring-r.is-active .hamburger-inner::after{top:0;opacity:0;transition:top 0.2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s 0.22s linear}.hamburger--spring-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top 0.1s 0.15s cubic-bezier(.33333,0,.66667,.33333),transform 0.13s 0.22s cubic-bezier(.215,.61,.355,1)}.hamburger--stand .hamburger-inner{transition:transform 0.075s 0.15s cubic-bezier(.55,.055,.675,.19),background-color 0s 0.075s linear}.hamburger--stand .hamburger-inner::before{transition:top 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand .hamburger-inner::after{transition:bottom 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand.is-active .hamburger-inner{transform:rotate(90deg);background-color:transparent!important;transition:transform 0.075s 0s cubic-bezier(.215,.61,.355,1),background-color 0s 0.15s linear}.hamburger--stand.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand-r .hamburger-inner{transition:transform 0.075s 0.15s cubic-bezier(.55,.055,.675,.19),background-color 0s 0.075s linear}.hamburger--stand-r .hamburger-inner::before{transition:top 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r .hamburger-inner::after{transition:bottom 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r.is-active .hamburger-inner{transform:rotate(-90deg);background-color:transparent!important;transition:transform 0.075s 0s cubic-bezier(.215,.61,.355,1),background-color 0s 0.15s linear}.hamburger--stand-r.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze .hamburger-inner{transition-duration:0.075s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner::before{transition:top 0.075s 0.12s ease,opacity 0.075s ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom 0.075s 0.12s ease,transform 0.075s cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 0.075s ease,opacity 0.075s 0.12s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 0.075s ease,transform 0.075s 0.12s cubic-bezier(.215,.61,.355,1)}.hamburger--vortex .hamburger-inner{transition-duration:0.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex .hamburger-inner::before,.hamburger--vortex .hamburger-inner::after{transition-duration:0s;transition-delay:0.1s;transition-timing-function:linear}.hamburger--vortex .hamburger-inner::before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner::after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transform:rotate(765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex.is-active .hamburger-inner::before,.hamburger--vortex.is-active .hamburger-inner::after{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-duration:0.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex-r .hamburger-inner::before,.hamburger--vortex-r .hamburger-inner::after{transition-duration:0s;transition-delay:0.1s;transition-timing-function:linear}.hamburger--vortex-r .hamburger-inner::before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner::after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transform:rotate(-765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex-r.is-active .hamburger-inner::before,.hamburger--vortex-r.is-active .hamburger-inner::after{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)}@font-face{font-family:'capitalsemi_bold';src:url(https://supero.ch/wp-content/themes/supero_7/fonts/capital-semibold-webfont.woff2) format('woff2'),url(https://supero.ch/wp-content/themes/supero_7/fonts/capital-semibold-webfont.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}html{background:#fff}body{font-family:'capitalsemi_bold',Helvetica,Arial;font-weight:400;font-style:normal;font-size:14px;line-height:18px;background-color:#000;padding-top:0}figure{margin:0!important}.container{padding:0;width:auto}.container_marge,.marges{margin:65px 15px 0}.woocommerce.marges{margin-top:65px}.row{margin:0 7px}.row_sans_marge{margin:0}.marges .row{margin:0 -7px}.marge{padding:0 15px}.marge_texte{padding:0 15px}.row_sans_marge .col_sans_marge{padding:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding:0 7px}.colonnes{-webkit-column-count:1;-moz-column-count:1;column-count:1}@media (min-width:576px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:100%!important}}.cesure{word-break:break-word;hyphens:auto}.nav{font-family:'capitalsemi_bold',Helvetica,Arial;text-transform:uppercase}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;color:inherit;margin:0}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:2.5em;margin-bottom:5px;margin-top:5px}h1.logo{margin:0;padding:0}h1.big,.big h1{font-size:5em;line-height:1em}.h2,h2{font-size:1.5em;padding-top:5px;margin-top:15px;margin-bottom:5px}.woocommerce .h2,.woocommerce h2{border-top:none}.h3,h3,.h4,h4{margin:0;padding:0;font-size:18px;line-height:24px;margin-bottom:15px}.big li,.woocommerce ul.products li.product .woocommerce-loop-category__title,.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h3{font-size:18px;line-height:24px}.h5,h5{margin:0;font-size:13px;line-height:17px;text-transform:uppercase}.h6,h6{font-size:13px;line-height:17px;margin-top:5px;margin-bottom:0}.tax_titre{padding-top:8px;font-size:4em}.copyright{font-size:10px;line-height:14px;color:#666}p{margin-bottom:10px}b,strong{font-weight:normal!important}.swiper-pagination{font-size:2.5em}.navbar-nav{font-size:2.5em;line-height:1}a,a:link{color:#000}a:hover{text-decoration:none}.love a,.love a:link{color:#fff}.swiper-container-masonry .love a,.grid-item .love a{color:#fff;border-bottom:solid 1px #000}.swiper-container-masonry .love a:hover,.grid-item .love a:hover{color:#fff;border-bottom:solid 1px #fff}.soulignement a,.soulignement a:link,.soulignement a:visited,.woocommerce-product-details__short-description a:link,.description a:link,.description a{border-bottom:1px solid #54595F!important}.soulignement a:hover,.woocommerce-product-details__short-description a:hover,.description a:hover{border-bottom:2px solid #000!important;transition-duration:0.4s;transition-delay:0s;color:#000!important}.soulignement_noir a{border-bottom:1px solid #54595F!important}.soulignement_noir a:hover{border-bottom:2px solid #fff!important;transition-duration:0.4s;transition-delay:0s;color:#fff!important}.marge_texte a{border-bottom:solid 1px #ccc;color:#000}.marge_texte a:hover{border-bottom:solid 2px #000;transition-duration:0.4s;transition-delay:0s}.pastille a,.pastille span{background-color:#fff;padding:2px 10px;border-radius:100px;line-height:2em;border:solid 1px #000!important}span.pastille{padding:2px 10px;border-radius:100px;line-height:2em;border:solid 1px #ccc!important}.pastille .active{background-color:#fff;color:#000!important;padding:2px 10px;border-radius:100px;line-height:2em}.pastille a:hover{border-bottom:none!important;background-color:#000;color:#fff}.pastille .typewriter-text:contains("& more"){background:none!important;border:none!important;padding:0!important;border-radius:0!important}.pastille.big a,.pastille.big span{border:solid 1px #000;padding:0 25px;border-radius:100px;line-height:1.5em}.pastille.big a:hover{background-color:#000;background-size:cover;color:#fff;background-position:center center;border:solid 1px #000!important}.negatif .pastille a{background-color:#000;line-height:1.8em;border:solid 1px #fff!important}.negatif .pastille a:hover{background-color:#fff;color:#000}.love.pastille a,.love.pastille span{background-color:#000;border:solid 1px #fff!important}.love.pastille a:hover{background-color:#fff;color:#000!important}.navbar{height:50px;border:none;margin-bottom:0;padding:5px 10px!important}.navbar-brand{z-index:9999;padding-top:0;padding-bottom:0;margin-right:0;font-size:inherit;line-height:inherit}.navbar .logo{margin-left:2px}.logo-droit{position:absolute;top:5px;left:12px}.logo-droit-fixe{position:absolute;top:5px;left:12px}.logo-break,.logo-break-2,.logo-break-3,.logo-break-4,.logo-break-5{position:fixed;top:5px;left:12px}.navbar-collapse li{margin-left:20px}.navbar1{mix-blend-mode:difference!important}.navbar1 .logo{color:#fff}.navbar2 .logo{color:#fff}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{border-radius:0;width:35px!important}.navbar1 .hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{background-color:#fff!important}.navbar2 .hamburger-inner,.navbar2 .hamburger-inner::before,.navbar2 .hamburger-inner::after{background-color:#fff!important}.hamburger:hover{opacity:1!important}.navbar-default{background-color:#fff0;border-color:transparent!important}.navbar-default .navbar-brand{color:#000}.navbar-toggler{border-color:#fff0;color:#000;background-color:#fff0;padding:12px 0px!important;margin:-5px 0 0 10px}.navbar-nav li a{color:#fff}.navbar2 .navbar-nav li a{color:#fff}.navbar-nav li a:hover{text-transform:uppercase;color:#fff}.navbar2 .navbar-nav li a:hover{text-transform:uppercase;color:#fff}.current_page_item a{text-transform:uppercase}.panier_mobile{display:block;position:absolute;right:11px;top:12px;bottom:0}.navbar1 .panier svg path,.navbar1 .panier_mobile svg path{fill:#fff!important}.navbar2 .panier svg path,.navbar2 .panier_mobile svg path{fill:#fff!important}.cart_pastille{font-size:14px;line-height:25px;background-color:#000;border:solid 1px #fff;border-radius:100%;height:24px;width:24px;text-align:center;margin-left:3px;position:absolute;bottom:16px;right:2px}.panier_mobile:hover .cart_pastille{color:#000!important}.navbar2 .cart_pastille{background-color:#fff;color:#000}.navbar1 .cart_pastille{color:#fff}.navbar2 .cart a,.navbar2 .cart a:link,.navbar2 .cart a:hover,.barre:hover .cart a{color:#fff!important}.langue{display:inline!important;margin-right:20px}.page-item-713,.page-item-21542{margin-right:70px}.langue a{color:#fff;vertical-align:sub}.navbar2 .langue a{color:#000}.langue a:hover{text-transform:uppercase}.langue .active,.langue{text-transform:uppercase;color:#fff;vertical-align:sub}.navbar2 .langue .active{color:#000}.footer li:before{margin-left:0;content:''!important}.negatif{background-color:#000;color:#fff}.positif{background-color:#fff;color:#000}.footer ul,.footer li{list-style:none!important}.negatif a{color:#fff;border-bottom:2px solid #444}.negatif a:hover{border-bottom:2px solid #fff;transition-duration:0.4s;transition-delay:0s}.positif a{color:#000;border-bottom:1px solid #ccc}.positif a:hover{border-bottom:2px solid #000;transition-duration:0.4s;transition-delay:0s}.footer .reseaux_sociaux a{border:none}.container img{margin-bottom:5px}.grid-loves .container img{margin-bottom:0}.container .embed-responsive-16by9{margin-bottom:15px}.row_sans_marge img,.grid img,.woocommerce img{margin-bottom:0}.grid-loves{margin-bottom:0}.grid-loves h2{margin-top:10px;padding-top:0;margin-bottom:3px}.ligne{border-top:solid 1px #000;padding-top:10px;margin-top:30px}.about .grid-item a{opacity:1}.works .grid-item a:hover,.works .grid-item a:focus{color:#fff;opacity:1}.about .grid-item a:hover h1,.about .grid-item a:focus h1{color:#000!important}.grid-item:hover .love{opacity:1}.love-back{opacity:0}.container ul{list-style-type:none;margin-left:17px;padding-left:0;-webkit-margin-before:0em!important;-webkit-padding-start:0px!important}.container ul li h3{display:inline}.container ul li h3:before{display:inline}.container li:before{content:'— ';margin-left:-13px}.pastille ul{margin-left:0;padding-left:0}.pastille li:before{content:'';margin-left:0}.container ol li:before{content:''}.container ol{margin-left:0px!important;padding-left:20px!important}ol.flex-control-thumbs{padding-left:0px!important}.container .woocommerce li:before{content:none}.video-container{height:100%;width:100%;overflow:hidden;margin-bottom:-4px}#video{height:100%;width:100%;object-fit:cover;overflow:hidden}#MuteButton::before{content:"\f107";font-family:'VideoJS'}#MuteButton.muted::before{content:"\f104";font-family:'VideoJS'}#MuteButton{position:fixed;top:40px;right:0;border:none;color:#fff;z-index:5;font-size:2.2rem;border-radius:2rem;width:4rem;height:0;line-height:4rem;text-align:center;mix-blend-mode:difference;cursor:pointer}.player-controls{display:none}.vimeo-wrapper{position:absolute;top:0;left:0;width:100%;height:85%;z-index:5;pointer-events:none;overflow:hidden;background-color:#000}.vimeo-wrapper iframe{width:100vw;height:56.25vw;min-height:100vh;min-width:177.77vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.instagram_post img{height:100%}.swiper-container{width:100%;height:auto}.swiper-container-about{width:100%;height:auto}.swiper-container-single-works{width:100%;height:80vh}.footer_vh{top:80vh}.swiper-container-single-works .swiper-slide{background-position:center;background-repeat:no-repeat}.swiper-pagination{mix-blend-mode:difference}.swiper-pagination-bullet{width:44px!important;height:44px!important;text-align:center;line-height:46px;color:#fff;opacity:1!important;background:rgb(0 0 0 / .2);background-color:transparent!important}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0!important}.swiper-pagination-bullet-active{color:#000!important;background-color:#fff!important}.swiper-button-next,.swiper-container-rtl .swiper-button-prev,.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:none!important;mix-blend-mode:difference}.swiper-button-prev,.swiper-button-next{height:100%!important;width:50px!important;top:0!important;margin-top:0!important}.swiper-button-prev{left:0px!important;padding-left:0px!important;cursor:w-resize}.swiper-button-next{right:0px!important;padding-left:0;cursor:e-resize}.swiper-button-prev svg,.swiper-button-next svg{fill:#fff}.swiper-lazy-preloader:after,.swiper-lazy-preloader-white{background-image:url(https://supero.ch/wp-content/themes/supero_7/img/loading.svg)!important}.swiper-slide a{cursor:zoom-in}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:''}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:''}.swiper-lazy-preloader-white{color:#000!important}.swiper-lazy-preloader{border:none}.woocommerce ul.products li.product .woocommerce-loop-category__title,.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h3{font-size:18px;line-height:24px}.woocommerce a.remove:hover{color:#000!important}.woocommerce table.shop_attributes th{padding:0!important}.product-remove a{border:solid 1px #000!important;padding:5px;height:26px!important;width:26px!important}.product-remove a:hover{background-color:#000!important}.woocommerce a.remove{line-height:0.6!important;margin-right:5px!important}.woocommerce-orders-table__cell-order-actions a{font-weight:normal!important}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{padding:10px!important}.woocommerce div.product p.stock{font-size:1em!important}.up-sells .button.product_type_simple.add_to_cart_button.ajax_add_to_cart{font-weight:normal!important}li.post-26118{flex-direction:column!important}#woocommerce_loop_add_to_cart_link_describedby_26894{display:none!important}.flex-control-nav.flex-control-thumbs{margin-top:10px!important}.flex-control-nav.flex-control-thumbs li{margin-right:10px!important}.added_to_cart.wc-forward{margin-left:10px!important}.woo-variation-swatches.wvs-show-label .variations td .woo-selected-variation-item-name,.woo-variation-swatches.wvs-show-label .variations th .woo-selected-variation-item-name{font-weight:normal!important}.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item){-webkit-box-shadow:var(--wvs-item-box-shadow,0 0 0 0 #a8a8a8)!important;box-shadow:var(--wvs-item-box-shadow,0 0 0 0 #a8a8a8)!important}.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item){border-radius:20px!important}.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock){color:#fff!important}#cartpops-drawer .cpops-cart-item__spinner{border-top-color:#000!important;color:#000!important}.wpgmza-basic-list-item.wpgmza_div_title{font-weight:normal!important;font-size:18px!important;line-height:24px!important}.wpgmza-basic-list-item .wpgmza_small_img{display:none!important}.wpgmaps_blist_row{border-bottom:1px solid #000!important}.wpgmza-basic-list-item.wpgmza_div_address{font-size:1em!important}.wpgmza_div_address{padding-left:0!important}.wpgmza_infowindow_title{font-weight:normal!important;font-family:'capitalsemi_bold'!important}.wpgmza_infowindow_address{font-family:'capitalsemi_bold'!important}.scratched{animation:blink-animation 0.75s steps(5,start) infinite;-webkit-animation:blink-animation 0.75s steps(5,start) infinite}@keyframes blink-animation{to{visibility:hidden}}@-webkit-keyframes blink-animation{to{visibility:hidden}}.love{mix-blend-mode:difference}.gif h1,.gif-pause h1{background-color:#fff;color:#000;padding:2px 5px 0 5px;cursor:pointer;display:inline;font-size:6em;text-transform:none}.gif h1:hover,.gif-pause h1:hover{background-color:#000;color:#fff}.ombre{-webkit-box-shadow:0 0 24px -3px rgb(0 0 0 / .5);-moz-box-shadow:0 0 24px -3px rgb(0 0 0 / .5);box-shadow:0 0 24px -3px rgb(0 0 0 / .5)}.news{border-bottom:1px solid #000;margin-bottom:10px;padding-bottom:10px}.titre{position:absolute;right:-569px;top:580px;width:1200px}.accueil a{color:#fff}.accueil a:hover{color:#000!important;text-decoration:none}.accueil .footer a:hover{color:#fff!important}.accueil .footer .pastille a:hover{color:#000!important}.cff-load-more span:hover{background-color:#fff!important;color:#000!important}@media (max-width:991px){h1.big{font-size:2.5em;line-height:1.4em}.marge_texte .big a:hover{border-bottom:solid 5px #000;transition-duration:0.4s;transition-delay:0s}.pastille.big a,.pastille.big span{padding:0 15px;border-radius:100px;line-height:1.6em}.cart_pastille{right:-3px}.panier_desktop{display:none}.panier_mobile{display:block;position:absolute;right:85px;top:12px;bottom:0}.page-item-713,.page-item-21542{margin-right:0}.navbar li{font-size:1.5em;line-height:calc((100vh - 20px)/6)}.navbar-nav li:hover{background-color:#fff;color:#000!important}.navbar-nav li:hover>a{color:#000!important}.navbar-toggler{float:right}.navbar button{background-color:transparent!important;border:none!important}.hamburger-box{float:right}.navbar-collapse{background-color:#fff;margin-left:-15px;margin-right:-15px}.navbar2 .navbar-collapse{background-color:#000}.navbar-collapse li{text-align:center;margin-left:0;height:calc((100vh - 45px)/6);line-height:calc((100vh - 45px)/5.8);cursor:pointer}.navbar2 .navbar-nav li a{color:#fff}.navbar2 .navbar-nav li a:hover{color:#fff}.navbar-collapse a{color:#000}.navbar-nav li a{line-height:50%;color:#000;width:100%;display:inline-block;vertical-align:center}.navbar-collapse li:hover a{text-transform:uppercase}}@media (max-width:576px){.swiper-container-single-works{height:60vh}.footer_vh{top:60vh}}@media (min-width:991px){.navbar-nav{margin-top:3px}.marge_texte .big a:hover{border-bottom:solid 9px #000;transition:border-bottom 0.4s}#MuteButton{right:10px}}