/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
padding: 0px 0px;
display: inline-block;
cursor: pointer;
-webkit-transition-property: opacity, -webkit-filter;
transition-property: opacity, -webkit-filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger.is-active:hover {
opacity: 0.7;
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
background-color: #343a40;
}
.hamburger-box {
width: 31px;
height: 18px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 31px;
height: 2px;
background-color: #fff;
border-radius: 2px;
position: absolute;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -8px;
}
.hamburger-inner::after {
bottom: -8px;
}
/*
* 3DX
*/
.hamburger--3dx .hamburger-box {
-webkit-perspective: 62px;
perspective: 62px;
}
.hamburger--3dx .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
transform: translate3d(0, -8px, 0) rotate(-45deg);
}
/*
* 3DX Reverse
*/
.hamburger--3dx-r .hamburger-box {
-webkit-perspective: 62px;
perspective: 62px;
}
.hamburger--3dx-r .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
transform: translate3d(0, -8px, 0) rotate(-45deg);
}
/*
* 3DY
*/
.hamburger--3dy .hamburger-box {
-webkit-perspective: 62px;
perspective: 62px;
}
.hamburger--3dy .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
transform: translate3d(0, -8px, 0) rotate(-45deg);
}
/*
* 3DY Reverse
*/
.hamburger--3dy-r .hamburger-box {
-webkit-perspective: 62px;
perspective: 62px;
}
.hamburger--3dy-r .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
transform: translate3d(0, -8px, 0) rotate(-45deg);
}
/*
* 3DXY
*/
.hamburger--3dxy .hamburger-box {
-webkit-perspective: 62px;
perspective: 62px;
}
.hamburger--3dxy .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateX(180deg) rotateY(180deg);
transform: rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
transform: translate3d(0, -8px, 0) rotate(-45deg);
}
/*
* 3DXY Reverse
*/
.hamburger--3dxy-r .hamburger-box {
-webkit-perspective: 62px;
perspective: 62px;
}
.hamburger--3dxy-r .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
transform: translate3d(0, -8px, 0) rotate(-45deg);
}
/*
* Arrow
*/
.hamburger--arrow.is-active .hamburger-inner::before {
-webkit-transform: translate3d(-6.2px, 0, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(-6.2px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
-webkit-transform: translate3d(-6.2px, 0, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(-6.2px, 0, 0) rotate(45deg) scale(0.7, 1);
}
/*
* Arrow Right
*/
.hamburger--arrow-r.is-active .hamburger-inner::before {
-webkit-transform: translate3d(6.2px, 0, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(6.2px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(6.2px, 0, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(6.2px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
/*
* Arrow Alt
*/
.hamburger--arrowalt .hamburger-inner::before {
-webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: translate3d(-6.2px, -7.75px, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(-6.2px, -7.75px, 0) rotate(-45deg) scale(0.7, 1);
-webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: translate3d(-6.2px, 7.75px, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(-6.2px, 7.75px, 0) rotate(45deg) scale(0.7, 1);
-webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
/*
* Arrow Alt Right
*/
.hamburger--arrowalt-r .hamburger-inner::before {
-webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: translate3d(6.2px, -7.75px, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(6.2px, -7.75px, 0) rotate(45deg) scale(0.7, 1);
-webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: translate3d(6.2px, 7.75px, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(6.2px, 7.75px, 0) rotate(-45deg) scale(0.7, 1);
-webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
/*
* Arrow Turn
*/
.hamburger--arrowturn.is-active .hamburger-inner {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
-webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
-webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
/*
* Arrow Turn Right
*/
.hamburger--arrowturn-r.is-active .hamburger-inner {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
-webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
/*
* Boring
*/
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
-webkit-transition-property: none;
transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
/*
* Collapse
*/
.hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
-webkit-transition-duration: 0.13s;
transition-duration: 0.13s;
-webkit-transition-delay: 0.13s;
transition-delay: 0.13s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
top: -16px;
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
-webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
transform: translate3d(0, -8px, 0) rotate(-45deg);
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Collapse Reverse
*/
.hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
-webkit-transition-duration: 0.13s;
transition-duration: 0.13s;
-webkit-transition-delay: 0.13s;
transition-delay: 0.13s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
top: -16px;
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
-webkit-transform: translate3d(0, -8px, 0) rotate(45deg);
transform: translate3d(0, -8px, 0) rotate(45deg);
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Elastic
*/
.hamburger--elastic .hamburger-inner {
top: 1px;
-webkit-transition-duration: 0.275s;
transition-duration: 0.275s;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
top: 8px;
-webkit-transition: opacity 0.125s 0.275s ease;
transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
top: 16px;
-webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 8px, 0) rotate(135deg);
transform: translate3d(0, 8px, 0) rotate(135deg);
-webkit-transition-delay: 0.075s;
transition-delay: 0.075s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -16px, 0) rotate(-270deg);
transform: translate3d(0, -16px, 0) rotate(-270deg);
-webkit-transition-delay: 0.075s;
transition-delay: 0.075s;
}
/*
* Elastic Reverse
*/
.hamburger--elastic-r .hamburger-inner {
top: 1px;
-webkit-transition-duration: 0.275s;
transition-duration: 0.275s;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
top: 8px;
-webkit-transition: opacity 0.125s 0.275s ease;
transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
top: 16px;
-webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 8px, 0) rotate(-135deg);
transform: translate3d(0, 8px, 0) rotate(-135deg);
-webkit-transition-delay: 0.075s;
transition-delay: 0.075s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -16px, 0) rotate(270deg);
transform: translate3d(0, -16px, 0) rotate(270deg);
-webkit-transition-delay: 0.075s;
transition-delay: 0.075s;
}
/*
* Emphatic
*/
.hamburger--emphatic {
overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
-webkit-transition: background-color 0.125s 0.175s ease-in;
transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
left: 0;
-webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic .hamburger-inner::after {
top: 2px6px;
right: 0;
-webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic.is-active .hamburger-inner {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
background-color: transparent !important;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
left: -62px;
top: -62px;
-webkit-transform: translate3d(62px, 62px, 0) rotate(45deg);
transform: translate3d(62px, 62px, 0) rotate(45deg);
-webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
right: -62px;
top: -62px;
-webkit-transform: translate3d(-62px, 62px, 0) rotate(-45deg);
transform: translate3d(-62px, 62px, 0) rotate(-45deg);
-webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
/*
* Emphatic Reverse
*/
.hamburger--emphatic-r {
overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
-webkit-transition: background-color 0.125s 0.175s ease-in;
transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
left: 0;
-webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic-r .hamburger-inner::after {
top: 2px6px;
right: 0;
-webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic-r.is-active .hamburger-inner {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
background-color: transparent !important;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
left: -62px;
top: 62px;
-webkit-transform: translate3d(62px, -62px, 0) rotate(-45deg);
transform: translate3d(62px, -62px, 0) rotate(-45deg);
-webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
right: -62px;
top: 62px;
-webkit-transform: translate3d(-62px, -62px, 0) rotate(45deg);
transform: translate3d(-62px, -62px, 0) rotate(45deg);
-webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
/*
* Minus
*/
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
-webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
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;
-webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
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;
}
/*
* Slider
*/
.hamburger--slider .hamburger-inner {
top: 1px;
}
.hamburger--slider .hamburger-inner::before {
top: 8px;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
top: 16px;
}
.hamburger--slider.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
-webkit-transform: rotate(-45deg) translate3d(31px/-7, -6px, 0);
transform: rotate(-45deg) translate3d(31px/-7, -6px, 0);
opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -16px, 0) rotate(-90deg);
transform: translate3d(0, -16px, 0) rotate(-90deg);
}
/*
* Slider Reverse
*/
.hamburger--slider-r .hamburger-inner {
top: 1px;
}
.hamburger--slider-r .hamburger-inner::before {
top: 8px;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
top: 16px;
}
.hamburger--slider-r.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 8px, 0) rotate(-45deg);
transform: translate3d(0, 8px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
-webkit-transform: rotate(45deg) translate3d(31px/7, -6px, 0);
transform: rotate(45deg) translate3d(31px/7, -6px, 0);
opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -16px, 0) rotate(90deg);
transform: translate3d(0, -16px, 0) rotate(90deg);
}
/*
* Spin
*/
.hamburger--spin .hamburger-inner {
-webkit-transition-duration: 0.22s;
transition-duration: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
-webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Spin Reverse
*/
.hamburger--spin-r .hamburger-inner {
-webkit-transition-duration: 0.22s;
transition-duration: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
-webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
-webkit-transform: rotate(-225deg);
-ms-transform: rotate(-225deg);
transform: rotate(-225deg);
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Spring
*/
.hamburger--spring .hamburger-inner {
top: 1px;
-webkit-transition: background-color 0s 0.13s linear;
transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
top: 8px;
-webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
top: 16px;
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
-webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 8px, 0) rotate(-45deg);
transform: translate3d(0, 8px, 0) rotate(-45deg);
}
/*
* Spring Reverse
*/
.hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
-webkit-transition-duration: 0.13s;
transition-duration: 0.13s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
top: -16px;
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
-webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
-webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
transform: translate3d(0, -8px, 0) rotate(-45deg);
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Stand
*/
.hamburger--stand .hamburger-inner {
-webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::before {
-webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
-webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
background-color: transparent !important;
-webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Stand Reverse
*/
.hamburger--stand-r .hamburger-inner {
-webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::before {
-webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
-webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
background-color: transparent !important;
-webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Squeeze
*/
.hamburger--squeeze .hamburger-inner {
-webkit-transition-duration: 0.075s;
transition-duration: 0.075s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
-webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
-webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
-webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Vortex
*/
.hamburger--vortex .hamburger-inner {
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
-webkit-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
-webkit-transition-property: top, opacity;
transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, -webkit-transform;
transition-property: bottom, transform;
transition-property: bottom, transform, -webkit-transform;
}
.hamburger--vortex.is-active .hamburger-inner {
-webkit-transform: rotate(765deg);
-ms-transform: rotate(765deg);
transform: rotate(765deg);
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
/*
* Vortex Reverse
*/
.hamburger--vortex-r .hamburger-inner {
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
-webkit-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
-webkit-transition-property: top, opacity;
transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, -webkit-transform;
transition-property: bottom, transform;
transition-property: bottom, transform, -webkit-transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
-webkit-transform: rotate(-765deg);
-ms-transform: rotate(-765deg);
transform: rotate(-765deg);
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
-webkit-transition-delay: 0s;
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;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
body {
overflow-x: hidden;
}
:root {
--menu-media-min-width: 12000px;
--menu-height: 110px;
--window-height: 100vh;
--window-height-ex-menu-height: 100vh;
}
.Menu2rev2-624563e43ec58 .header {
width: 100%;
left: 0;
right: 0;
top: 0;
position: relative;
z-index: 100;
}
.Menu2rev2-624563e43ec58 .header.js-sticky {
-webkit-transition: box-shadow 500ms;
transition: box-shadow 500ms;
}
.Menu2rev2-624563e43ec58 .header.js-sticky .primary {
-webkit-transition: height 0.15s ease-out;
transition: height 0.15s ease-out;
}
.Menu2rev2-624563e43ec58 .header.js-sticky .primary .primary__logo img {
-webkit-transition: max-height 0.15s ease-out;
transition: max-height 0.15s ease-out;
}
.Menu2rev2-624563e43ec58 .header.js-sticky--stuck .primary {
-webkit-transition: height 0.2s ease-in, box-shadow 500ms;
transition: height 0.2s ease-in, box-shadow 500ms;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
height: 40px;
min-height: 54px;
}
.Menu2rev2-624563e43ec58 .header.js-sticky--stuck .primary .primary__logo img {
-webkit-transition: max-height 0.2s ease-in;
transition: max-height 0.2s ease-in;
max-height: 40px;
}
.Menu2rev2-624563e43ec58 .header__top {
height: 44px;
position: relative;
width: 100%;
left: 0;
right: 0;
background-color: transparent;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.Menu2rev2-624563e43ec58 .header .top__cols {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (min-width: 768px) {
.Menu2rev2-624563e43ec58 .header .top__cols {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.Menu2rev2-624563e43ec58 .header .top__col {
font-size: 1em;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
@media (min-width: 12000px) {
.Menu2rev2-624563e43ec58 .header .top__col + .top__col {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (max-width: 11999.98px) {
.Menu2rev2-624563e43ec58 .header .top__col .languages {
display: none;
}
}
.Menu2rev2-624563e43ec58 .header .top .socials__item a, .Menu2rev2-624563e43ec58 .header .top .company-info__item a {
color: #fff;
}
.Menu2rev2-624563e43ec58 .header .top .socials__item a .svg-inline--fa, .Menu2rev2-624563e43ec58 .header .top .company-info__item a .svg-inline--fa {
color: #fff;
}
.Menu2rev2-624563e43ec58 .header .top .socials__item:hover a, .Menu2rev2-624563e43ec58 .header .top .company-info__item:hover a {
color: #39C6A6;
text-decoration: none;
}
.Menu2rev2-624563e43ec58 .header .top .socials__item:hover a .svg-inline--fa, .Menu2rev2-624563e43ec58 .header .top .company-info__item:hover a .svg-inline--fa {
color: #39C6A6;
}
.Menu2rev2-624563e43ec58 .header.header--top-off .top {
display: none;
}
.Menu2rev2-624563e43ec58 .header .primary {
background-color: transparent;
width: 100%;
height: 110px;
min-height: 44px;
position: relative;
z-index: initial;
}
.Menu2rev2-624563e43ec58 .header .primary.js-sticky {
-webkit-transition: height 0.15s ease-out;
transition: height 0.15s ease-out;
}
.Menu2rev2-624563e43ec58 .header .primary.js-sticky .primary__logo img {
-webkit-transition: max-height 0.15s ease-out;
transition: max-height 0.15s ease-out;
}
.Menu2rev2-624563e43ec58 .header .primary.js-sticky--stuck {
-webkit-transition: height 0.2s ease-in, box-shadow 500ms;
transition: height 0.2s ease-in, box-shadow 500ms;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
height: 40px;
min-height: 54px;
}
.Menu2rev2-624563e43ec58 .header .primary.js-sticky--stuck .primary__logo img {
-webkit-transition: max-height 0.2s ease-in;
transition: max-height 0.2s ease-in;
max-height: 40px;
}
.Menu2rev2-624563e43ec58 .header .primary__container, .Menu2rev2-624563e43ec58 .header .primary__row {
height: 100%;
}
.Menu2rev2-624563e43ec58 .header .primary__cols {
height: 100%;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.Menu2rev2-624563e43ec58 .header .primary__col {
font-size: 1em;
}
.Menu2rev2-624563e43ec58 .header .primary__col:last-of-type {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.Menu2rev2-624563e43ec58 .header .primary__logo {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
padding-top: 5px;
padding-bottom: 5px;
line-height: inherit;
white-space: nowrap;
min-height: 44px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.Menu2rev2-624563e43ec58 .header .primary__logo img {
max-height: 50px;
max-width: 220px;
width: auto;
display: block;
}
@media (min-width: 12000px) {
.Menu2rev2-624563e43ec58 .header .primary__logo img {
max-width: none;
}
}
.Menu2rev2-624563e43ec58 .primary__navbar {
height: 44px;
}
@media (min-width: 12000px) {
.Menu2rev2-624563e43ec58 .primary__navbar {
height: 100%;
}
}
.Menu2rev2-624563e43ec58 .primary__navbar-inner {
height: 100%;
}
.Menu2rev2-624563e43ec58 .primary__navbar-action {
display: none;
}
@media (max-width: 11999.98px) {
.Menu2rev2-624563e43ec58 .primary__navbar-action {
display: block;
height: 100%;
z-index: 2;
position: relative;
}
}
.Menu2rev2-624563e43ec58 .primary__navbar-main {
height: 100%;
}
@media (max-width: 11999.98px) {
.Menu2rev2-624563e43ec58 .primary__navbar-main {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%;
}
.Menu2rev2-624563e43ec58 .primary__navbar-main.primary__navbar-main--right .menu, .Menu2rev2-624563e43ec58 .primary__navbar-main.primary__navbar-main--left .menu {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
max-width: 400px;
}
.Menu2rev2-624563e43ec58 .primary__navbar-main.primary__navbar-main--right::before, .Menu2rev2-624563e43ec58 .primary__navbar-main.primary__navbar-main--left::before {
content: "";
background-color: rgba(0, 0, 0, 0.1);
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
}
.Menu2rev2-624563e43ec58 .primary__navbar-main.primary__navbar-main--right .menu {
left: auto;
width: calc(100% - 15px);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
.Menu2rev2-624563e43ec58 .primary__navbar-main.primary__navbar-main--right::before {
-webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
.Menu2rev2-624563e43ec58 .primary__navbar-main.primary__navbar-main--left .menu {
right: auto;
width: calc(100% - 67px);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
.Menu2rev2-624563e43ec58 .primary__navbar-main.primary__navbar-main--left .menu .hamburger {
display: none;
}
.Menu2rev2-624563e43ec58 .primary__navbar-main.primary__navbar-main--left::before {
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
.Menu2rev2-624563e43ec58 .primary__navbar-main.primary__navbar-main--right.primary__navbar-main--behind, .Menu2rev2-624563e43ec58 .primary__navbar-main.primary__navbar-main--left.primary__navbar-main--behind {
z-index: -1;
}
.Menu2rev2-624563e43ec58 .primary__navbar-main.primary__navbar-main--right.primary__navbar-main--behind .menu, .Menu2rev2-624563e43ec58 .primary__navbar-main.primary__navbar-main--left.primary__navbar-main--behind .menu {
width: calc(100% - 15px);
max-width: 400px;
overflow: hidden;
}
.Menu2rev2-624563e43ec58 .primary__navbar-main.primary__navbar-main--right.primary__navbar-main--behind .menu__head-logo, .Menu2rev2-624563e43ec58 .primary__navbar-main.primary__navbar-main--right.primary__navbar-main--behind .menu .hamburger, .Menu2rev2-624563e43ec58 .primary__navbar-main.primary__navbar-main--left.primary__navbar-main--behind .menu__head-logo, .Menu2rev2-624563e43ec58 .primary__navbar-main.primary__navbar-main--left.primary__navbar-main--behind .menu .hamburger {
display: none;
}
.Menu2rev2-624563e43ec58 .primary__navbar-main.primary__navbar-main--right.primary__navbar-main--behind .menu__body, .Menu2rev2-624563e43ec58 .primary__navbar-main.primary__navbar-main--left.primary__navbar-main--behind .menu__body {
height: var(--window-height-ex-menu-height);
overflow-y: auto;
}
}
@media (max-width: 11999.98px) {
body.sidebar-open {
overflow: hidden;
}
body.sidebar-open .Menu2rev2-624563e43ec58 .primary__navbar-main .menu {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
box-shadow: -1px 0px 10px 0px rgba(0, 0, 0, 0.5);
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
}
body.sidebar-open .Menu2rev2-624563e43ec58 .primary__navbar-main::before {
content: "";
display: block;
width: 100vw;
height: 100vh;
position: fixed;
z-index: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.6);
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
}
}
@media (max-width: 11999.98px) {
body.sidebar-right-open .Menu2rev2-624563e43ec58 .primary__navbar-main .menu {
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
body.sidebar-right-open .Menu2rev2-624563e43ec58 .primary__navbar-main::before {
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
}
@media (max-width: 11999.98px) {
body.sidebar-left-open .Menu2rev2-624563e43ec58 .primary__navbar-main .menu {
-webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
body.sidebar-left-open .Menu2rev2-624563e43ec58 .primary__navbar-main::before {
-webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
}
@media (max-width: 11999.98px) {
.Menu2rev2-624563e43ec58 .primary.js-sticky--stuck .primary__navbar-main.primary__navbar-main--right .menu__head, .Menu2rev2-624563e43ec58 .primary.js-sticky--stuck .primary__navbar-main.primary__navbar-main--left .menu__head {
margin-top: 0;
}
}
@media (max-width: 11999.98px) {
body.sidebar-open.sidebar-behind .Menu2rev2-624563e43ec58 .header:not(.js-sticky--stuck) .primary:not(.js-sticky--stuck) {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
}
.Menu2rev2-624563e43ec58 .company-info {
line-height: 1;
list-style: none;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0 0 0 -0.75rem;
}
@media (min-width: 768px) {
.Menu2rev2-624563e43ec58 .company-info {
margin-top: -0.5rem;
margin-bottom: -0.5rem;
margin-left: -1rem;
}
}
@media (min-width: 1200px) {
.Menu2rev2-624563e43ec58 .company-info {
margin-left: calc(-1 * (3.125rem / 2));
}
}
.Menu2rev2-624563e43ec58 .company-info__item {
color: currentColor;
padding: 0;
margin: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-transition: padding 0.2s ease;
transition: padding 0.2s ease;
}
@media (min-width: 768px) {
.Menu2rev2-624563e43ec58 .company-info__item {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-right: 1rem;
padding-left: 1rem;
}
}
@media (min-width: 1200px) {
.Menu2rev2-624563e43ec58 .company-info__item {
padding-right: calc(3.125rem / 2);
padding-left: calc(3.125rem / 2);
}
}
.Menu2rev2-624563e43ec58 .company-info__item-visual {
padding: 0.75rem;
font-size: 1em;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
color: currentColor;
}
@media (min-width: 768px) {
.Menu2rev2-624563e43ec58 .company-info__item-visual {
padding: 0 1rem 0 0;
}
}
.Menu2rev2-624563e43ec58 .company-info__item-visual .svg-inline--fa {
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
color: currentColor;
}
.Menu2rev2-624563e43ec58 .company-info__item-content {
font-size: 0.875em;
line-height: 1.25;
}
.Menu2rev2-624563e43ec58 .company-info__item-content .label {
margin-bottom: 0.125em;
font-weight: 700;
line-height: 1;
}
.Menu2rev2-624563e43ec58 .company-info__item-content p:not(.label) {
margin-bottom: 0.5rem;
}
.Menu2rev2-624563e43ec58 .company-info__item-content p:not(.label):last-child {
margin-bottom: 0;
}
.Menu2rev2-624563e43ec58 .company-info__item-content a {
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
color: currentColor;
display: inline-block;
white-space: nowrap;
text-decoration: none;
}
.Menu2rev2-624563e43ec58 .company-info__item-content a:last-child {
margin-bottom: 0;
}
.Menu2rev2-624563e43ec58 .company-info__item-content a:nth-of-type(n+2)::before {
content: ", ";
display: inline;
}
.Menu2rev2-624563e43ec58 .socials {
line-height: 1;
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
margin: 0 -0.75rem 0 0rem;
}
.Menu2rev2-624563e43ec58 .socials__item {
padding: 0;
margin: 0;
color: currentColor;
}
.Menu2rev2-624563e43ec58 .socials__link {
color: currentColor;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0.75rem;
}
.Menu2rev2-624563e43ec58 .socials__link .svg-inline--fa {
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
color: currentColor;
}
.Menu2rev2-624563e43ec58 .menu__body-footer .socials {
margin: 0;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.Menu2rev2-624563e43ec58 .menu__body-footer .socials__link__link .svg-inline--fa {
color: #343a40;
}
.Menu2rev2-624563e43ec58 .menu__body-footer .socials__link:hover .svg-inline--fa {
color: #212121;
}
.Menu2rev2-624563e43ec58 .languages {
line-height: 1;
list-style: none;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
margin: 0 -0.75rem 0 0;
}
.Menu2rev2-624563e43ec58 .languages__item {
padding: 0;
margin: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.Menu2rev2-624563e43ec58 .languages__link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0.75rem;
}
.Menu2rev2-624563e43ec58 .languages__flag {
height: 15px;
width: calc(15px + ((15px / 100) * 25));
display: block;
overflow: hidden;
background-position: center;
background-size: cover;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.Menu2rev2-624563e43ec58 .languages__flag--round {
height: 16px;
width: 16px;
border-radius: 50%;
}
.Menu2rev2-624563e43ec58 .languages__item:hover .languages__flag {
opacity: 0.5;
}
.Menu2rev2-624563e43ec58 .menu__body-footer .socials + .languages, .Menu2rev2-624563e43ec58 .menu__body-footer .languages {
margin: 0;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.Menu2rev2-624563e43ec58 .socials + .languages {
margin-left: 0.75rem;
}
@media (max-width: 11999.98px) {
.Menu2rev2-624563e43ec58 .hamburger {
min-height: 44px;
position: relative;
line-height: 1;
}
.Menu2rev2-624563e43ec58 .hamburger:focus {
outline: none;
}
}
@media (max-width: 11999.98px) {
body.sidebar-right-open .Menu2rev2-624563e43ec58 .primary__navbar-main .hamburger {
position: absolute;
height: 110px;
top: 0;
right: 15px;
}
}
.Menu2rev2-624563e43ec58 .menu {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 4;
}
@media (max-width: 11999.98px) {
.Menu2rev2-624563e43ec58 .menu {
background-color: transparent;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100vh;
overflow-x: hidden;
}
}
@media (min-width: 12000px) {
.Menu2rev2-624563e43ec58 .menu {
right: 15px;
left: 15px;
width: auto;
position: static;
margin-right: -10px;
}
}
.Menu2rev2-624563e43ec58 .menu__head {
display: none;
visibility: hidden;
opacity: 0;
}
@media (max-width: 11999.98px) {
.Menu2rev2-624563e43ec58 .menu__head {
display: block;
visibility: visible;
opacity: 1;
height: 110px;
padding: 0 20px 0 20px;
margin-top: 44px;
position: relative;
}
.Menu2rev2-624563e43ec58 .menu__head-logo {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
margin-right: 1rem;
line-height: inherit;
white-space: nowrap;
height: 110px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.Menu2rev2-624563e43ec58 .menu__head-logo img {
max-height: 50px;
max-width: 220px;
width: auto;
display: block;
}
}
.Menu2rev2-624563e43ec58 .header.header--top-off .menu__head {
margin-top: 0;
}
.Menu2rev2-624563e43ec58 .header.js-sticky--stuck .menu__head, .Menu2rev2-624563e43ec58 .header.js-sticky--stuck .menu__head .menu__head-logo, .Menu2rev2-624563e43ec58 .header.js-sticky--stuck .menu__head .menu__head-toggle, .Menu2rev2-624563e43ec58 .primary.js-sticky--stuck .menu__head, .Menu2rev2-624563e43ec58 .primary.js-sticky--stuck .menu__head .menu__head-logo, .Menu2rev2-624563e43ec58 .primary.js-sticky--stuck .menu__head .menu__head-toggle {
height: 40px;
min-height: 54px;
}
.Menu2rev2-624563e43ec58 .header.js-sticky--stuck .menu__head .menu__head-logo img, .Menu2rev2-624563e43ec58 .primary.js-sticky--stuck .menu__head .menu__head-logo img {
max-height: 40px;
}
@media (min-width: 12000px) {
.Menu2rev2-624563e43ec58 .menu__body-footer {
display: none;
}
}
@media (max-width: 11999.98px) {
.Menu2rev2-624563e43ec58 .menu__body {
display: block;
height: auto;
min-height: var(--window-height-ex-menu-height);
}
.Menu2rev2-624563e43ec58 .menu__body-footer {
text-align: center;
width: 100%;
overflow: hidden;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
@media (min-width: 768px) {
.Menu2rev2-624563e43ec58 .menu__body-footer {
padding-top: 3rem;
padding-bottom: 3rem;
}
}
.Menu2rev2-624563e43ec58 .menu__dropdown--2, .Menu2rev2-624563e43ec58 .menu__dropdown--3, .Menu2rev2-624563e43ec58 .menu__dropdown--4, .Menu2rev2-624563e43ec58 .menu__dropdown--5, .Menu2rev2-624563e43ec58 .menu__dropdown--6 {
display: none;
visibility: hidden;
opacity: 0;
clear: both;
}
@media (min-width: 12000px) {
.Menu2rev2-624563e43ec58 .menu__dropdown--1 {
height: 100%;
}
.Menu2rev2-624563e43ec58 .menu__dropdown--2, .Menu2rev2-624563e43ec58 .menu__dropdown--3, .Menu2rev2-624563e43ec58 .menu__dropdown--4, .Menu2rev2-624563e43ec58 .menu__dropdown--5, .Menu2rev2-624563e43ec58 .menu__dropdown--6 {
position: absolute;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.Menu2rev2-624563e43ec58 .menu__dropdown--3, .Menu2rev2-624563e43ec58 .menu__dropdown--4, .Menu2rev2-624563e43ec58 .menu__dropdown--5, .Menu2rev2-624563e43ec58 .menu__dropdown--6 {
left: 100%;
right: -100%;
top: -1px;
}
}
@media (max-width: 11999.98px) {
.Menu2rev2-624563e43ec58 .menu__dropdown.menu__dropdown--active {
visibility: visible;
opacity: 1;
display: block;
}
}
.Menu2rev2-624563e43ec58 .menu__dropdown .menu__dropdown-inner--1 {
height: 100%;
}
@media (max-width: 11999.98px) {
.Menu2rev2-624563e43ec58 .menu__dropdown .menu__dropdown-inner--1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
height: auto;
min-height: var(--window-height-ex-menu-height);
}
}
@media (max-width: 11999.98px) {
.Menu2rev2-624563e43ec58 .menu__dropdown .menu__dropdown-inner--2 .menu__item--2:nth-of-type(1) > .menu__link {
box-shadow: inset 0px 10px 8px -10px rgba(0, 0, 0, 0.3);
}
.Menu2rev2-624563e43ec58 .menu__dropdown .menu__dropdown-inner--2 .menu__item--2:nth-of-type(1) > .menu__link .toggle {
box-shadow: inset 0px 10px 8px -10px rgba(0, 0, 0, 0.3);
}
.Menu2rev2-624563e43ec58 .menu__dropdown .menu__dropdown-inner--2 .menu__item--2:last-of-type:not(.menu__item--active), .Menu2rev2-624563e43ec58 .menu__dropdown .menu__dropdown-inner--2 .menu__item--2:last-of-type .menu__item--3:last-of-type:not(.menu__item--active), .Menu2rev2-624563e43ec58 .menu__dropdown .menu__dropdown-inner--2 .menu__item--2:last-of-type .menu__item--3:last-of-type .menu__item--4:last-of-type:not(.menu__item--active), .Menu2rev2-624563e43ec58 .menu__dropdown .menu__dropdown-inner--2 .menu__item--2:last-of-type .menu__item--3:last-of-type .menu__item--4:last-of-type .menu__item--5:last-of-type:not(.menu__item--active), .Menu2rev2-624563e43ec58 .menu__dropdown .menu__dropdown-inner--2 .menu__item--2:last-of-type .menu__item--3:last-of-type .menu__item--4:last-of-type .menu__item--5:last-of-type .menu__item--6:last-of-type:not(.menu__item--active) {
box-shadow: inset 0px -10px 8px -10px rgba(0, 0, 0, 0.3);
}
.Menu2rev2-624563e43ec58 .menu__dropdown .menu__dropdown-inner--2 .menu__item--2:last-of-type:not(.menu__item--active) .toggle, .Menu2rev2-624563e43ec58 .menu__dropdown .menu__dropdown-inner--2 .menu__item--2:last-of-type .menu__item--3:last-of-type:not(.menu__item--active) .toggle, .Menu2rev2-624563e43ec58 .menu__dropdown .menu__dropdown-inner--2 .menu__item--2:last-of-type .menu__item--3:last-of-type .menu__item--4:last-of-type:not(.menu__item--active) .toggle, .Menu2rev2-624563e43ec58 .menu__dropdown .menu__dropdown-inner--2 .menu__item--2:last-of-type .menu__item--3:last-of-type .menu__item--4:last-of-type .menu__item--5:last-of-type:not(.menu__item--active) .toggle, .Menu2rev2-624563e43ec58 .menu__dropdown .menu__dropdown-inner--2 .menu__item--2:last-of-type .menu__item--3:last-of-type .menu__item--4:last-of-type .menu__item--5:last-of-type .menu__item--6:last-of-type:not(.menu__item--active) .toggle {
box-shadow: inset 0px -10px 8px -10px rgba(0, 0, 0, 0.3);
}
}
.Menu2rev2-624563e43ec58 .menu__list {
list-style: none;
margin: 0;
padding-left: 0;
display: block;
}
@media (min-width: 12000px) {
.Menu2rev2-624563e43ec58 .menu__list--1 {
height: 100%;
}
}
.Menu2rev2-624563e43ec58 .menu__list--2 {
background-color: #F3F1F0;
}
.Menu2rev2-624563e43ec58 .menu__item {
border-color: rgba(19, 19, 19, 0);
border-style: solid;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
@media (min-width: 12000px) {
.Menu2rev2-624563e43ec58 .menu__item {
/* :focus-within need to be separated to prevent IE from breaking */
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--hover > .menu__dropdown, .Menu2rev2-624563e43ec58 .menu__item:hover > .menu__dropdown, .Menu2rev2-624563e43ec58 .menu__item > .menu__dropdown:hover {
visibility: visible;
opacity: 1;
display: block;
}
.Menu2rev2-624563e43ec58 .menu__item:focus-within > .menu__dropdown, .Menu2rev2-624563e43ec58 .menu__item > .menu__dropdown:focus-within {
visibility: visible;
opacity: 1;
display: block;
}
.Menu2rev2-624563e43ec58 .menu__item--1 {
border-top-width: 0px;
border-top-color: transparent;
float: left;
height: 100%;
}
.Menu2rev2-624563e43ec58 .menu__item--1 > .menu__link {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.Menu2rev2-624563e43ec58 .menu__item--1.menu__item--active {
border-bottom-width: 0px;
height: 100%;
}
.Menu2rev2-624563e43ec58 .menu__item--1.menu__item--active > .menu__link {
color: #212121;
}
}
@media (max-width: 11999.98px) {
.Menu2rev2-624563e43ec58 .menu__item--1 {
background-color: transparent;
}
.Menu2rev2-624563e43ec58 .menu__item--1:last-of-type {
border-bottom-width: 1px;
}
.Menu2rev2-624563e43ec58 .menu__item--1 .toggle {
background-color: rgba(13, 13, 13, 0);
}
.Menu2rev2-624563e43ec58 .menu__item--1.menu__item--active {
background-color: rgba(6, 6, 6, 0);
}
.Menu2rev2-624563e43ec58 .menu__item--1.menu__item--active .toggle {
background-color: rgba(19, 19, 19, 0);
}
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--2 {
position: relative;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1:not(.menu__item--mega) .menu__item--2 {
border-color: #e3dedc;
background-color: #F3F1F0;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1:not(.menu__item--mega) .menu__item--2.menu__item--active {
background-color: #e8e4e3;
}
@media (min-width: 12000px) {
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1:not(.menu__item--mega) .menu__item--2:hover {
background-color: #e8e4e3;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1:not(.menu__item--mega) .menu__item--2:focus-within {
background-color: #e8e4e3;
}
}
@media (max-width: 11999.98px) {
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--2 {
border-color: #e3dedc;
background-color: #F3F1F0;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--2 .toggle {
background-color: #e8e4e3;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--2.menu__item--active {
background-color: #e8e4e3;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--2.menu__item--active .toggle {
background-color: #ded8d5;
}
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--3 {
position: relative;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1:not(.menu__item--mega) .menu__item--3 {
border-color: #e3dedc;
background-color: #e8e4e3;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1:not(.menu__item--mega) .menu__item--3.menu__item--active {
background-color: #ded8d5;
}
@media (min-width: 12000px) {
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1:not(.menu__item--mega) .menu__item--3:hover {
background-color: #ded8d5;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1:not(.menu__item--mega) .menu__item--3:focus-within {
background-color: #ded8d5;
}
}
@media (max-width: 11999.98px) {
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--3 {
border-color: #e3dedc;
background-color: #e8e4e3;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--3 .toggle {
background-color: #ded8d5;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--3.menu__item--active {
background-color: #ded8d5;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--3.menu__item--active .toggle {
background-color: #d3cbc8;
}
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--4 {
position: relative;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1:not(.menu__item--mega) .menu__item--4 {
border-color: #e3dedc;
background-color: #ded8d5;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1:not(.menu__item--mega) .menu__item--4.menu__item--active {
background-color: #d3cbc8;
}
@media (min-width: 12000px) {
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1:not(.menu__item--mega) .menu__item--4:hover {
background-color: #d3cbc8;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1:not(.menu__item--mega) .menu__item--4:focus-within {
background-color: #d3cbc8;
}
}
@media (max-width: 11999.98px) {
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--4 {
border-color: #e3dedc;
background-color: #ded8d5;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--4 .toggle {
background-color: #d3cbc8;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--4.menu__item--active {
background-color: #d3cbc8;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--4.menu__item--active .toggle {
background-color: #c8bfba;
}
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--5 {
position: relative;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1:not(.menu__item--mega) .menu__item--5 {
border-color: #e3dedc;
background-color: #d3cbc8;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1:not(.menu__item--mega) .menu__item--5.menu__item--active {
background-color: #c8bfba;
}
@media (min-width: 12000px) {
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1:not(.menu__item--mega) .menu__item--5:hover {
background-color: #c8bfba;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1:not(.menu__item--mega) .menu__item--5:focus-within {
background-color: #c8bfba;
}
}
@media (max-width: 11999.98px) {
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--5 {
border-color: #e3dedc;
background-color: #d3cbc8;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--5 .toggle {
background-color: #c8bfba;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--5.menu__item--active {
background-color: #c8bfba;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--5.menu__item--active .toggle {
background-color: #bdb2ad;
}
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--6 {
position: relative;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1:not(.menu__item--mega) .menu__item--6 {
border-color: #e3dedc;
background-color: #c8bfba;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1:not(.menu__item--mega) .menu__item--6.menu__item--active {
background-color: #bdb2ad;
}
@media (min-width: 12000px) {
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1:not(.menu__item--mega) .menu__item--6:hover {
background-color: #a89992;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1:not(.menu__item--mega) .menu__item--6:focus-within {
background-color: #a89992;
}
}
@media (max-width: 11999.98px) {
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--6 {
border-color: #e3dedc;
background-color: #c8bfba;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--6 .toggle {
background-color: #bdb2ad;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--6.menu__item--active {
background-color: #bdb2ad;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--1 .menu__item--6.menu__item--active .toggle {
background-color: #b3a6a0;
}
}
.Menu2rev2-624563e43ec58 .menu__link {
display: block;
position: relative;
line-height: 1.5;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
width: 100%;
color: #343a40;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
@media (min-width: 12000px) {
.Menu2rev2-624563e43ec58 .menu__link {
padding-left: 20px;
padding-right: 10px;
}
}
@media only screen and (max-width: 12000px) {
.Menu2rev2-624563e43ec58 .menu .menu__item--1 > .menu__link {
color: #343a40;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--1 > .menu__link.menu__link--current {
color: #39C6A6;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--2 > .menu__link {
color: #343a40;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--2 > .menu__link.menu__link--current {
color: #39C6A6;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--3 > .menu__link {
color: #343a40;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--3 > .menu__link.menu__link--current {
color: #39C6A6;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--4 > .menu__link {
color: #343a40;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--4 > .menu__link.menu__link--current {
color: #39C6A6;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--5 > .menu__link {
color: #343a40;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--5 > .menu__link.menu__link--current {
color: #39C6A6;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--6 > .menu__link {
color: #343a40;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--6 > .menu__link.menu__link--current {
color: #39C6A6;
}
}
.Menu2rev2-624563e43ec58 .menu__link .svg-inline--fa {
margin-right: 5px;
}
.Menu2rev2-624563e43ec58 .menu__link .toggle {
display: inline-block;
padding: 10px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
color: currentColor;
}
@media (min-width: 12000px) {
.Menu2rev2-624563e43ec58 .menu__link .toggle {
position: relative;
padding: 0;
right: -7px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
.Menu2rev2-624563e43ec58 .menu__link .toggle .icon--arrow {
display: inline-block;
width: 22px;
text-align: center;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: -webkit-transform 0.25s;
transition: -webkit-transform 0.25s;
transition: transform 0.25s;
transition: transform 0.25s, -webkit-transform 0.25s;
color: currentColor;
}
@media (min-width: 12000px) {
.Menu2rev2-624563e43ec58 .menu__link .toggle .icon--arrow {
width: 11px;
height: 11px;
position: relative;
}
}
.Menu2rev2-624563e43ec58 .menu__link .toggle .icon--arrow::after {
content: "";
display: inline-block;
margin-top: 5px;
margin-left: -5px;
width: 11px;
height: 11px;
border-top: 2px solid currentColor;
border-right: 2px solid currentColor;
-webkit-transform: rotate(45deg) scale(0.7);
-ms-transform: rotate(45deg) scale(0.7);
transform: rotate(45deg) scale(0.7);
}
@media (min-width: 12000px) {
.Menu2rev2-624563e43ec58 .menu__link .toggle .icon--arrow::after {
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
position: absolute;
margin-top: 2px;
margin-left: -1px;
height: 11px;
width: 11px;
-webkit-transform: rotate(45deg) scale(0.5);
-ms-transform: rotate(45deg) scale(0.5);
transform: rotate(45deg) scale(0.5);
}
}
.Menu2rev2-624563e43ec58 .menu .menu__item.menu__item--1 {
/* :focus-within need to be separated to prevent IE from breaking */
}
.Menu2rev2-624563e43ec58 .menu .menu__item.menu__item--1.menu__item--hover > .menu__link, .Menu2rev2-624563e43ec58 .menu .menu__item.menu__item--1:hover > .menu__link {
outline: none;
text-decoration: none;
color: #212121;
}
.Menu2rev2-624563e43ec58 .menu .menu__item.menu__item--1:not(.menu__item--mega) .menu__item:hover > .menu__link, .Menu2rev2-624563e43ec58 .menu .menu__item.menu__item--1:not(.menu__item--mega) .menu__item.menu__item--hover > .menu__link {
outline: none;
text-decoration: none;
color: #39C6A6;
}
.Menu2rev2-624563e43ec58 .menu .menu__item.menu__item--1:not(.menu__item--mega) .menu__item:focus-within > .menu__link {
outline: none;
text-decoration: none;
color: #212121;
}
@media (max-width: 11999.98px) {
.Menu2rev2-624563e43ec58 .menu .menu__item.menu__item--active > .menu__link {
outline: none;
text-decoration: none;
color: #39C6A6;
}
.Menu2rev2-624563e43ec58 .menu .menu__item.menu__item--active:not(.menu__item--1--active) > .menu__link .toggle .icon--arrow {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.Menu2rev2-624563e43ec58 .menu .menu__item.menu__item--active.menu__item--1 > .menu__link {
color: #212121;
}
}
@media (min-width: 12000px) {
.Menu2rev2-624563e43ec58 .menu .menu__item--mega .menu__item--2 > a.menu__link:hover {
outline: none;
text-decoration: none;
color: #39C6A6;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--2 > .menu__link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 5px 20px;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--2 > .menu__link .icon--arrow {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.Menu2rev2-624563e43ec58 .menu .menu__item--mega .menu__item--3 > a.menu__link:hover {
outline: none;
text-decoration: none;
color: #39C6A6;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--3 > .menu__link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 5px 20px;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--3 > .menu__link .icon--arrow {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.Menu2rev2-624563e43ec58 .menu .menu__item--mega .menu__item--4 > a.menu__link:hover {
outline: none;
text-decoration: none;
color: #39C6A6;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--4 > .menu__link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 5px 20px;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--4 > .menu__link .icon--arrow {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.Menu2rev2-624563e43ec58 .menu .menu__item--mega .menu__item--5 > a.menu__link:hover {
outline: none;
text-decoration: none;
color: #39C6A6;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--5 > .menu__link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 5px 20px;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--5 > .menu__link .icon--arrow {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.Menu2rev2-624563e43ec58 .menu .menu__item--mega .menu__item--6 > a.menu__link:hover {
outline: none;
text-decoration: none;
color: #39C6A6;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--6 > .menu__link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 5px 20px;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--6 > .menu__link .icon--arrow {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@media (max-width: 11999.98px) {
.Menu2rev2-624563e43ec58 .menu .menu__item--2 > .menu__link {
padding-left: 33px;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--2 > .menu__link.menu__link--current {
color: #39C6A6;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--3 > .menu__link {
padding-left: 46px;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--3 > .menu__link.menu__link--current {
color: #39C6A6;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--4 > .menu__link {
padding-left: 59px;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--4 > .menu__link.menu__link--current {
color: #39C6A6;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--5 > .menu__link {
padding-left: 72px;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--5 > .menu__link.menu__link--current {
color: #39C6A6;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--6 > .menu__link {
padding-left: 85px;
}
.Menu2rev2-624563e43ec58 .menu .menu__item--6 > .menu__link.menu__link--current {
color: #39C6A6;
}
}
@media (min-width: 12000px) {
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega > .menu__dropdown {
width: 100%;
left: 0;
right: 0;
background-color: #F3F1F0;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega > .menu__dropdown > .menu__dropdown-inner > .menu__list {
width: 100%;
left: 0;
right: 0;
white-space: nowrap;
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
-webkit-column-gap: 2.5rem;
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
padding-top: 2.5rem;
padding-right: 2.5rem;
padding-bottom: 2.5rem;
padding-left: 2.5rem;
-webkit-column-width: 200px;
-moz-column-width: 200px;
column-width: 200px;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega .menu__item .menu__link {
padding-left: 0;
padding-right: 0;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega .menu__item.menu__item--2 {
display: block;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
max-width: 100%;
overflow: hidden;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega .menu__item.menu__item--2 > .menu__link {
font-weight: 700;
display: block;
border-bottom: 1px solid transparent;
padding-bottom: 5px;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega .menu__item .menu__list--3 {
padding-bottom: 5px;
padding-top: 5px;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega .menu__item.menu__item--2 {
display: block;
max-width: 100%;
border-top-width: 0;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega .menu__item.menu__item--2 .toggle {
display: none;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega .menu__item.menu__item--2 .menu__dropdown {
visibility: visible;
opacity: 1;
display: block;
white-space: nowrap;
width: 100%;
top: auto;
left: auto;
right: auto;
position: relative;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega .menu__item.menu__item--3 > .menu__link {
display: block;
padding-top: 4px;
padding-bottom: 4px;
font-size: 14px;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega .menu__item.menu__item--3 {
display: block;
max-width: 100%;
border-top-width: 0;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega .menu__item.menu__item--3 .toggle {
display: none;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega .menu__item.menu__item--3 .menu__dropdown {
visibility: visible;
opacity: 1;
display: block;
white-space: nowrap;
width: 100%;
top: auto;
left: auto;
right: auto;
position: relative;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega .menu__item.menu__item--4 > .menu__link {
display: block;
padding-top: 4px;
padding-bottom: 4px;
font-size: 14px;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega .menu__item.menu__item--4 {
display: block;
max-width: 100%;
border-top-width: 0;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega .menu__item.menu__item--4 .toggle {
display: none;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega .menu__item.menu__item--4 .menu__dropdown {
visibility: visible;
opacity: 1;
display: block;
white-space: nowrap;
width: 100%;
top: auto;
left: auto;
right: auto;
position: relative;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega .menu__item.menu__item--5 > .menu__link {
display: block;
padding-top: 4px;
padding-bottom: 4px;
font-size: 14px;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega .menu__item.menu__item--5 {
display: block;
max-width: 100%;
border-top-width: 0;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega .menu__item.menu__item--5 .toggle {
display: none;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega .menu__item.menu__item--5 .menu__dropdown {
visibility: visible;
opacity: 1;
display: block;
white-space: nowrap;
width: 100%;
top: auto;
left: auto;
right: auto;
position: relative;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega .menu__item.menu__item--6 > .menu__link {
display: block;
padding-top: 4px;
padding-bottom: 4px;
font-size: 14px;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega .menu__item.menu__item--6 {
display: block;
max-width: 100%;
border-top-width: 0;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega .menu__item.menu__item--6 .toggle {
display: none;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega .menu__item.menu__item--6 .menu__dropdown {
visibility: visible;
opacity: 1;
display: block;
white-space: nowrap;
width: 100%;
top: auto;
left: auto;
right: auto;
position: relative;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega--wide > .menu__dropdown {
width: 100vw;
position: absolute;
left: calc(-1 * (100vw - 100%) / 2);
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega--wide > .menu__dropdown > .menu__dropdown-inner {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega--wide > .menu__dropdown > .menu__dropdown-inner > .menu__list {
padding-right: 0px;
padding-left: 0px;
}
}
@media (min-width: 768px) {
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega:not(.menu__item--mega--wide) .menu__dropdown {
margin-left: auto;
margin-right: auto;
max-width: 720px;
}
}
@media (min-width: 992px) {
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega:not(.menu__item--mega--wide) .menu__dropdown {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega:not(.menu__item--mega--wide) .menu__dropdown {
max-width: 1140px;
}
}
@media (min-width: 768px) {
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega--wide .menu__dropdown-inner {
max-width: 720px;
}
}
@media (min-width: 992px) {
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega--wide .menu__dropdown-inner {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.Menu2rev2-624563e43ec58 .menu__item.menu__item--mega--wide .menu__dropdown-inner {
max-width: 1140px;
}
}
@media (min-width: 12000px) {
.Menu2rev2-624563e43ec58 .menu.menu--effect--1 .menu__item.menu__item--1 > .menu__dropdown {
top: -999em;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--1 .menu__item.menu__item--1 > .menu__dropdown, .Menu2rev2-624563e43ec58 .menu.menu--effect--1 .menu__item.menu__item--1 .menu__item > .menu__dropdown {
display: unset;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--1 .menu__item.menu__item--1:hover > .menu__dropdown, .Menu2rev2-624563e43ec58 .menu.menu--effect--1 .menu__item.menu__item--1.menu__item--hover > .menu__dropdown {
top: auto;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--1 .menu__item.menu__item--1:focus-within > .menu__dropdown {
top: auto;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--1 .menu__item.menu__item--1:hover > .menu__dropdown, .Menu2rev2-624563e43ec58 .menu.menu--effect--1 .menu__item.menu__item--1.menu__item--hover > .menu__dropdown, .menu__item > .Menu2rev2-624563e43ec58 .menu.menu--effect--1 .menu__item.menu__item--1:hover > .menu__dropdown, .menu__item > .Menu2rev2-624563e43ec58 .menu.menu--effect--1 .menu__item.menu__item--1.menu__item--hover > .menu__dropdown {
display: block;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--1 .menu__item.menu__item--1:focus-within > .menu__dropdown, .menu__item > .Menu2rev2-624563e43ec58 .menu.menu--effect--1 .menu__item.menu__item--1:focus-within > .menu__dropdown {
display: block;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--1 .menu__item.menu__item--1 > .menu__dropdown {
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
transition: display, transform, opacity, visibility, -webkit-transform, 0.2s linear;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--1 .menu__item.menu__item--1:hover > .menu__dropdown, .Menu2rev2-624563e43ec58 .menu.menu--effect--1 .menu__item.menu__item--1.menu__item--hover > .menu__dropdown {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--1 .menu__item.menu__item--1 .menu__item > .menu__dropdown {
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
transition: display, transform, opacity, visibility, -webkit-transform, 0.2s linear;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--1 .menu__item.menu__item--1 .menu__item:hover > .menu__dropdown, .Menu2rev2-624563e43ec58 .menu.menu--effect--1 .menu__item.menu__item--1 .menu__item.menu__item--hover > .menu__dropdown {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--2 .menu__item.menu__item--1 > .menu__dropdown {
top: -999em;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--2 .menu__item.menu__item--1 > .menu__dropdown, .Menu2rev2-624563e43ec58 .menu.menu--effect--2 .menu__item.menu__item--1 .menu__item > .menu__dropdown {
display: unset;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--2 .menu__item.menu__item--1:hover > .menu__dropdown, .Menu2rev2-624563e43ec58 .menu.menu--effect--2 .menu__item.menu__item--1.menu__item--hover > .menu__dropdown {
top: auto;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--2 .menu__item.menu__item--1:focus-within > .menu__dropdown {
top: auto;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--2 .menu__item.menu__item--1:hover > .menu__dropdown, .Menu2rev2-624563e43ec58 .menu.menu--effect--2 .menu__item.menu__item--1.menu__item--hover > .menu__dropdown, .menu__item > .Menu2rev2-624563e43ec58 .menu.menu--effect--2 .menu__item.menu__item--1:hover > .menu__dropdown, .menu__item > .Menu2rev2-624563e43ec58 .menu.menu--effect--2 .menu__item.menu__item--1.menu__item--hover > .menu__dropdown {
display: block;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--2 .menu__item.menu__item--1:focus-within > .menu__dropdown, .menu__item > .Menu2rev2-624563e43ec58 .menu.menu--effect--2 .menu__item.menu__item--1:focus-within > .menu__dropdown {
display: block;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--2 .menu__item.menu__item--1:hover > .menu__dropdown {
-webkit-animation: menuEffect2 300ms ease-in-out forwards;
animation: menuEffect2 300ms ease-in-out forwards;
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--2 .menu__item.menu__item--1 .menu__item:hover > .menu__dropdown {
-webkit-animation: menuEffect2 300ms ease-in-out forwards;
animation: menuEffect2 300ms ease-in-out forwards;
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--3 .menu__item.menu__item--1 > .menu__dropdown {
top: -999em;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--3 .menu__item.menu__item--1 > .menu__dropdown, .Menu2rev2-624563e43ec58 .menu.menu--effect--3 .menu__item.menu__item--1 .menu__item > .menu__dropdown {
display: unset;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--3 .menu__item.menu__item--1:hover > .menu__dropdown, .Menu2rev2-624563e43ec58 .menu.menu--effect--3 .menu__item.menu__item--1.menu__item--hover > .menu__dropdown {
top: auto;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--3 .menu__item.menu__item--1:focus-within > .menu__dropdown {
top: auto;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--3 .menu__item.menu__item--1:hover > .menu__dropdown, .Menu2rev2-624563e43ec58 .menu.menu--effect--3 .menu__item.menu__item--1.menu__item--hover > .menu__dropdown, .menu__item > .Menu2rev2-624563e43ec58 .menu.menu--effect--3 .menu__item.menu__item--1:hover > .menu__dropdown, .menu__item > .Menu2rev2-624563e43ec58 .menu.menu--effect--3 .menu__item.menu__item--1.menu__item--hover > .menu__dropdown {
display: block;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--3 .menu__item.menu__item--1:focus-within > .menu__dropdown, .menu__item > .Menu2rev2-624563e43ec58 .menu.menu--effect--3 .menu__item.menu__item--1:focus-within > .menu__dropdown {
display: block;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--3 .menu__item.menu__item--1:hover > .menu__dropdown {
-webkit-animation: menuEffect3 250ms ease-in-out forwards;
animation: menuEffect3 250ms ease-in-out forwards;
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--3 .menu__item.menu__item--1 .menu__item:hover > .menu__dropdown {
-webkit-animation: menuEffect3 250ms ease-in-out forwards;
animation: menuEffect3 250ms ease-in-out forwards;
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--4 .menu__item.menu__item--1 > .menu__dropdown {
top: -999em;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--4 .menu__item.menu__item--1 > .menu__dropdown, .Menu2rev2-624563e43ec58 .menu.menu--effect--4 .menu__item.menu__item--1 .menu__item > .menu__dropdown {
display: unset;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--4 .menu__item.menu__item--1:hover > .menu__dropdown, .Menu2rev2-624563e43ec58 .menu.menu--effect--4 .menu__item.menu__item--1.menu__item--hover > .menu__dropdown {
top: auto;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--4 .menu__item.menu__item--1:focus-within > .menu__dropdown {
top: auto;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--4 .menu__item.menu__item--1:hover > .menu__dropdown, .Menu2rev2-624563e43ec58 .menu.menu--effect--4 .menu__item.menu__item--1.menu__item--hover > .menu__dropdown, .menu__item > .Menu2rev2-624563e43ec58 .menu.menu--effect--4 .menu__item.menu__item--1:hover > .menu__dropdown, .menu__item > .Menu2rev2-624563e43ec58 .menu.menu--effect--4 .menu__item.menu__item--1.menu__item--hover > .menu__dropdown {
display: block;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--4 .menu__item.menu__item--1:focus-within > .menu__dropdown, .menu__item > .Menu2rev2-624563e43ec58 .menu.menu--effect--4 .menu__item.menu__item--1:focus-within > .menu__dropdown {
display: block;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--4 .menu__item.menu__item--1:hover > .menu__dropdown {
-webkit-animation: menuEffect4 250ms ease-in-out forwards;
animation: menuEffect4 250ms ease-in-out forwards;
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
}
.Menu2rev2-624563e43ec58 .menu.menu--effect--4 .menu__item.menu__item--1 .menu__item:hover > .menu__dropdown {
-webkit-animation: menuEffect4 250ms ease-in-out forwards;
animation: menuEffect4 250ms ease-in-out forwards;
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
}
}
@-webkit-keyframes menuEffect2 {
0% {
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
80% {
-webkit-transform: scaleY(1.1);
transform: scaleY(1.1);
}
100% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@keyframes menuEffect2 {
0% {
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
80% {
-webkit-transform: scaleY(1.1);
transform: scaleY(1.1);
}
100% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@-webkit-keyframes menuEffect3 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
80% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes menuEffect3 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
80% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes menuEffect4 {
0% {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
80% {
-webkit-transform: rotateY(-10deg);
transform: rotateY(-10deg);
}
100% {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
}
@keyframes menuEffect4 {
0% {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
80% {
-webkit-transform: rotateY(-10deg);
transform: rotateY(-10deg);
}
100% {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
}
.Menu2rev2-624563e43ec58 .js-pull-minions {
margin-bottom: -150px;
}