@charset "UTF-8";
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  -moz-transition-property: opacity, filter;
  transition-property: opacity, filter;
  -webkit-transition-duration: 0.15s;
  -moz-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
  -moz-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-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.15s;
  -moz-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -10px;
}
.hamburger-inner::after {
  bottom: -10px;
}

/*
 * 3DX
 */
.hamburger--3dx .hamburger-box {
  -webkit-perspective: 80px;
  -moz-perspective: 80px;
  perspective: 80px;
}
.hamburger--3dx .hamburger-inner {
  -webkit-transition: -webkit-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);
  -moz-transition: -moz-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);
}
.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);
  -moz-transition: -moz-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);
}
.hamburger--3dx.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--3dx.hamburger .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--3dx.hamburger .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  -moz-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--3dx.hamburger .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DX Reverse
 */
.hamburger--3dx-r .hamburger-box {
  -webkit-perspective: 80px;
  -moz-perspective: 80px;
  perspective: 80px;
}
.hamburger--3dx-r .hamburger-inner {
  -webkit-transition: -webkit-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);
  -moz-transition: -moz-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);
}
.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);
  -moz-transition: -moz-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);
}
.hamburger--3dx-r.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--3dx-r.hamburger .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--3dx-r.hamburger .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  -moz-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--3dx-r.hamburger .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DY
 */
.hamburger--3dy .hamburger-box {
  -webkit-perspective: 80px;
  -moz-perspective: 80px;
  perspective: 80px;
}
.hamburger--3dy .hamburger-inner {
  -webkit-transition: -webkit-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);
  -moz-transition: -moz-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);
}
.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);
  -moz-transition: -moz-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);
}
.hamburger--3dy.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--3dy.hamburger .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--3dy.hamburger .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  -moz-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--3dy.hamburger .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DY Reverse
 */
.hamburger--3dy-r .hamburger-box {
  -webkit-perspective: 80px;
  -moz-perspective: 80px;
  perspective: 80px;
}
.hamburger--3dy-r .hamburger-inner {
  -webkit-transition: -webkit-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);
  -moz-transition: -moz-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);
}
.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);
  -moz-transition: -moz-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);
}
.hamburger--3dy-r.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--3dy-r.hamburger .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--3dy-r.hamburger .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  -moz-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--3dy-r.hamburger .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DXY
 */
.hamburger--3dxy .hamburger-box {
  -webkit-perspective: 80px;
  -moz-perspective: 80px;
  perspective: 80px;
}
.hamburger--3dxy .hamburger-inner {
  -webkit-transition: -webkit-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);
  -moz-transition: -moz-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);
}
.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);
  -moz-transition: -moz-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);
}
.hamburger--3dxy.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--3dxy.hamburger .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(180deg) rotateY(180deg);
  -moz-transform: rotateX(180deg) rotateY(180deg);
  transform: rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--3dxy.hamburger .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  -moz-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--3dxy.hamburger .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DXY Reverse
 */
.hamburger--3dxy-r .hamburger-box {
  -webkit-perspective: 80px;
  -moz-perspective: 80px;
  perspective: 80px;
}
.hamburger--3dxy-r .hamburger-inner {
  -webkit-transition: -webkit-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);
  -moz-transition: -moz-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);
}
.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);
  -moz-transition: -moz-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);
}
.hamburger--3dxy-r.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--3dxy-r.hamburger .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
  -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--3dxy-r.hamburger .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  -moz-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--3dxy-r.hamburger .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * Arrow
 */
.hamburger--arrow.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--arrow.hamburger .hamburger-inner::before {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
  -moz-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--arrow.hamburger .hamburger-inner::after {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
  -moz-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Arrow Right
 */
.hamburger--arrow-r.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--arrow-r.hamburger .hamburger-inner::before {
  -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
  -moz-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--arrow-r.hamburger .hamburger-inner::after {
  -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
  -moz-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(8px, 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);
  -moz-transition: top 0.1s 0.1s ease, -moz-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);
}
.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);
  -moz-transition: bottom 0.1s 0.1s ease, -moz-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);
}
.hamburger--arrowalt.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--arrowalt.hamburger .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  -moz-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(-8px, -10px, 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);
  -moz-transition: top 0.1s ease, -moz-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);
}
.hamburger--arrowalt.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--arrowalt.hamburger .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  -moz-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(-8px, 10px, 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);
  -moz-transition: bottom 0.1s ease, -moz-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);
}

/*
 * 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);
  -moz-transition: top 0.1s 0.1s ease, -moz-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);
}
.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);
  -moz-transition: bottom 0.1s 0.1s ease, -moz-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);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--arrowalt-r.hamburger .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  -moz-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transform: translate3d(8px, -10px, 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);
  -moz-transition: top 0.1s ease, -moz-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);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--arrowalt-r.hamburger .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  -moz-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transform: translate3d(8px, 10px, 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);
  -moz-transition: bottom 0.1s ease, -moz-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);
}

/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--arrowturn.hamburger .hamburger-inner {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--arrowturn.hamburger .hamburger-inner::before {
  -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
  -moz-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, body.main-menu-open #topbar header #main-menu .hamburger--arrowturn.hamburger .hamburger-inner::after {
  -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
  -moz-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, body.main-menu-open #topbar header #main-menu .hamburger--arrowturn-r.hamburger .hamburger-inner {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--arrowturn-r.hamburger .hamburger-inner::before {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
  -moz-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, body.main-menu-open #topbar header #main-menu .hamburger--arrowturn-r.hamburger .hamburger-inner::after {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
  -moz-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;
  -moz-transition-property: none;
  transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--boring.hamburger .hamburger-inner {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--boring.hamburger .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--boring.hamburger .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
  -moz-transition-duration: 0.13s;
  transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
  -moz-transition-delay: 0.13s;
  transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -moz-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: -20px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
  -moz-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);
  -moz-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -moz-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);
}
.hamburger--collapse.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--collapse.hamburger .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
  -moz-transition-delay: 0.22s;
  transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-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, body.main-menu-open #topbar header #main-menu .hamburger--collapse.hamburger .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;
  -moz-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, body.main-menu-open #topbar header #main-menu .hamburger--collapse.hamburger .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-90deg);
  -moz-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);
  -moz-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -moz-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);
}

/*
 * Collapse Reverse
 */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
  -moz-transition-duration: 0.13s;
  transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
  -moz-transition-delay: 0.13s;
  transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -moz-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: -20px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
  -moz-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);
  -moz-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -moz-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);
}
.hamburger--collapse-r.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--collapse-r.hamburger .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
  -moz-transform: translate3d(0, -10px, 0) rotate(45deg);
  transform: translate3d(0, -10px, 0) rotate(45deg);
  -webkit-transition-delay: 0.22s;
  -moz-transition-delay: 0.22s;
  transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-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, body.main-menu-open #topbar header #main-menu .hamburger--collapse-r.hamburger .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;
  -moz-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, body.main-menu-open #topbar header #main-menu .hamburger--collapse-r.hamburger .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(90deg);
  -moz-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);
  -moz-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -moz-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);
}

/*
 * Elastic
 */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  -webkit-transition-duration: 0.275s;
  -moz-transition-duration: 0.275s;
  transition-duration: 0.275s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-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: 10px;
  -webkit-transition: opacity 0.125s 0.275s ease;
  -moz-transition: opacity 0.125s 0.275s ease;
  transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: -moz-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);
}
.hamburger--elastic.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--elastic.hamburger .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
  -moz-transform: translate3d(0, 10px, 0) rotate(135deg);
  transform: translate3d(0, 10px, 0) rotate(135deg);
  -webkit-transition-delay: 0.075s;
  -moz-transition-delay: 0.075s;
  transition-delay: 0.075s;
}
.hamburger--elastic.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--elastic.hamburger .hamburger-inner::before {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--elastic.hamburger .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
  -moz-transform: translate3d(0, -20px, 0) rotate(-270deg);
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  -webkit-transition-delay: 0.075s;
  -moz-transition-delay: 0.075s;
  transition-delay: 0.075s;
}

/*
 * Elastic Reverse
 */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  -webkit-transition-duration: 0.275s;
  -moz-transition-duration: 0.275s;
  transition-duration: 0.275s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-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: 10px;
  -webkit-transition: opacity 0.125s 0.275s ease;
  -moz-transition: opacity 0.125s 0.275s ease;
  transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: -moz-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);
}
.hamburger--elastic-r.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--elastic-r.hamburger .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
  -moz-transform: translate3d(0, 10px, 0) rotate(-135deg);
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  -webkit-transition-delay: 0.075s;
  -moz-transition-delay: 0.075s;
  transition-delay: 0.075s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--elastic-r.hamburger .hamburger-inner::before {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--elastic-r.hamburger .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
  -moz-transform: translate3d(0, -20px, 0) rotate(270deg);
  transform: translate3d(0, -20px, 0) rotate(270deg);
  -webkit-transition-delay: 0.075s;
  -moz-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;
  -moz-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: -webkit-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;
  -moz-transition: -moz-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;
}
.hamburger--emphatic .hamburger-inner::after {
  top: 10px;
  right: 0;
  -webkit-transition: -webkit-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;
  -moz-transition: -moz-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;
}
.hamburger--emphatic.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--emphatic.hamburger .hamburger-inner {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  background-color: transparent;
}
.hamburger--emphatic.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--emphatic.hamburger .hamburger-inner::before {
  left: -80px;
  top: -80px;
  -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
  -moz-transform: translate3d(80px, 80px, 0) rotate(45deg);
  transform: translate3d(80px, 80px, 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);
  -moz-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -moz-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);
}
.hamburger--emphatic.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--emphatic.hamburger .hamburger-inner::after {
  right: -80px;
  top: -80px;
  -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  -moz-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  transform: translate3d(-80px, 80px, 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);
  -moz-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -moz-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);
}

/*
 * Emphatic Reverse
 */
.hamburger--emphatic-r {
  overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
  -webkit-transition: background-color 0.125s 0.175s ease-in;
  -moz-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: -webkit-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;
  -moz-transition: -moz-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;
}
.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  -webkit-transition: -webkit-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;
  -moz-transition: -moz-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;
}
.hamburger--emphatic-r.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--emphatic-r.hamburger .hamburger-inner {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  background-color: transparent;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--emphatic-r.hamburger .hamburger-inner::before {
  left: -80px;
  top: 80px;
  -webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
  -moz-transform: translate3d(80px, -80px, 0) rotate(-45deg);
  transform: translate3d(80px, -80px, 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);
  -moz-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -moz-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);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--emphatic-r.hamburger .hamburger-inner::after {
  right: -80px;
  top: 80px;
  -webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
  -moz-transform: translate3d(-80px, -80px, 0) rotate(45deg);
  transform: translate3d(-80px, -80px, 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);
  -moz-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -moz-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);
}

/*
 * 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;
  -moz-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, body.main-menu-open #topbar header #main-menu .hamburger--minus.hamburger .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--minus.hamburger .hamburger-inner::after {
  opacity: 0;
  -webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
  -moz-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, body.main-menu-open #topbar header #main-menu .hamburger--minus.hamburger .hamburger-inner::before {
  top: 0;
}
.hamburger--minus.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--minus.hamburger .hamburger-inner::after {
  bottom: 0;
}

/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
  top: 2px;
}
.hamburger--slider .hamburger-inner::before {
  top: 10px;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
  -moz-transition-duration: 0.15s;
  transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
  top: 20px;
}
.hamburger--slider.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--slider.hamburger .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  -moz-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--slider.hamburger .hamburger-inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-5.7142857143px, -6px, 0);
  -moz-transform: rotate(-45deg) translate3d(-5.7142857143px, -6px, 0);
  transform: rotate(-45deg) translate3d(-5.7142857143px, -6px, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--slider.hamburger .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
  -moz-transform: translate3d(0, -20px, 0) rotate(-90deg);
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
 * Slider Reverse
 */
.hamburger--slider-r .hamburger-inner {
  top: 2px;
}
.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
  -moz-transition-duration: 0.15s;
  transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}
.hamburger--slider-r.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--slider-r.hamburger .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
  -moz-transform: translate3d(0, 10px, 0) rotate(-45deg);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--slider-r.hamburger .hamburger-inner::before {
  -webkit-transform: rotate(45deg) translate3d(5.7142857143px, -6px, 0);
  -moz-transform: rotate(45deg) translate3d(5.7142857143px, -6px, 0);
  transform: rotate(45deg) translate3d(5.7142857143px, -6px, 0);
  opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--slider-r.hamburger .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
  -moz-transform: translate3d(0, -20px, 0) rotate(90deg);
  transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  -webkit-transition-duration: 0.22s;
  -moz-transition-duration: 0.22s;
  transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -moz-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;
  -moz-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);
  -moz-transition: bottom 0.1s 0.25s ease-in, -moz-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);
}
.hamburger--spin.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--spin.hamburger .hamburger-inner {
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition-delay: 0.12s;
  -moz-transition-delay: 0.12s;
  transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-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, body.main-menu-open #topbar header #main-menu .hamburger--spin.hamburger .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
  -moz-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, body.main-menu-open #topbar header #main-menu .hamburger--spin.hamburger .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  -moz-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);
  -moz-transition: bottom 0.1s ease-out, -moz-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);
}

/*
 * Spin Reverse
 */
.hamburger--spin-r .hamburger-inner {
  -webkit-transition-duration: 0.22s;
  -moz-transition-duration: 0.22s;
  transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -moz-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;
  -moz-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);
  -moz-transition: bottom 0.1s 0.25s ease-in, -moz-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);
}
.hamburger--spin-r.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--spin-r.hamburger .hamburger-inner {
  -webkit-transform: rotate(-225deg);
  -moz-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg);
  -webkit-transition-delay: 0.12s;
  -moz-transition-delay: 0.12s;
  transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-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, body.main-menu-open #topbar header #main-menu .hamburger--spin-r.hamburger .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
  -moz-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, body.main-menu-open #topbar header #main-menu .hamburger--spin-r.hamburger .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
  -moz-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);
  -moz-transition: bottom 0.1s ease-out, -moz-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);
}

/*
 * Spring
 */
.hamburger--spring .hamburger-inner {
  top: 2px;
  -webkit-transition: background-color 0s 0.13s linear;
  -moz-transition: background-color 0s 0.13s linear;
  transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
  top: 10px;
  -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);
  -moz-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -moz-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);
}
.hamburger--spring .hamburger-inner::after {
  top: 20px;
  -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);
  -moz-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -moz-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);
}
.hamburger--spring.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--spring.hamburger .hamburger-inner {
  -webkit-transition-delay: 0.22s;
  -moz-transition-delay: 0.22s;
  transition-delay: 0.22s;
  background-color: transparent;
}
.hamburger--spring.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--spring.hamburger .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);
  -moz-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -moz-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: translate3d(0, 10px, 0) rotate(45deg);
  -moz-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--spring.hamburger .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);
  -moz-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -moz-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: translate3d(0, 10px, 0) rotate(-45deg);
  -moz-transform: translate3d(0, 10px, 0) rotate(-45deg);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
 * Spring Reverse
 */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
  -moz-transition-duration: 0.13s;
  transition-duration: 0.13s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -moz-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: -20px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
  -moz-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);
  -moz-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -moz-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);
}
.hamburger--spring-r.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--spring-r.hamburger .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
  -moz-transition-delay: 0.22s;
  transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-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, body.main-menu-open #topbar header #main-menu .hamburger--spring-r.hamburger .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;
  -moz-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, body.main-menu-open #topbar header #main-menu .hamburger--spring-r.hamburger .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(90deg);
  -moz-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);
  -moz-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -moz-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);
}

/*
 * Stand
 */
.hamburger--stand .hamburger-inner {
  -webkit-transition: -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
  -moz-transition: -moz-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;
}
.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);
  -moz-transition: top 0.075s 0.075s ease-in, -moz-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);
}
.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);
  -moz-transition: bottom 0.075s 0.075s ease-in, -moz-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);
}
.hamburger--stand.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--stand.hamburger .hamburger-inner {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: transparent;
  -webkit-transition: -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
  -moz-transition: -moz-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;
}
.hamburger--stand.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--stand.hamburger .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-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);
  -moz-transition: top 0.075s 0.1s ease-out, -moz-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);
}
.hamburger--stand.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--stand.hamburger .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-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);
  -moz-transition: bottom 0.075s 0.1s ease-out, -moz-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);
}

/*
 * Stand Reverse
 */
.hamburger--stand-r .hamburger-inner {
  -webkit-transition: -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
  -moz-transition: -moz-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;
}
.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);
  -moz-transition: top 0.075s 0.075s ease-in, -moz-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);
}
.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);
  -moz-transition: bottom 0.075s 0.075s ease-in, -moz-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);
}
.hamburger--stand-r.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--stand-r.hamburger .hamburger-inner {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-color: transparent;
  -webkit-transition: -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
  -moz-transition: -moz-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;
}
.hamburger--stand-r.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--stand-r.hamburger .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-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);
  -moz-transition: top 0.075s 0.1s ease-out, -moz-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);
}
.hamburger--stand-r.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--stand-r.hamburger .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-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);
  -moz-transition: bottom 0.075s 0.1s ease-out, -moz-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);
}

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
  -webkit-transition-duration: 0.075s;
  -moz-transition-duration: 0.075s;
  transition-duration: 0.075s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -moz-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;
  -moz-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);
  -moz-transition: bottom 0.075s 0.12s ease, -moz-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);
}
.hamburger--squeeze.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--squeeze.hamburger .hamburger-inner {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-delay: 0.12s;
  -moz-transition-delay: 0.12s;
  transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-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, body.main-menu-open #topbar header #main-menu .hamburger--squeeze.hamburger .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
  -moz-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, body.main-menu-open #topbar header #main-menu .hamburger--squeeze.hamburger .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  -moz-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);
  -moz-transition: bottom 0.075s ease, -moz-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);
}

/*
 * Vortex
 */
.hamburger--vortex .hamburger-inner {
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-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;
  -moz-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
  -webkit-transition-property: top, opacity;
  -moz-transition-property: top, opacity;
  transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
  -webkit-transition-property: bottom, -webkit-transform;
  -moz-transition-property: bottom, -moz-transform;
  transition-property: bottom, transform;
}
.hamburger--vortex.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--vortex.hamburger .hamburger-inner {
  -webkit-transform: rotate(765deg);
  -moz-transform: rotate(765deg);
  -ms-transform: rotate(765deg);
  transform: rotate(765deg);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-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, body.main-menu-open #topbar header #main-menu .hamburger--vortex.hamburger .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--vortex.hamburger .hamburger-inner::after {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--vortex.hamburger .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--vortex.hamburger .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/*
 * Vortex Reverse
 */
.hamburger--vortex-r .hamburger-inner {
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-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;
  -moz-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
  -webkit-transition-property: top, opacity;
  -moz-transition-property: top, opacity;
  transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
  -webkit-transition-property: bottom, -webkit-transform;
  -moz-transition-property: bottom, -moz-transform;
  transition-property: bottom, transform;
}
.hamburger--vortex-r.is-active .hamburger-inner, body.main-menu-open #topbar header #main-menu .hamburger--vortex-r.hamburger .hamburger-inner {
  -webkit-transform: rotate(-765deg);
  -moz-transform: rotate(-765deg);
  -ms-transform: rotate(-765deg);
  transform: rotate(-765deg);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -moz-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, body.main-menu-open #topbar header #main-menu .hamburger--vortex-r.hamburger .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--vortex-r.hamburger .hamburger-inner::after {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before, body.main-menu-open #topbar header #main-menu .hamburger--vortex-r.hamburger .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after, body.main-menu-open #topbar header #main-menu .hamburger--vortex-r.hamburger .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/*! Flickity v2.1.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: 0;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.flickity-button {
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: #fff;
  cursor: pointer;
}

.flickity-button:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 5px #19f;
  box-shadow: 0 0 0 5px #19f;
}

.flickity-button:active {
  opacity: .6;
}

.flickity-button:disabled {
  opacity: .3;
  cursor: auto;
  pointer-events: none;
}

.flickity-button-icon {
  fill: #333;
}

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: .25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.product-slider .slide {
  width: 100%;
}
.product-slider .slide img {
  max-height: 40vh;
}

/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * Use border box on all elements
 */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/**
 * Zero out margin and padding on most elements as base style
 */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, table, header, footer, nav, section, figure {
  margin: 0;
  padding: 0;
}

/**
 * Display block as base for these elements
 */
header, footer, nav, section, article, hgroup, figure {
  display: block;
}

/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

img {
  max-width: 100%;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

progress {
  vertical-align: baseline;
}

template,
[hidden] {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: inherit;
}

dfn {
  font-style: italic;
}

/* h1 {
 font-size: 2em;
 margin: 0.67em 0;
}   */
mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* figure {
  margin: 1em 40px;
} */
hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

button,
input,
select,
textarea {
  font: inherit;
}

optgroup {
  font-weight: bold;
}

button,
input,
select {
  overflow: visible;
}

button,
input,
select,
textarea {
  margin: 0;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
}

[disabled] {
  cursor: default;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

legend {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

@font-face {
  font-family: "AcquaDiParma Light";
  src: url("../fonts/AcquadiParma-Light.woff2") format("woff2"), url("../fonts/AcquadiParma-Light.woff") format("woff"), url(../fonts/AcquadiParma-Light.otf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AcquaDiParma";
  src: url("../fonts/AcquadiParma-Bold.woff2") format("woff2"), url("../fonts/AcquadiParma-Bold.woff") format("woff"), url(../fonts/AcquadiParma-Bold.otf);
  font-weight: bold;
  font-style: normal;
}
body,
html {
  font-family: "AcquaDiParma Light";
  font-size: 100%;
  text-size-adjust: 100%;
  -webkit-font-variant-ligatures: none;
  -moz-font-variant-ligatures: none;
  font-variant-ligatures: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  color: #1A1A1A;
  font-variant-numeric: lining-nums;
  -webkit-font-feature-settings: "lnum";
  -moz-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
}

a, p, div, span, h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

a {
  text-decoration: none;
  color: #1A1A1A;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
a:hover, a:focus, a:active, a:visited {
  text-decoration: none;
  color: #1A1A1A;
}

i {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 6px;
}

.right {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

b, strong {
  font-family: "AcquaDiParma";
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1rem;
  font-family: "AcquaDiParma";
  color: #1A1A1A;
  letter-spacing: 1px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  h1, h2, h3, h4, h5, h6 {
    letter-spacing: 2px;
  }
}

h1, h2, h3, h4 {
  text-transform: uppercase;
  line-height: 1;
}

h1 {
  font-size: 1.5rem;
  margin: .75rem 0;
}

h2, .item h3, .medium-title {
  font-size: 1.375rem;
  margin-bottom: 0.6rem;
  text-transform: uppercase;
  margin-top: 0;
}

h3 + p {
  margin-top: 1rem;
}

.subtitle {
  font-size: 1.25rem;
  margin-bottom: 0.6rem;
}

.small-subtitle {
  font-size: 0.875rem;
  margin-bottom: 0.4rem;
}

.subtitle, .small-subtitle {
  color: #808080;
}

.default-title {
  font-size: 1rem;
  margin-bottom: 0.6rem;
  text-transform: uppercase;
}

.secondary-title {
  font-size: 1.1rem;
  margin-bottom: 0.6rem;
  text-transform: uppercase;
}

.default-subtitle {
  font-size: 0.875rem;
  margin-bottom: 0.4rem;
  color: #808080;
}

.first-level li {
  list-style: none;
}
.first-level li a {
  text-decoration: underline;
}
.first-level > li {
  margin-bottom: 15px;
}
.first-level > li > a {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-family: "AcquaDiParma";
}
.first-level .second-level {
  margin: 15px 0 0px 15px;
}
.first-level .second-level > li {
  margin-top: 15px;
}
.first-level .second-level > li > a {
  text-transform: uppercase;
  font-size: 1rem;
  font-family: "AcquaDiParma";
}
.first-level .last-level {
  margin: 10px 0 0 15px;
}
.first-level .last-level li {
  margin: 5px 0;
}

.heading h1, h2, .subtitle, .small-subtitle {
  max-width: 100%;
}

h1 {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  h1 {
    font-size: 2rem;
  }

  .row-heading h1 {
    font-size: 1.5rem;
  }

  .default-title {
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
  }

  .small-subtitle {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 1024px) {
  h1 {
    font-size: 2.5rem;
  }

  .row-heading h1, .hero-info h1 {
    font-size: 2rem;
  }

  .hero-info .subtitle {
    font-size: 1.5rem;
  }

  h2, .medium-title {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.4rem;
  }

  .secondary-title {
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }

  .first-level > li {
    margin-bottom: 30px;
  }
  .first-level > li > a {
    font-size: 1.5rem;
  }
  .first-level .second-level {
    margin: 30px 0 0px 30px;
  }
  .first-level .second-level > li {
    margin-top: 30px;
  }
  .first-level .second-level > li > a {
    font-size: 1.125rem;
  }
  .first-level .last-level {
    margin: 15px 0 0 30px;
  }
}
input:focus::-webkit-input-placeholder {
  opacity: 0;
}

form {
  text-align: left;
}

form > p {
  margin-bottom: 2rem;
}

label, legend {
  font-family: "AcquaDiParma";
  text-transform: uppercase;
  font-weight: bold;
  font-size: .75rem;
  display: block;
  margin-bottom: .25rem;
  cursor: pointer;
}

form input[type="text"],
form input[type="email"],
form input[type="password"],
form input[type="number"],
select {
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 100%;
  height: 40px;
  padding: 0 5px;
}

select::-ms-expand {
  display: none;
}

select {
  cursor: pointer;
  background-color: #ffffff;
  background-image: url(../images/svg/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: 97% 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  border: 1px solid #ccc;
  border-radius: 3px;
  width: -webkit-calc(100% - 10px);
  width: -moz-calc(100% - 10px);
  width: calc(100% - 10px);
  padding: 0 5px;
}

.form-field {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}

fieldset {
  margin: 30px 0;
}
fieldset .form-field {
  margin-bottom: 0;
  width: auto;
  margin-right: 2rem;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #1A1A1A;
  font-size: 1rem;
}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: -2px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
}

[type="radio"]:not(:checked) + label:before {
  border: 2px solid #eeeeee;
  width: 20px;
  height: 20px;
}

[type="radio"]:checked + label:before {
  background-color: #1A1A1A;
  border: 6px solid #ffb500;
  width: 12px;
  height: 12px;
}

/* 
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
content: '';
width: 10px;
height: 10px;
background: $black;
border-radius: 50%;
position: absolute;
top: 4px;
left: 4px;
transition: $default-transition;
}
[type="radio"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0);
}
[type="radio"]:checked + label:after {
opacity: 1;
transform: scale(1);
} */
.submit-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.checkbox-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-left: 24px;
  min-height: 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.checkbox-field label, .radio-field label {
  font-family: "AcquaDiParma Light";
  font-weight: normal;
  margin-left: 16px;
  text-transform: none;
}
.checkbox-field.small-field label, .radio-field.small-field label {
  font-size: 0.875rem;
}

input[type="checkbox"], input[type="radio"] {
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0 0 0 -24px;
  width: 24px;
  height: 24px;
  background-position: center;
  background-color: #f4f6f7;
  cursor: pointer;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  z-index: 10;
  opacity: 0;
  -webkit-box-shadow: 0 0 4px 0rgba 33, 41, 49, 0.64;
  box-shadow: 0 0 4px 0rgba 33, 41, 49, 0.64;
}

input[type="checkbox"] + label {
  padding: 0;
}

input[type="checkbox"] + label:before {
  display: inline-block;
  position: absolute;
  top: -2px;
  left: 0;
  background-color: #FFF;
  content: " ";
  cursor: pointer;
  border: 2px solid #cccccc;
  width: 20px;
  height: 20px;
}

input[type="checkbox"] + label:before {
  border-radius: 4px;
}

input[type="checkbox"]:checked + label:before {
  content: '';
  background-color: #ffb500;
  background-image: url(/dist/images/svg/check.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  border: none;
  width: 24px;
  height: 24px;
  background-size: contain;
}

fieldset .flex-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1rem;
}
fieldset legend {
  -webkit-flex-basis: 30%;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
}
fieldset .fields {
  -webkit-box-flex: 70%;
  -webkit-flex: 70%;
  -moz-box-flex: 70%;
  -ms-flex: 70%;
  flex: 70%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
fieldset .fields input[type="radio"]:checked + label, fieldset .fields input[type="radio"]:not(:checked) + label {
  padding-left: 26px;
}

/**
* Errors
*/
.has-error span, .form-ok span {
  position: absolute;
  right: 0;
  bottom: -16px;
  font-size: 0.75rem;
  line-height: 1;
}

.has-error {
  position: relative;
}
.has-error input, .has-error textarea {
  border: 2px solid red;
  background-color: #FFF;
}
.has-error span {
  color: red;
}

.form-ok input, .form-ok textarea {
  border: 1px solid green;
}
.form-ok span {
  color: green;
}

@media (min-width: 768px) {
  .inline-field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
  .inline-field div {
    -webkit-flex-basis: 48%;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
    max-width: 48%;
  }
}
.button, .button-big, .button-small, .button-yellow, .button-gray, .button-white, .button-wishlist, .button-black, .dropdown-box {
  text-transform: uppercase;
  border: 1px solid #1A1A1A;
  font-family: "AcquaDiParma";
  word-spacing: 1px;
  letter-spacing: 1px;
  font-size: 0.75rem;
  border-radius: 5px;
  padding: 0.9rem 0.7rem 0.7rem 0.7rem;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  background: #ffffff;
}
.button.focus, .focus.button-big, .focus.button-small, .focus.button-yellow, .focus.button-gray, .focus.button-white, .focus.button-wishlist, .focus.button-black, .focus.dropdown-box, .button:hover, .button-big:hover, .button-small:hover, .button-yellow:hover, .button-gray:hover, .button-white:hover, .button-wishlist:hover, .button-black:hover, .dropdown-box:hover {
  color: #ffb500;
  border-color: #ffb500;
}
@media (min-width: 480px) {
  .button, .button-big, .button-small, .button-yellow, .button-gray, .button-white, .button-wishlist, .button-black, .dropdown-box {
    padding: 0.9rem 1.4rem 0.7rem 1.4rem;
  }
}

button {
  background-color: #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
}

.button-small {
  padding: 0.7rem 1.2rem 0.6rem 1.2rem;
  font-size: 0.65rem;
}

.button-yellow {
  background: #ffb500;
  color: #1A1A1A;
  border-color: #ffb500;
}
.button-yellow.focus, .button-yellow:hover {
  background-color: #1A1A1A;
  color: #ffffff;
  border-color: inherit;
}

.button-gray {
  background: #eeeeee;
  color: #1A1A1A;
  border-color: #eeeeee;
}
.button-gray.focus, .button-gray:hover {
  background-color: #1A1A1A;
  color: #ffffff;
  border-color: inherit;
}

.button-white {
  background: #ffffff;
  color: #1A1A1A;
}

.button-wishlist {
  background: transparent;
  color: #1A1A1A;
  border-color: transparent;
  position: relative;
  padding-left: 32px;
}
.button-wishlist:before {
  content: '';
  background: url(../images/svg/Preferiti.svg) no-repeat 0 0;
  width: 25px;
  height: 24px;
  background-size: contain;
  position: absolute;
  top: 8px;
  left: 0;
  z-index: 1;
}
.button-wishlist:hover {
  border-color: transparent;
  color: #1A1A1A;
}
.button-wishlist:hover:before {
  background: url(../images/svg/wishlist.svg) no-repeat 0 0;
}
.button-wishlist:active {
  border-color: transparent;
  color: #1A1A1A;
}
.button-wishlist:active:before {
  background: url(../images/svg/wishlist.svg) no-repeat 0 0;
}

.focus-square .button-white, .focus-square-big .button-white, .focus-square-small .button-white {
  border-color: transparent;
}

.button-black {
  background: #1A1A1A;
  color: #ffffff;
  border-color: transparent;
}
.button-black:visited, .button-black:active {
  color: #ffffff;
}
.button-black.focus, .button-black:hover {
  background-color: #ffffff;
  color: #1A1A1A;
  border-color: transparent;
}

.fullwidth {
  display: block;
  width: 100%;
}

@media screen and (min-width: 640px) {
  .button-white {
    border-color: transparent;
  }
  .button-white.focus, .button-white:hover {
    background-color: #ffb500;
    color: #1A1A1A;
    border-color: transparent;
  }
}
@media screen and (min-width: 1200px) {
  .button, .button-big, .button-small, .button-yellow, .button-gray, .button-white, .button-wishlist, .button-black, .dropdown-box {
    font-size: 0.875rem;
  }

  .button-big {
    font-size: 1.1rem;
    padding: 1.1rem 2.2rem 1rem;
    letter-spacing: 2px;
  }
}
#topbar {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
}
#topbar header {
  height: 50px;
  background-color: #ffb500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  z-index: 100;
  left: 0;
  right: 0;
  top: 0;
  max-width: 100%;
}
#topbar header svg {
  width: 24px;
  height: 24px;
  display: block;
}
#topbar header a {
  min-width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 370px) {
  #topbar header a {
    min-width: 30px;
  }
}
#topbar header .left-box {
  font-family: "AcquaDiParma";
}
#topbar header .left-box .lang,
#topbar header .left-box .pin {
  display: none;
}
#topbar header .right-box #user,
#topbar header .right-box #heart {
  display: none;
}
#topbar header .left-box,
#topbar header .right-box {
  position: absolute;
}
#topbar header .left-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
  top: 0;
  left: 0;
}
#topbar header .right-box {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  top: 0;
  right: 0;
}
#topbar header .right-box #bag, #topbar header .right-box #search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#topbar header #main-menu {
  width: 40px;
  height: 100%;
  background-color: transparent;
  border: none;
  position: relative;
}
#topbar header #main-menu .hamburger {
  width: 100%;
  padding: 0;
  -webkit-transform: scaleY(0.6) scaleX(0.5) translateX(-50%) translateY(-70%);
  -moz-transform: scaleY(0.6) scaleX(0.5) translateX(-50%) translateY(-70%);
  -ms-transform: scaleY(0.6) scaleX(0.5) translateX(-50%) translateY(-70%);
  transform: scaleY(0.6) scaleX(0.5) translateX(-50%) translateY(-70%);
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  position: absolute;
  left: 50%;
  top: 50%;
}
#topbar header #main-menu .hamburger .hamburger-inner {
  height: 2px;
  margin-top: -5px;
}
#topbar header #main-menu .hamburger .hamburger-inner:before {
  width: 75%;
  height: 2px;
}
#topbar header #main-menu .hamburger .hamburger-inner:after {
  width: 50%;
  height: 2px;
}
#topbar header #logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
}
#topbar header #logo svg {
  width: 100%;
}
#topbar header #search {
  text-align: right;
  position: relative;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
#topbar header #search svg {
  /*  padding-right:4px; 
  width:1.2rem;*/
}
#topbar header #search .arrow-up {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#topbar header #search.active .arrow-up {
  display: initial;
}
#topbar header #bag {
    /*   svg
    {
    width:1.2rem;
} */
}
@media screen and (min-width: 640px) {
  #topbar header .left-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (max-width: calc(1024px - 1px)) {
  #topbar header .right-box {
    /* width: 85px;
    height: 50px;  */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 1024px) {
  #topbar header {
    height: 60px;
    font-size: 0.8rem;
  }
  #topbar header #main-menu {
    display: none;
  }
  #topbar header .left-box {
    font-size: 0.9rem;
    margin-left: 1rem;
    text-align: left;
    left: 0;
    height: 100%;
  }
  #topbar header .left-box svg {
    float: left;
  }
  #topbar header .left-box .lang,
  #topbar header .left-box .pin {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  #topbar header .left-box .lang {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 1rem;
  }
  #topbar header .left-box .current {
    padding-top: 0.4rem;
    padding-left: 0.4rem;
  }
  #topbar header .right-box {
    margin-right: 1rem;
    text-align: right;
    right: 0;
    height: 100%;
  }
  #topbar header .right-box svg {
    float: right;
  }
  #topbar header .right-box #search,
  #topbar header .right-box #bag,
  #topbar header .right-box #user,
  #topbar header .right-box #heart {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  #topbar header .right-box #bag,
  #topbar header .right-box #user,
  #topbar header .right-box #heart {
    margin-left: 1rem;
  }
  #topbar header #logo {
    width: 320px;
  }
  #topbar header .submenu-link {
    margin: 0;
    padding: 0;
  }
  #topbar header #mobile-user {
    display: none;
  }
}
@media only screen and (min-width: 1400px) {
  #topbar header .left-box {
    margin-left: 2.5vw;
  }
  #topbar header .right-box {
    margin-right: 2.5vw;
  }
  #topbar header .right-box #bag,
  #topbar header .right-box #user,
  #topbar header .right-box #heart {
    margin-left: 2rem;
  }
  #topbar header .left-box .lang {
    margin-right: 2rem;
  }
}
@media only screen and (min-width: 1400px) {
  #topbar header {
    font-size: 0.9rem;
  }
}
#topbar header .bf-link {
  height: inherit;
}
#topbar header .bf-link .cart-choose.blackFriday {
  padding: 2rem 0 0 0;
  margin: 0;
}
#topbar header .bf-link .cart-choose__header {
  margin-bottom: 1rem;
}
#topbar header .bf-link .cart-choose__header h4 {
  color: #ffffff;
}
#topbar header .bf-link .button-yellow {
  margin-top: 1rem;
  display: inline-block;
}
#topbar #search-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  padding: 0 1rem 1rem 1rem;
  background: #ffffff;
  z-index: 101;
  display: none;
  max-height: -webkit-calc(100vh - 50px);
  max-height: -moz-calc(100vh - 50px);
  max-height: calc(100vh - 50px);
  overflow: scroll;
}
#topbar #search-box.show {
  display: block;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
#topbar #search-box.show-results .search-right {
  display: initial;
}
#topbar #search-loading {
  display: none;
}
#topbar #search-close {
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
  background: url(../images/svg/close.svg) no-repeat center;
}
#topbar .search-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
#topbar .search-top label {
  padding: 1.5rem 1rem 0 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  font-family: "AcquaDiParma Light";
  font-size: 1rem;
  font-weight: normal;
  text-transform: none;
  color: #808080;
}
#topbar .search-top input {
  color: #1A1A1A;
  border: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  caret-color: #ffb500;
  font-size: 1rem;
  margin-top: 1.2rem;
}
#topbar .search-top input:focus {
  -webkit-box-shadow: 0;
  box-shadow: 0;
  outline: none;
}
#topbar .search-left .single {
  display: block;
  width: 100%;
  margin: 0 0 3rem 0;
}
#topbar .search-left a {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-left: 1rem;
  margin-top: 0.5rem;
}
#topbar .search-right .heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}
#topbar .search-right .title {
  margin: .5rem 0;
}
#topbar .search-right .title span {
  letter-spacing: initial;
  text-transform: none;
  font-size: 0.9rem;
  display: inline-block;
  font-family: "AcquaDiParma Light";
}
#topbar .search-right .products {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 1rem 0 3rem 0;
}
#topbar .search-right .product-item {
  /* width: 100%;
  flex-direction: row; */
  -webkit-flex-basis: 47%;
  -ms-flex-preferred-size: 47%;
  flex-basis: 47%;
  max-width: 47%;
  margin: 1rem 0 1rem 0;
    /* .product-item__img
    {
    width:80px;
} */
}
#topbar .search-right .product-item > div:not(.product-item__img) {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
#topbar .search-right .product-item .product-item__txt {
  margin-bottom: 0;
}
#topbar .search-right .product-item .category {
  font-size: 0.95rem;
}
#topbar .lang-items {
  position: absolute;
  bottom: 7px;
  left: 0;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  display: none;
}
#topbar .lang-items .items {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  padding: 1rem;
  margin-top: .5rem;
  background: #ffffff;
  width: 100%;
  height: -webkit-calc(100vh - 50px);
  height: -moz-calc(100vh - 50px);
  height: calc(100vh - 50px);
}
#topbar .lang-items p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0;
  line-height: 1;
}
#topbar .lang-items p svg {
  cursor: pointer;
  width: 28px;
  height: 28px;
  margin-top: -4px;
  margin-right: -6px;
}
@media (max-width: 1023px) {
  #topbar .lang-items p span {
    margin: 0 auto;
  }
  #topbar .lang-items p svg {
    display: none;
  }
}
#topbar .lang-items .scrollable {
  display: block;
  overflow-y: auto;
  padding-right: 1rem;
  height: 100%;
}
#topbar .lang-items .arrow-up {
  display: none;
}
#topbar .lang-items a:hover {
  text-decoration: underline;
}
#topbar .lang-items .gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 1rem;
  height: 40px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
#topbar .lang-items li {
  margin: 2vh 0;
}
#topbar .lang-items li a {
  display: block;
  height: auto;
  text-transform: uppercase;
  text-align: center;
}
@media (min-width: 1024px) {
  #topbar .lang-items .items {
    height: auto;
  }
  #topbar .lang-items li {
    margin: 10px 0;
  }
  #topbar .lang-items li a {
    text-align: left;
    font-size: 0.875rem;
  }
  #topbar .lang-items .arrow-up {
    display: block;
    position: absolute;
    left: 30px;
    top: 0px;
    z-index: 10;
  }
  #topbar .lang-items .scrollable {
    max-height: 220px;
  }
  #topbar .lang-items .scrollable::-webkit-scrollbar {
    width: 0.8rem;
  }
  #topbar .lang-items .scrollable::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
  }
  #topbar .lang-items .scrollable::-webkit-scrollbar-thumb {
    background-color: #ffb500;
    outline: none;
    border-radius: 5px;
  }
}
#topbar .show-lang + .lang-items {
  display: initial;
  width: 100vw;
}
@media (min-width: 1024px) {
  #topbar .show-lang + .lang-items {
    max-width: 220px;
  }
}
@media (min-width: 640px) {
  #topbar .search-right .product-item {
    -webkit-flex-basis: 23%;
    -ms-flex-preferred-size: 23%;
    flex-basis: 23%;
    max-width: 23%;
  }
}
@media (max-width: calc(768px - 1px)) {
  #topbar .search-left .single {
    border-top: 1px solid #1A1A1A;
    border-bottom: 1px solid #1A1A1A;
    margin: .5rem 0;
    padding: .5rem 0 1rem 0;
  }
  #topbar .search-left .single:last-child {
    display: none;
  }
  #topbar .search-right .button-yellow {
    display: none;
  }
  #topbar .search-right svg {
    display: none;
  }
  #topbar .search-right .sort {
    display: none;
  }
  #topbar .search-right .heading a {
    color: #808080;
    text-transform: uppercase;
  }
  #topbar .product-item__img img {
    max-width: 120px;
  }
}
@media (min-width: 768px) {
  #topbar .search-left {
    float: left;
    width: 20%;
    padding-right: 1rem;
    margin-top: 1.55rem;
  }
  #topbar .search-right {
    float: left;
    width: 80%;
  }
  #topbar .search-right .heading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
  }
  #topbar .search-right .heading a {
    display: none;
  }
  #topbar .search-right .dropdown-box {
    margin-left: 2rem;
  }
  #topbar .search-right svg {
    display: block;
    max-width: 100%;
    margin: 0 0 0.5rem 0;
  }
  #topbar .search-right .sort {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1rem;
  }
  #topbar .search-right .products {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 1rem 0;
  }
  #topbar .search-right > button {
    margin: 2rem auto;
    display: block;
  }
  #topbar .search-right .heading {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  #topbar .search-right .heading .title {
    margin: 0 0 1rem 0;
  }
  #topbar .search-top {
    width: 80%;
    margin-left: 20%;
  }
}
@media only screen and (min-width: 1600px) {
  #topbar .left-box, #topbar .right-box {
    margin-left: 2.5vw;
  }
}
@media only screen and (min-width: 768px) {
  #topbar {
    padding-top: 1rem;
  }
  #topbar .search-right .products {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2rem 0 3rem 0;
  }
  #topbar .search-right .product-item {
    margin: 1rem auto;
  }
}
@media only screen and (min-width: 1024px) {
  #topbar {
    padding: 0;
    margin: 0 auto;
    width: -webkit-calc(100% - 2*6.5%);
    width: -moz-calc(100% - 2*6.5%);
    width: calc(100% - 2*6.5%);
    left: 6.5%;
    right: 6.5%;
    max-width: 1400px;
  }
  #topbar header {
    position: absolute;
  }
  #topbar #search-box {
    top: 60px;
    max-height: initial;
    overflow: hidden;
  }
  #topbar #search-box svg {
    display: block;
    max-width: 100%;
    -webkit-transform: scaleX(1.05);
    -moz-transform: scaleX(1.05);
    -ms-transform: scaleX(1.05);
    transform: scaleX(1.05);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
  }
  #topbar #search-box.show-results .search-left,
  #topbar #search-box.show-results .search-right {
    display: initial;
  }
  #topbar .search-top label {
    font-size: 1.6rem;
  }
  #topbar .search-top input {
    font-size: 1.6rem;
  }
  #topbar #search-close {
    width: 3.6rem;
    height: 2.8rem;
    top: 1rem;
    right: 1rem;
  }
  #topbar .search-right {
    float: left;
    width: 80%;
    overflow: hidden;
  }
}
@media only screen and (min-width: 1200px) {
  #topbar #search-box svg {
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
  }
}
@media only screen and (max-width: 640px) and (orientation: landscape) {
  #topbar .search-right .products {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1rem;
  }
  #topbar .search-right .product-item {
    width: 50%;
    margin-bottom: 2rem;
  }
}

a.skip-main {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}

a.skip-main:focus, a.skip-main:active {
  color: #fff;
  background-color: #000;
  left: auto;
  top: auto;
  width: 30%;
  height: auto;
  overflow: auto;
  margin: 10px 35%;
  padding: 5px;
  border-radius: 15px;
  border: 4px solid yellow;
  text-align: center;
  font-size: 1.2em;
  z-index: 999;
}

body.main-menu-open #topbar header #main-menu .hamburger {
  -webkit-transform: scaleY(0.6) scaleX(0.6) translateX(-50%) translateY(-70%);
  -moz-transform: scaleY(0.6) scaleX(0.6) translateX(-50%) translateY(-70%);
  -ms-transform: scaleY(0.6) scaleX(0.6) translateX(-50%) translateY(-70%);
  transform: scaleY(0.6) scaleX(0.6) translateX(-50%) translateY(-70%);
}
body.main-menu-open #topbar header #main-menu .hamburger .hamburger-inner:before {
  width: 100% !important;
}
body.main-menu-open #topbar header #main-menu .hamburger .hamburger-inner:after {
  width: 100% !important;
}

.main-menu {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 0;
  left: -999999px;
  bottom: -1px;
  background: #ffffff;
  margin: 0;
  padding: 0;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: "AcquaDiParma";
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: -webkit-calc(100% - 50px);
  height: -moz-calc(100% - 50px);
  height: calc(100% - 50px);
}
.main-menu .title {
  text-transform: uppercase;
  max-width: 100%;
}
.main-menu .submenu-link {
  text-transform: uppercase;
  display: block;
  padding: 0.2rem;
  cursor: pointer;
}
.main-menu .desc {
  text-transform: none;
}
.main-menu > li {
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  list-style: none;
  margin: 0;
  padding-bottom: 4vh;
}
.main-menu > li:first-child {
  padding-top: 5vh;
}
.main-menu > li:last-child {
  padding-bottom: 2vh;
}
.main-menu > li a {
  opacity: 1;
}
.main-menu > li:not(.dotted):hover {
  background: #ffffff;
  opacity: 1;
}
.main-menu > li.dotted:hover {
  background: #ffb500;
}
.main-menu > li.dotted:hover a {
  border-color: #ffffff;
  color: #ffffff;
}
@media only screen and (orientation: landscape) and (max-height: 640px) {
  .main-menu {
    font-size: 0.8rem;
  }
  .main-menu .submenu-link {
    padding: 0.1rem;
  }
}
.main-menu > .current-submenu > .main-submenu {
  overflow-x: hidden;
  overflow-y: scroll;
}
.main-menu .main-submenu {
  overflow-y: scroll;
  overflow-x: hidden;
  background: #ffffff;
  position: fixed;
  opacity: 0;
  right: -100%;
  bottom: 0;
  top: 0;
  padding-top: 50px;
  width: 100%;
  margin: 0;
  padding: 0;
  padding-top: 1rem;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.main-menu .main-submenu.active {
  right: 0;
  opacity: 1;
}
.main-menu .main-submenu .submenu-back {
  position: fixed;
  left: 0px;
  top: 50px;
  z-index: 2000;
  display: none;
  width: 40px;
  height: 40px;
}
.main-menu .main-submenu.active .submenu-back {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: calc(1024px - 1px)) {
  .main-menu .main-submenu.active {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    padding-top: 30px;
  }
  .main-menu .main-submenu.active > .submenu-content {
    position: absolute;
    width: 100%;
    background: #ffffff;
    z-index: 150;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .main-menu .main-submenu.active > .submenu-content .main-submenu.active {
    bottom: 0;
    top: 40px;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 100;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .main-menu .main-submenu.active > .submenu-content .main-submenu.active > .title {
    width: auto;
    /* position: absolute; */
    margin: 0;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 1rem 0 0 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .main-menu .main-submenu.active > .submenu-content .main-submenu.active > .title:after {
    width: 100%;
    height: 5px;
    margin-top: 5px;
  }
  .main-menu .main-submenu.active .main-submenu {
    overflow-y: scroll;
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    height: calc(100% - 50px);
    top: 50px;
  }
  .main-menu .main-submenu.active .main-submenu .submenu-content {
    overflow-y: scroll;
    display: block;
  }
  .main-menu .main-submenu.active .main-submenu .submenu-content li {
    padding: 2vh 0;
    /* a{
    border-bottom: 1px solid $medium-gray;
} */
  }
  .main-menu .main-submenu.active .main-submenu .submenu-content li:first-child {
    padding-top: 5.5vh;
  }
}
.main-menu .main-submenu li {
  list-style: none;
}
.main-menu .submenu-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 2rem 0 0 0;
  padding: 0;
}
.main-menu .submenu-content .main-submenu {
    /*  @media screen and (max-width: calc(1024px - 1px) ){
    margin-top:2rem;
    height:calc(100% - 2rem);	
} */
}
.main-menu .submenu-content > li {
  margin-top: 2vh;
  margin-bottom: 2vh;
  -webkit-box-flex: 2;
  -webkit-flex: 2 49%;
  -moz-box-flex: 2;
  -ms-flex: 2 49%;
  flex: 2 49%;
  max-width: 49%;
}
.main-menu .submenu-content > li img,
.main-menu .submenu-content > li picture {
  width: -webkit-calc(100% - 4rem);
  width: -moz-calc(100% - 4rem);
  width: calc(100% - 4rem);
  max-width: 120px;
  margin: 0 auto;
}
@media only screen and (orientation: landscape) {
  .main-menu .submenu-content > li {
    -webkit-box-flex: 4;
    -webkit-flex: 4 24%;
    -moz-box-flex: 4;
    -ms-flex: 4 24%;
    flex: 4 24%;
    max-width: 24%;
    padding-bottom: 4vh;
  }
}
@media screen and (min-width: 640px) {
  .main-menu .submenu-content > li {
    -webkit-box-flex: 3;
    -webkit-flex: 3 33.33%;
    -moz-box-flex: 3;
    -ms-flex: 3 33.33%;
    flex: 3 33.33%;
    max-width: 33.33%;
  }
}
@media screen and (min-width: 1024px) {
  .main-menu .submenu-content > li {
    -webkit-box-flex: 6;
    -webkit-flex: 6 16.66%;
    -moz-box-flex: 6;
    -ms-flex: 6 16.66%;
    flex: 6 16.66%;
    max-width: 16.66%;
  }
}
.main-menu .submenu-content .active > .title {
  padding: .5rem 0;
}
.main-menu .submenu-content .active > .title:after {
  content: url(../images/svg/line-horizontal.svg);
}
.main-menu .submenu-content .submenu-content > li {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -ms-flex: none;
  flex: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.main-menu .submenu-content .submenu-content > li:last-child {
  margin-bottom: 1vh;
}
.main-menu .submenu-content .submenu-content > li .title {
  font-size: 0.8rem;
}
.main-menu .submenu-content .submenu-content > li > a {
  display: block;
  margin: 0 auto;
}
.main-menu .submenu-content .submenu-content {
  position: relative;
  z-index: 1;
  background: #ffffff;
}
.main-menu .submenu-content ~ .submenu-image {
  display: none;
  z-index: -1;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
.main-menu .submenu-content ~ .submenu-image picture, .main-menu .submenu-content ~ .submenu-image img {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 35vh;
  object-fit: cover;
  margin-bottom: -6px;
}
.main-menu .submenu-content .main-submenu.active .submenu-image {
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  z-index: initial;
}
@media screen and (max-width: calc(1024px - 1px)) {
  .main-menu .submenu-content .main-submenu.active .submenu-image {
    position: absolute;
    bottom: 0;
    z-index: 149;
  }
}
@media screen and (max-height: calc(480px - 1px)) {
  .main-menu .submenu-content .main-submenu.active .submenu-image {
    display: none;
  }
}
.main-menu .submenu-content .main-submenu.active .title {
  z-index: 151;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .main-menu .submenu-content a:hover {
    text-decoration: underline;
  }
}
.main-menu .title,
.main-menu .desc {
  display: block;
  width: 100%;
  margin: auto;
  text-align: center;
}
.main-menu .desc {
  width: -webkit-calc(100% - 2*1rem);
  width: -moz-calc(100% - 2*1rem);
  width: calc(100% - 2*1rem);
  color: #808080;
  font-size: 0.8rem;
}
@media only screen and (min-height: 768px) {
  .main-menu .dotted {
    margin: 1rem;
  }
}
.main-menu .dotted a {
  border: 2px dotted #1A1A1A;
  padding: 0.4rem 1rem 0.2rem 1rem;
  margin: 0.2rem auto;
  display: inline-block;
}
.main-menu .icons {
  font-family: "AcquaDiParma Light";
  font-size: 1.2rem;
}
.main-menu .icons .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.main-menu .icons .box > span {
  padding: 0 1rem;
}
.main-menu .icons .box svg {
  width: 32px;
  height: 32px;
}
.main-menu .icons .lang {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.main-menu .icons .lang .current {
  float: left;
  padding-top: 0.2rem;
  padding-left: 0.4rem;
}
@media only screen and (max-width: calc(1024px - 1px)) {
  .main-menu .icons .lang {
    font-size: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .main-menu .icons .lang .current {
    float: none;
    padding-left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .main-menu {
    height: 42px;
    overflow: hidden;
  }
}

body.main-menu-open {
  overflow: hidden;
    /* @media(min-width: $tablet-portrait) and (max-width: $tablet-landscape){
    .icons svg{
    transform: scale(1.3);
}
} */
}
@media only screen and (min-width: 1024px) {
  body.main-menu-open {
    overflow: auto;
  }
}
body.main-menu-open .main-menu-container {
  position: fixed;
  top: 0;
  padding-top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
body.main-menu-open .main-menu {
  opacity: 1;
  left: 0;
  right: 0;
  top: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: scroll;
  position: fixed;
}
body.main-menu-open .main-submenu > .title,
body.main-menu-open .main-submenu .main-submenu > .title {
  position: fixed;
  left: 0;
  right: 0;
  background-color: #ffffff;
  z-index: 101;
  display: none;
}
body.main-menu-open .active > .title {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
body.main-menu-open .main-submenu.active {
  background: #ffffff;
  z-index: 100;
}
body.main-menu-open .main-submenu .main-submenu {
    /* .submenu-content
    {
    margin:5vh 0 1vh 0;
} */
}
body.main-menu-open .main-submenu .main-submenu .submenu-back {
  top: 0;
}

.main-menu-container .current-submenu .submenu-link.has-submenu {
  position: relative;
  display: block;
  width: 100%;
}
.main-menu-container .main-submenu span.submenu-link {
  display: none;
}
.main-menu-container .main-submenu .submenu-link.has-submenu {
  display: block;
}
.main-menu-container .main-submenu .submenu-list a {
  padding: 0.3rem 0;
  font-size: 1.1rem;
}
.main-menu-container .main-submenu .desc {
  font-family: "AcquaDiParma Light";
  color: #1A1A1A;
  margin: auto;
  max-width: 180px;
}
@media only screen and (max-width: 1024px) {
  .main-menu-container .submenu-list a {
    padding: 0.4rem 0;
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .main-menu-container {
    font-size: 0.8rem;
    z-index: 10;
    background-color: #ffb500;
    height: 42px;
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    /* .current-submenu
    {
    background:$white;
} */
  }
  .main-menu-container .main-submenu.active {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  }
  .main-menu-container .main-submenu span.submenu-link {
    display: block;
    margin: auto;
  }
  .main-menu-container .main-submenu .submenu-link.has-submenu {
    display: none;
  }
  .main-menu-container .main-submenu .desc {
    font-size: 0.9rem;
    margin-top: 0.3rem;
  }
  .main-menu-container .main-submenu .submenu-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 1rem 0;
    padding: 0;
    font-family: "AcquaDiParma Light";
    text-align: center;
  }
  .main-menu-container .main-submenu .submenu-list li, .main-menu-container .main-submenu .submenu-list a {
    display: inline-block;
    width: auto;
    max-width: 100%;
    text-transform: capitalize;
  }
  .main-menu-container .main-submenu .submenu-list a {
    font-size: 0.9rem;
    line-height: 1;
    margin: 5px 0;
    padding: 0;
  }
  .main-menu-container .main-submenu.active .submenu-back {
    display: none;
  }
  .main-menu-container .main-menu > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .main-menu-container .main-menu > li:not(.dotted) > a {
    height: 100%;
    width: auto;
    padding: 0 0.2rem;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .main-menu-container li {
    padding-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .main-menu-container li a {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 500;
  }
  .main-menu-container .dotted {
    margin: 0;
    padding: 0;
  }
  .main-menu-container .main-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    background: transparent;
    position: relative;
    opacity: 1;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
  }
  .main-menu-container .main-menu > li,
  .main-menu-container .main-menu > li:first-child {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-menu-container .main-menu .icons {
    display: none;
  }
  .main-menu-container .main-menu .main-submenu {
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -webkit-calc(42px + 60px - 2px);
    top: -moz-calc(42px + 60px - 2px);
    top: calc(42px + 60px - 2px);
    bottom: auto;
    width: 100%;
    height: 0;
    padding: 0;
  }
  .main-menu-container .main-menu .main-submenu .submenu-content {
    margin: 0;
    padding: 0;
  }
  .main-menu-container .main-menu .main-submenu .submenu-content li picture, .main-menu-container .main-menu .main-submenu .submenu-content li img {
    max-width: 120px;
    display: block;
    margin: 1rem 2rem;
    margin-top: -webkit-calc(2*1rem);
    margin-top: -moz-calc(2*1rem);
    margin-top: calc(2*1rem);
  }
  .main-menu-container .main-menu .main-submenu .submenu-link {
    padding: 0;
  }
  .main-menu-container .main-menu .main-submenu.active {
    overflow-x: auto;
    overflow-y: auto;
    bottom: initial;
    height: auto;
  }
  .main-menu-container .main-menu .main-submenu.active > .title {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  .main-menu-container .main-menu .main-submenu {
    margin: 0 auto;
    left: 6.5%;
    right: 6.5%;
    top: -webkit-calc(42px + 60px);
    top: -moz-calc(42px + 60px);
    top: calc(42px + 60px);
    width: -webkit-calc(100% - 2*6.5%);
    width: -moz-calc(100% - 2*6.5%);
    width: calc(100% - 2*6.5%);
    max-width: 1400px;
  }
}
@media only screen and (min-width: 1400px) {
  .main-menu-container {
    font-size: 0.9rem;
  }
  .main-menu-container .main-menu {
    /* width:96%;
    margin:0 2%; */
    width: -webkit-calc(100% - 2vw);
    width: -moz-calc(100% - 2vw);
    width: calc(100% - 2vw);
    margin: 0 1vw;
  }
}
@media only screen and (min-width: 1600px) {
  .main-menu-container .main-menu {
    width: 100%;
    margin: 0;
  }
}

@media screen and (max-width: calc(1024px - 1px)) {
  .main-menu .main-submenu,
  .main-menu .submenu-content,
  .main-menu .submenu-image {
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    transition: all 0s linear;
  }
}
footer {
  padding-top: 4rem;
  z-index: 1;
  background-color: #ffffff;
  width: 100%;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
footer .boxed, footer .boxed-left {
  background: #ffb500;
  padding: 0;
  width: 100%;
  max-width: 100vw;
  position: relative;
}
footer .navigation {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 0.8rem;
}
footer .navigation a {
  text-transform: uppercase;
  display: block;
  padding: .7rem;
  font-family: "AcquaDiParma";
}
footer .navigation li {
  list-style: none;
}
footer .navigation li:first-child {
  padding-top: 1.4rem;
}
footer #footer-logo {
  display: block;
  margin: 0 auto;
  margin-top: 3rem;
  margin-bottom: 2rem;
  width: 90%;
  max-width: 480px;
}
footer .icons {
  display: block;
  text-align: center;
  width: 100%;
}
footer .icons a {
  display: inline-block;
  margin: 0 0.8rem;
}
footer .service-links {
  margin-top: 3rem;
  margin-left: 1rem;
  padding-bottom: 1rem;
  font-size: 1rem;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  xborder: 1px black solid;
  -webkit-column-gap: -webkit-calc(2*1rem);
  -moz-column-gap: -moz-calc(2*1rem);
  column-gap: calc(2*1rem);
  -webkit-column-rule: 1px solid #1A1A1A;
  -moz-column-rule: 1px solid #1A1A1A;
  column-rule: 1px solid #1A1A1A;
}
footer .service-links a {
  display: block;
  clear: both;
  text-transform: capitalize;
  margin-bottom: 1rem;
}
footer .corporate-info {
  font-size: 0.75rem;
  text-align: center;
  padding: 1rem 1rem 2rem 1rem;
    /*    &:before{
    content: url(../images/svg/line-form.svg);
    position: absolute;
    width: 300px;
    height: 5px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
} */
}
footer .corporate-info svg {
  display: block;
  margin: 0 auto 1.5rem auto;
  stroke: #000;
  height: 3px;
}
@media only screen and (min-width: 768px) {
  footer {
    padding-top: 6rem;
        /*
        &:before{
        content: '';
        background-color:$white;
        width: 150vw;
        height: calc(100% + 6rem);
        position: absolute;
        left: -25%;
        top:-6rem;

    } */
  }
  footer .navigation {
    font-size: 0.8rem;
  }
  footer .navigation li {
    display: inline-block;
  }
  footer #footer-logo {
    margin-top: 1rem;
    max-width: 350px;
  }
  footer .service-links {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    xborder: 0px;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    -webkit-column-rule: 0px;
    -moz-column-rule: 0px;
    column-rule: 0px;
    text-align: center;
    font-size: 0.9rem;
  }
  footer .service-links a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0.2rem;
  }
  footer .service-links a:not(:last-child):after {
    content: ".";
    font-size: 1rem;
    padding-left: 0.3rem;
    line-height: 0;
    margin-top: -1rem;
    margin-right: -0.3rem;
    display: inline-block;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 1024px) {
  footer .boxed, footer .boxed-left {
    padding: 0;
    width: -webkit-calc(100% - 2*6.5%);
    width: -moz-calc(100% - 2*6.5%);
    width: calc(100% - 2*6.5%);
    max-width: 1400px;
    margin: 0 auto;
  }
  footer .navigation {
    font-size: 1rem;
  }
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  text-align: center;
  position: relative;
    /*  &:nth-child(2n) .block
    {
    background-position:right center;
} */
}
.row .splash {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  overflow: hidden;
}
.row .text {
  padding: 1rem 1rem 3rem 1rem;
  background-color: #ffffff;
}
.row .text .product-item__cta {
  margin-top: 1.5rem;
}
.row:nth-child(2n+1) .splash {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}
.row:nth-child(2n+1) .splash img {
  width: 100%;
}
.row:nth-child(2n+1) .text {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.row:nth-child(2n) .splash {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.row:nth-child(2n) .splash img {
  width: 100%;
}
.row:nth-child(2n) .text {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}
.row .block {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}
.row .splash {
  -webkit-box-flex: 1;
  -webkit-flex: 1 40%;
  -moz-box-flex: 1;
  -ms-flex: 1 40%;
  flex: 1 40%;
  max-width: 40%;
}
.row .text {
  -webkit-box-flex: 1;
  -webkit-flex: 1 60%;
  -moz-box-flex: 1;
  -ms-flex: 1 60%;
  flex: 1 60%;
  max-width: 60%;
}
@media only screen and (min-width: 1024px) {
  .row:nth-child(2n+1) .splash {
    -webkit-box-flex: 1;
    -webkit-flex: 1 50%;
    -moz-box-flex: 1;
    -ms-flex: 1 50%;
    flex: 1 50%;
    max-width: 50%;
  }
  .row:nth-child(2n+1) .text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 50%;
    -moz-box-flex: 1;
    -ms-flex: 1 50%;
    flex: 1 50%;
    max-width: 50%;
  }
  .row:nth-child(2n) .splash {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1 65%;
    -moz-box-flex: 1;
    -ms-flex: 1 65%;
    flex: 1 65%;
    max-width: 65%;
  }
  .row:nth-child(2n) .text {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 35%;
    -moz-box-flex: 1;
    -ms-flex: 1 35%;
    flex: 1 35%;
    max-width: 35%;
  }
}
@media only screen and (min-width: 1024px) {
  .row .text {
    padding: 3rem 0 2rem 0;
  }
}
@media (max-width: 1024px) {
  .row {
    height: -webkit-calc(100vh - 50px);
    height: -moz-calc(100vh - 50px);
    height: calc(100vh - 50px);
  }
  .row .text {
    height: -webkit-calc(100vh - 50px);
    height: -moz-calc(100vh - 50px);
    height: calc(100vh - 50px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.changeZ.row .splash.block:before {
  z-index: -1;
}

@media (max-width: 1023px) {
  .row .splash.block:before {
    content: "";
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    width: 40%;
    height: 100vh;
    z-index: -10;
    background-size: cover;
    background-position: center;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    transform: translateZ(0px);
  }

  .row:nth-child(2n+1) .splash.block:before {
    left: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1024px) {
  .row .splash.block:before {
    content: "";
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    width: 60%;
    height: 100vh;
    z-index: -10;
    background-size: cover;
    background-position: center;
  }

  .row:nth-child(2n) .splash.block {
    -webkit-box-flex: 1;
    -webkit-flex: 1 60%;
    -moz-box-flex: 1;
    -ms-flex: 1 60%;
    flex: 1 60%;
    max-width: 60%;
  }

  .row:nth-child(2n) .text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 40%;
    -moz-box-flex: 1;
    -ms-flex: 1 40%;
    flex: 1 40%;
    max-width: 40%;
  }

  .row:nth-child(2n) .splash.block:before {
    -webkit-box-flex: 1;
    -webkit-flex: 1 60%;
    -moz-box-flex: 1;
    -ms-flex: 1 60%;
    flex: 1 60%;
    max-width: 60%;
  }

  .row:nth-child(2n+1) .splash, .row:nth-child(2n+1) .splash.block:before {
    left: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 40%;
    -moz-box-flex: 1;
    -ms-flex: 1 40%;
    flex: 1 40%;
    max-width: 40%;
    width: 40%;
  }

  .row:nth-child(2n+1) .text {
    left: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 60%;
    -moz-box-flex: 1;
    -ms-flex: 1 60%;
    flex: 1 60%;
    max-width: 60%;
  }
}
@media (max-width: 767px) {
  .fico .splash.block:before {
    background-image: url(/dist/images/mirto300x600.jpg);
  }

  .arancia .splash.block:before {
    background-image: url(/dist/images/bergamotto300x600.jpg);
  }

  .chinotto .splash.block:before {
    background-image: url(/dist/images/chinotto300x300.jpg);
  }

  .cedro .splash.block:before {
    background-image: url(/dist/images/cedro-340.jpg);
  }
}
@media (min-width: 768px) {
  .fico .splash.block:before {
    background-image: url(/dist/images/mirto400x800.jpg);
  }

  .arancia .splash.block:before {
    background-image: url(/dist/images/bergamotto400x800.jpg);
  }

  .chinotto .splash.block:before {
    background-image: url(/dist/images/chinotto600x450.jpg);
  }

  .cedro .splash.block:before {
    background-image: url(/dist/images/cedro-600.jpg);
  }
}
.row.fixed-effect.changeZeta .splash.block:before {
  z-index: -5;
}

@media (min-width: 1025px) {
  .row .block {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
  }

  .fico .splash.block {
    background-image: url(/dist/images/fico_1200_900.jpg);
  }

  .arancia .splash.block {
    background-image: url(/dist/images/sale---c-type-1200x800-8-copia_1.jpg);
  }

  .chinotto .splash.block {
    background-image: url(/dist/images/chinotto1200x675.jpg);
  }

  .cedro .splash.block {
    background-image: url(/dist/images/cedro-900.jpg);
  }
}
/*  @media(min-width:1400px){
.fico .splash.block{
background-image: url(/dist/images/fico_1400_1050.jpg);
}
} */
@media (min-width: 1600px) {
  .fico .splash.block {
    background-image: url(/dist/images/fico_1600_1200.jpg);
  }

  .arancia .splash.block {
    background-image: url(/dist/images/sale---c-type-1600x1200-8-copia_1.jpg);
  }
}
@media (min-width: 1920px) {
  .fico .splash.block {
    background-image: url(/dist/images/fico_1920_1440.jpg);
  }

  .arancia .splash.block {
    background-image: url(/dist/images/sale---c-type-1920x1080-6-copia_3.jpg);
  }
}
.row-heading {
  background-color: #ffffff;
  overflow: hidden;
    /*  @media screen and (max-width: calc(768px - 1px) ){
    .splash{
    height: 56.25vw;
}
}
    */
}
@media screen and (max-width: 767px) {
  .row-heading {
    min-height: 60vh;
  }
}
.row-heading .splash {
  overflow: hidden;
  position: relative;
}
.row-heading .splash picture {
  height: 100%;
  overflow: hidden;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.row-heading .splash img {
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .row-heading .splash img {
    width: 100%;
  }
}
.row-heading .new-label {
  margin-bottom: -.3rem;
}
.row-heading .text {
  padding-bottom: 0;
  padding-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  padding: 1rem;
}
.row-heading .text p {
  max-width: 100%;
}
.row-heading.with-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  text-align: center;
  position: relative;
}
@media (max-width: 767px) {
  .row-heading.with-image .splash {
    -webkit-box-flex: 1;
    -webkit-flex: 1 40%;
    -moz-box-flex: 1;
    -ms-flex: 1 40%;
    flex: 1 40%;
    max-width: 40%;
    height: auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
  }
  .row-heading.with-image .text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 60%;
    -moz-box-flex: 1;
    -ms-flex: 1 60%;
    flex: 1 60%;
    max-width: 60%;
  }
}
@media only screen and (min-width: 768px) {
  .row-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .row-heading .splash {
    -webkit-box-flex: 1;
    -webkit-flex: 1 50%;
    -moz-box-flex: 1;
    -ms-flex: 1 50%;
    flex: 1 50%;
    max-width: 50%;
  }
  .row-heading .splash img {
    width: 100%;
    display: block;
  }
  .row-heading .text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 50%;
    -moz-box-flex: 1;
    -ms-flex: 1 50%;
    flex: 1 50%;
    max-width: 400px;
    margin: 2rem auto 0 auto;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-bottom: 0;
  }
}
@media (max-width: 1024px) {
  .row-heading {
    height: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .row-heading .text {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 1200px) {
  .row-heading .text {
    padding-top: 102px;
  }
}
@media only screen and (min-width: 1600px) {
  .row-heading {
    min-height: 40vw;
  }
}
@media only screen and (min-height: 768px) {
  .row-heading {
    max-height: 90vh;
  }
}

.bordered-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  /* @media only screen and (min-width:$mobile-lg)
  {
      padding-top:0;
      margin-top:0;
  } */
  /* @media only screen and (min-width:$desktop-sm)
  {
      width: calc(50% - 1rem);
      margin-bottom:0;
      float: left;
  }	 */
}
.bordered-list ul {
  padding: 0;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  width: 100%;
  margin: 0;
}
.bordered-list li {
  list-style: none;
  text-transform: uppercase;
  text-align: right;
  display: block;
  font-size: 0.65rem;
  margin: 0.5rem;
  margin-right: 1rem;
  margin-left: 0;
  letter-spacing: 1px;
}
.bordered-list li:first-child {
  margin-top: 1rem;
}
.bordered-list li:last-child {
  margin-bottom: 1rem;
}
.bordered-list li a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.bordered-list .border {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 5px;
}
.bordered-list .border svg {
  fill: none;
  stroke: #ffb500;
  margin-top: 5px;
}
.bordered-list .new-label {
  margin-right: .5rem;
}
@media only screen and (min-width: 768px) {
  .bordered-list li {
    font-size: 1rem;
    margin: 1rem;
    margin-right: -webkit-calc(2*1rem);
    margin-right: -moz-calc(2*1rem);
    margin-right: calc(2*1rem);
    letter-spacing: 1px;
  }
  .bordered-list li:first-child {
    margin-top: -webkit-calc(2*1rem);
    margin-top: -moz-calc(2*1rem);
    margin-top: calc(2*1rem);
  }
  .bordered-list li:last-child {
    margin-bottom: -webkit-calc(2*1rem);
    margin-bottom: -moz-calc(2*1rem);
    margin-bottom: calc(2*1rem);
  }
}

.breadcrumbs {
  list-style: none;
  display: block;
  text-align: center;
  width: 100%;
  padding: 0 0 0.6rem 0;
  font-size: 0.8rem;
  margin: 0;
}
.breadcrumbs li {
  display: inline-block;
  vertical-align: middle;
}
.breadcrumbs li:not(:last-child):after {
  content: ">";
  display: inline-block;
  padding: 0 0.1rem 0 0.2rem;
  font-size: 0.55rem;
}
.breadcrumbs li a {
  color: #808080;
  text-decoration: underline;
  line-height: 0%;
}
.breadcrumbs li a:active, .breadcrumbs li a:visited {
  color: #808080;
}
.breadcrumbs li a:hover, .breadcrumbs li a:focus {
  color: #1A1A1A;
}
@media only screen and (min-width: 1024px) {
  .breadcrumbs {
    padding-bottom: 1.6rem;
    font-size: 1rem;
  }
  .breadcrumbs:not(:last-child):after {
    padding: 0 -webkit-calc(1rem/2);
    padding: 0 -moz-calc(1rem/2);
    padding: 0 calc(1rem/2);
    font-size: 0.8rem;
  }
}

.scroll-container {
  display: block;
  /* .scroll-left,
  .scroll-right
  {
      &:hover
      {
          &:before
          {
              opacity:1;
          }
          &:after
          {
              opacity:1;
          }
      }
  }		
   */
  /* .scroll-nav
  {
      .scroll-left:hover,
      .scroll-right:hover
      {
          &:after
          {
              display: initial;
          }
      }
  } */
}
.scroll-container .cat-intro {
  display: block;
  width: 100%;
}
.scroll-container .cat-scrollable {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  overflow: hidden;
  position: relative;
  width: -webkit-calc(100% + 2*1rem);
  width: -moz-calc(100% + 2*1rem);
  width: calc(100% + 2*1rem);
  margin-left: -1rem;
  margin-right: -1rem;
}
.scroll-container .scroll-wrapper {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: -moz-transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  padding-left: 25%;
  overflow-x: auto;
}
.scroll-container .scroll-left,
.scroll-container .scroll-right {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 60px;
  cursor: pointer;
}
.scroll-container .scroll-left:before, .scroll-container .scroll-left:after,
.scroll-container .scroll-right:before,
.scroll-container .scroll-right:after {
  opacity: 0;
  -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (max-width: calc(1024px - 1px)) {
  .scroll-container .scroll-left,
  .scroll-container .scroll-right {
    display: none;
  }
}
.scroll-container .scroll-left {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, #fff, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(left, #fff, rgba(255, 255, 255, 0));
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.scroll-container .scroll-left:before {
  content: " ";
  position: absolute;
  top: 27%;
  left: 0;
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.75);
}
.scroll-container .scroll-left:after {
  content: " ";
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  position: absolute;
  top: -webkit-calc(27% + 4px);
  top: -moz-calc(27% + 4px);
  top: calc(27% + 4px);
  left: 6px;
  background-image: url("../images/freccia.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.scroll-container .scroll-right {
  right: 0;
  background: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(right, #fff, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(right, #fff, rgba(255, 255, 255, 0));
  background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
}
.scroll-container .scroll-right:before {
  content: " ";
  position: absolute;
  top: 27%;
  left: 0;
  right: 0;
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.75);
}
.scroll-container .scroll-right:after {
  content: " ";
  position: absolute;
  top: -webkit-calc(27% + 4px);
  top: -moz-calc(27% + 4px);
  top: calc(27% + 4px);
  left: 6px;
  width: 50px;
  height: 50px;
  /* background-image: url('data:image/svg+xml;utf8,<svg version="1.1" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g transform="translate(-1104 -179)"><g transform="translate(1104 179)"><polygon points="0 60 60 60 60 0 0 0" fill="%23000" fill-opacity=".5"/><polyline points="23 44 36 30.499 23.003 17" stroke="%23FEFEFE"/></g></g></g></svg>'); */
  background-image: url("../images/freccia.svg");
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.scroll-container .cat-scrollable:hover .scroll-left:before, .scroll-container .cat-scrollable:hover .scroll-left:after,
.scroll-container .cat-scrollable:hover .scroll-right:before,
.scroll-container .cat-scrollable:hover .scroll-right:after {
  opacity: 1;
}
.scroll-container .left-disabled.scroll-left {
  display: none !important;
}
.scroll-container .right-disabled.scroll-right {
  display: none !important;
}
.scroll-container .scroll-item.product-item {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: visible;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0;
}
.scroll-container .scroll-item.product-item:last-child {
  margin-right: 25%;
}
.scroll-container .scroll-item.product-item .scroll-item-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  text-align: center;
}
.scroll-container .scroll-item.product-item .scroll-item-info {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.scroll-container .scroll-item.product-item .picture {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
}
.scroll-container .scroll-item.product-item img {
  width: 220px;
  max-width: 100%;
}
.scroll-container .scroll-wrapper {
  padding-left: 0;
  width: auto;
}
.scroll-container .cat-intro {
  width: 100%;
  text-align: center;
}
.scroll-container .scroll-item.product-item {
  width: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.scroll-container .scroll-wrapper {
  overflow-x: visible;
  padding-left: 25%;
}
.scroll-container .cat-scrollable {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.scroll-container .cat-scrollable:hover .scroll-nav .scroll-left:after,
.scroll-container .cat-scrollable:hover .scroll-nav .scroll-right:after {
  display: initial;
}
@media screen and (max-width: calc(640px - 1px)) {
  .scroll-container .cat-scrollable {
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 640px) {
  .scroll-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .scroll-container .cat-intro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: -webkit-calc(100% * 2 / 6);
    width: -moz-calc(100% * 2 / 6);
    width: calc(100% * 2 / 6);
    text-align: left;
  }
  .scroll-container .scroll-wrapper {
    width: 100%;
    padding-left: 0;
  }
  .scroll-container .scroll-item.product-item {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: -webkit-calc(100% * 2 / 5);
    width: -moz-calc(100% * 2 / 5);
    width: calc(100% * 2 / 5);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
@media only screen and (min-width: 768px) {
  .scroll-container .scroll-item.product-item img {
    max-width: 240px;
  }
}
@media only screen and (min-width: 1024px) {
  .scroll-container .cat-intro {
    width: -webkit-calc(95% * 2.5 / 9);
    width: -moz-calc(95% * 2.5 / 9);
    width: calc(95% * 2.5 / 9);
  }
  .scroll-container .scroll-item.product-item {
    width: -webkit-calc(100% * 2 / 5);
    width: -moz-calc(100% * 2 / 5);
    width: calc(100% * 2 / 5);
  }
}
@media only screen and (min-width: 1400px) {
  .scroll-container {
    /* .scroll-nav
    {
        .scroll-left:hover,
        .scroll-right:hover
        {
            &:after
            {
                display: initial;
            }
        }
    } */
  }
  .scroll-container .cat-intro {
    width: -webkit-calc(100% * 1.5 / 9);
    width: -moz-calc(100% * 1.5 / 9);
    width: calc(100% * 1.5 / 9);
  }
  .scroll-container .cat-scrollable {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .scroll-container .scroll-item.product-item {
    width: -webkit-calc(100% * 2 / 7);
    width: -moz-calc(100% * 2 / 7);
    width: calc(100% * 2 / 7);
  }
}
@media only screen and (max-width: 1399px) {
  .scroll-container .scroll-item.product-item .product-item__txt {
    margin-bottom: 0;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.scroll-container .fade-in {
  opacity: 0;
  -webkit-animation: fadeIn ease-in-out 1 forwards;
  -moz-animation: fadeIn ease-in-out 1 forwards;
  animation: fadeIn ease-in-out 1 forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
}
.scroll-container .f-1 {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.scroll-container .f-2 {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.scroll-container .f-3 {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.scroll-container .f-4 {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.scroll-container .f-5 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}
.scroll-container .f-6 {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.scroll-container .f-7 {
  -webkit-animation-delay: 1.4s;
  -moz-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.product-category .product-category-heading {
  text-align: center;
}
.product-category .product-category-heading .filters {
  margin: 2rem auto 1rem auto;
  padding: 0;
  font-family: "AcquaDiParma";
  font-size: 0.7rem;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.product-category .product-category-heading .filters ul {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.product-category .product-category-heading .filters li {
  display: inline-block;
  list-style: none;
  color: #1A1A1A;
  padding: .5rem 1rem 0 0;
}
.product-category .product-category-heading .filters a {
  color: #808080;
}
.product-category .product-category-heading .filters a:active, .product-category .product-category-heading .filters a:visited {
  color: #808080;
}
.product-category .product-category-heading .filters a:hover, .product-category .product-category-heading .filters a:focus {
  color: #1A1A1A;
}
.product-category .product-category-heading .filters a span {
  display: inline-block;
  border-bottom: 2px solid #eeeeee;
}
@media only screen and (min-width: 640px) {
  .product-category .product-category-heading .filters {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.7rem;
    text-align: left;
  }
  .product-category .product-category-heading .filters li {
    padding: 0 1.2rem .75rem 1.2rem;
    display: inline-block;
    margin-bottom: 0;
  }
  .product-category .product-category-heading .filters > span {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 1rem;
  }
}
@media only screen and (min-width: 1200px) {
  .product-category .product-category-heading .filters {
    margin: 3rem auto 1.75rem auto;
    font-size: 1rem;
  }
}
.product-category .product-category-list {
  position: relative;
  padding: 2rem 0;
  background: url(../images/svg/separator.svg) repeat-x left top;
}
.product-category .product-category-list .svg-box svg {
  display: block;
  width: 100%;
  height: 5px;
  margin-bottom: 2rem;
}
.product-category .product-category-list .svg-box svg * {
  stroke: #808080;
}
.product-category .product-category-list .scroll-item-wrapper {
  margin-bottom: 1rem;
  margin-top: 2rem;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.4rem;
}
.product-category .product-category-list .new-label {
  position: absolute;
  top: 0rem;
  right: 0rem;
}
@media only screen and (min-width: 640px) {
  .product-category .default-subtitle {
    font-size: 1rem;
  }
  .product-category .product-category-list .scroll-item-wrapper {
    margin-top: 0;
  }
}

.mobile .scroll:before, .mobile .scroll:after,
.tablet .scroll:before,
.tablet .scroll:after {
  display: none;
}
.mobile .scroll-wrapper,
.tablet .scroll-wrapper {
  overflow-x: scroll;
}
.mobile .scroll-wrapper .scroll-item:last-child:not(:first-child),
.tablet .scroll-wrapper .scroll-item:last-child:not(:first-child) {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  padding-right: 50%;
}
.mobile .product-category-list .product,
.tablet .product-category-list .product {
  padding: 0;
}

@media (max-width: calc(640px - 1px)) {
  .homepage .scroll-container .scroll-wrapper {
    padding-left: 0%;
  }
  .homepage .scroll-container .scroll-wrapper .scroll-item.product-item {
    -webkit-flex-basis: 70%;
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    padding-right: 0;
  }
  .homepage .scroll-container .scroll-wrapper .scroll-item.product-item:last-child {
    padding-right: 0;
  }
}
.tabbed-content {
  margin: 2rem auto;
  text-align: center;
  font-size: 1.125rem;
}
.tabbed-content img {
  max-width: 100%;
}
.tabbed-content ul, .tabbed-content li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tabbed-content .titles {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
}
.tabbed-content .titles li {
  display: block;
  text-align: center;
  cursor: pointer;
  text-decoration: underline;
  line-height: 1.5;
}
.tabbed-content .titles li.active {
  text-shadow: 1px 0 0 currentColor;
}
@media only screen and (min-width: 768px) {
  .tabbed-content .titles li {
    display: inline-block;
    padding: 0 1.4rem;
  }
}
.tabbed-content .tabs li:not(.active) {
  display: none;
}
.tabbed-content .tabs {
  margin: 0;
  padding: 1rem 0 0 0;
  list-style: none;
}
.tabbed-content .svg-separator {
  display: block;
  margin: 1rem auto;
  max-width: 100%;
  min-width: 100%;
}
.tabbed-content .svg-separator g {
  stroke-width: 2px;
}
.tabbed-content .tab-inner {
  width: 100%;
}
.tabbed-content .tab-inner .thumb,
.tabbed-content .tab-inner .text {
  display: block;
  width: 100%;
  max-width: 35ch;
  margin: 0 auto;
}
.tabbed-content .tab-inner .thumb {
  text-align: center;
  margin-bottom: 2rem;
}
.tabbed-content .tab-inner .text {
  text-align: left;
}
.tabbed-content .tab-inner .three-col {
  text-align: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2rem;
}
.tabbed-content .tab-inner .three-col h4 {
  margin-bottom: .75rem;
}
.tabbed-content .tab-inner .three-col__img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 1rem;
}
@media only screen and (min-width: 768px) {
  .tabbed-content .tab-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
  }
  .tabbed-content .tab-inner .thumb,
  .tabbed-content .tab-inner .text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 50%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .tabbed-content .tab-inner .thumb {
    text-align: center;
    margin-left: 2rem;
  }
  .tabbed-content .tab-inner .thumb img {
    margin: 0 auto;
  }
  .tabbed-content .tab-inner .text {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .tabbed-content .tab-inner .text p {
    height: 100%;
    margin: 1.5rem 0;
  }
  .tabbed-content .tab-inner .text.ingredients {
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .tabbed-content .tab-inner .col-wrap {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .tabbed-content .tab-inner .three-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-basis: 28%;
    -ms-flex-preferred-size: 28%;
    flex-basis: 28%;
    max-width: 28%;
    padding: 0 1%;
    margin-top: 0;
  }
  .tabbed-content .tab-inner .three-col__img {
    margin: 1.5rem 0;
  }
  .tabbed-content .tab-inner .three-col__txt h4 {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 1200px) {
  .tabbed-content .tab-inner {
    max-width: 80%;
  }
  .tabbed-content .tab-inner .medium-title {
    font-size: 2.8rem;
    margin-bottom: 2rem;
  }
  .tabbed-content .tab-inner .thumb {
    text-align: right;
  }
}
@media only screen and (min-width: 1200px) {
  .tabbed-content {
    margin: 4rem auto;
  }
  .tabbed-content .tabs {
    padding-top: 2.5rem;
  }
}

.accordion {
  border-bottom: 1px solid #ffb500;
}
.accordion dd {
  display: block;
  margin: 0;
  padding: 0;
  margin-bottom: 1rem;
  position: relative;
}
.accordion dt {
  display: block;
  border-top: 1px solid #ffb500;
}
.accordion .accordion-title {
  font-family: "AcquaDiParma";
  display: inline-block;
  font-size: 1rem;
  padding: 0.5rem 0;
  width: 100%;
  vertical-align: middle;
}
.accordion .accordion-title span {
  display: inline-block;
  vertical-align: middle;
}
.accordion .accordion-title .result {
  display: none;
}
.accordion .accordion-title.filled {
  color: #808080;
}
.accordion .accordion-title.filled .result {
  display: initial;
}
.accordion .accordion-title.filled .result > span {
  color: #1A1A1A;
  text-transform: uppercase;
}
.accordion .accordion-title.filled .default {
  display: none;
}
.accordion .expand {
  display: inline-block;
  margin-left: 0.4rem;
  color: #ffb500;
  border: 1.5px solid #ffb500;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  text-align: center;
  position: relative;
  vertical-align: middle;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  margin-top: -1px;
}
.accordion .expand:after {
  position: absolute;
  content: "+";
  top: -2px;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 18px;
  font-size: 22px;
  font-family: "AcquaDiParma Light";
}
.accordion .accordion-open .expand {
  opacity: 0;
}

.product .heading .type {
  font-size: 1.15rem;
}
.product .heading .category {
  font-size: 1rem;
  text-transform: uppercase;
  margin: .3rem;
  color: #808080;
}
@media only screen and (min-width: 1024px) {
  .product .heading .type {
    margin: 0.5rem auto;
  }
}
.product .customize {
  margin: 1vh auto;
  /* input.lid
  {
      display: inline-block;
      height: 2rem;
      width: 2rem;
      padding: 0;
      text-align: center;
  } */
        /* .lid
        {
            display: flex;
            .round
            {
                border:2px solid $gray;
                border-radius: 50%;
                color:$black;
                position: relative;
                width:120px;
                height:120px;
                text-align: center;
                text-transform: uppercase;
                font-size: 1.3rem;
                .inner
                {
                    position: absolute;
                    top:50%;
                    transform:translateY(-50%);
                    left:0;
                    right:0;
                }
                .letter
                {
                    display: inline-block;
                    margin:0 0.15rem;
                }
            }
            .right-box
            {
                align-self: center;
                text-align: center;
            }
        } 
        .bottle
        {
            font-size: 1.2rem;
            display: flex;
            justify-content: center;

            .left-box
            {
                display: block;
                flex: none;
                flex-shrink: 1;
                text-align: center;
                img
                {
                    max-width: 120px;
                    //width: 100%;
                }
            }
            .right-box
            {
                display: block;
                flex: none;

                .lefted{
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                }
            }

            label{
                margin-bottom: .5rem;
            }

            @media only screen and (max-width: $phone-sm)
            {
                flex-direction: column;
                align-items: center;
            }

            @media only screen and (min-width: $phone-sm){
                .left-box img{
                    margin-right: 1rem;
                }
            }

            @media only screen and (min-width: $tablet-landscape)
            {
                display: flex;
                .left-box
                {
                    //height:160px;
                    display: flex;
                    align-items: flex-start;
                }
                .right-box
                {
                    display: flex;
                    //align-self: flex-end;
                    text-align: center;
                }
            }
        }
*/
}
.product .customize .tag-box {
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 1024px) {
  .product .customize {
    max-width: 1200px;
  }
  .product .customize > .info {
    max-width: 450px;
  }
}
.product .customize .gallery,
.product .customize .info {
  display: block;
  width: 100%;
}
.product .customize .gallery {
  text-align: center;
}
.product .customize .gallery .slide img {
  width: auto;
  max-width: 100%;
  margin: auto;
}
.product .customize .gallery .flickity-button {
  background: transparent;
}
.product .customize .gallery .flickity-button:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.product .customize .gallery .flickity-button.previous,
.product .customize .gallery .flickity-button.next {
  height: 4rem;
  width: 4rem;
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g transform="translate(-1104 -179)"><g transform="translate(1104 179)"><polygon points="0 60 60 60 60 0 0 0" fill="none" fill-opacity=".5"/><polyline points="23 44 36 30.499 23.003 17" stroke="%23333"/></g></g></g></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  right: -1rem;
}
.product .customize .gallery .flickity-button.previous svg,
.product .customize .gallery .flickity-button.next svg {
  display: none;
}
.product .customize .gallery .flickity-button.previous {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  margin-top: -2rem;
  right: auto;
  left: -1rem;
}
.product .customize .desc {
  text-align: left;
}
.product .customize .create-set label {
  border-top: 1px solid #ffb500;
  padding-top: 8px;
}
.product .customize .info a {
  text-decoration: none;
}
.product .customize input {
  border: 1px solid #ffb500;
  width: 100%;
  border-radius: 5px;
  color: #1A1A1A;
  text-transform: uppercase;
  font-size: 1.2rem;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  text-align: center;
}
.product .customize .left-box {
  -webkit-box-flex: 30%;
  -webkit-flex: 30%;
  -moz-box-flex: 30%;
  -ms-flex: 30%;
  flex: 30%;
}
.product .customize .right-box {
  -webkit-box-flex: 70%;
  -webkit-flex: 70%;
  -moz-box-flex: 70%;
  -ms-flex: 70%;
  flex: 70%;
}
.product .customize .lefted {
  margin: 0 1rem;
}
@media only screen and (min-width: 1024px) {
  .product .customize .lefted {
    float: left;
  }
}
.product .customize .controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.1rem;
}
.product .customize .controls button {
  color: gray;
  text-decoration: underline;
  padding: 0 0.8rem;
  cursor: pointer;
  border: none;
  text-transform: none;
}
.product .customize .controls button:focus, .product .customize .controls button:hover, .product .customize .controls button.save-form {
  color: #1A1A1A;
}
.product .customize .controls .save {
  color: #1A1A1A;
}
.product .customize .price {
  display: block;
  font-size: 2rem;
  margin: 1rem auto;
  text-align: center;
}
.product .customize .price .button, .product .customize .price .button-big, .product .customize .price .button-small, .product .customize .price .button-yellow, .product .customize .price .button-gray, .product .customize .price .button-white, .product .customize .price .button-wishlist, .product .customize .price .button-black, .product .customize .price .dropdown-box {
  display: inline-block;
  vertical-align: top;
  margin: auto;
}
.product .customize .price .info {
  display: block;
  padding: 0 0.4rem;
  font-size: 1rem;
  margin-top: 1rem;
}
@media only screen and (min-width: 768px) {
  .product .customize {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .product .customize .info {
    width: auto;
  }
  .product .customize .gallery {
    -webkit-flex-basis: 35%;
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
    max-width: 35%;
    margin-right: 2rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .product .customize > .info {
    -webkit-flex-basis: 60%;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    max-width: 60%;
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 1200px) {
  .product .customize .create-set label {
    font-size: 1rem;
  }
  .product .customize .gallery {
    -webkit-flex-basis: 45%;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    max-width: 45%;
    margin-right: 3rem;
  }
  .product .customize > .info {
    -webkit-flex-basis: 45%;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    max-width: 45%;
  }
}
.product .desc {
  text-align: center;
  margin: 2rem auto;
  color: #808080;
  max-width: 65ch;
}
@media (min-width: 1024px) {
  .product .desc p {
    font-size: 1.4rem;
  }
}
.product .unboxing {
  text-align: center;
  overflow: hidden;
}
.product .unboxing .unboxing-row {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .product .unboxing .unboxing-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1200px) {
  .product .unboxing .unboxing-row {
    text-align: left;
  }
}
.product .unboxing h2 {
  color: #808080;
  display: block;
}
.product .unboxing h3 {
  text-transform: none;
}
.product .unboxing .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2rem 0;
  color: #808080;
}
.product .unboxing .item .thumb,
.product .unboxing .item .text {
  font-size: 1.125rem;
  text-align: left;
}
.product .unboxing .item .thumb img,
.product .unboxing .item .text img {
  max-width: 100%;
}
.product .unboxing .item .thumb {
  margin-right: 1rem;
  max-width: 120px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.product .unboxing .item .text {
  padding-top: .5rem;
}
@media only screen and (min-width: 640px) {
  .product .unboxing .item .text {
    text-align: left;
  }
  .product .unboxing .item .thumb {
    margin-right: 5%;
  }
}
@media only screen and (min-width: 768px) {
  .product .unboxing .item {
    max-width: 47%;
  }
  .product .unboxing .item .thumb {
    max-width: 170px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 170px;
    -moz-box-flex: 1;
    -ms-flex: 1 0 170px;
    flex: 1 0 170px;
  }
}
@media only screen and (min-width: 1200px) {
  .product .unboxing .item .text {
    margin-right: 10%;
  }
  .product .unboxing .item .thumb {
    text-align: center;
    max-width: 200px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 48%;
    -moz-box-flex: 1;
    -ms-flex: 1 0 48%;
    flex: 1 0 48%;
  }
}
.product .related,
.product .favourite {
  margin-top: 2rem;
  display: block;
  text-align: center;
  overflow: hidden;
}
.product .related img,
.product .favourite img {
  max-width: 100%;
}
.product .related .related-row,
.product .related .favourite-row,
.product .favourite .related-row,
.product .favourite .favourite-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
    /*  .product-item{
    margin: 1rem 0;
} */
}
.product .related .related-row .product-item,
.product .favourite .related-row .product-item {
  -webkit-flex-basis: 46%;
  -ms-flex-preferred-size: 46%;
  flex-basis: 46%;
}
@media only screen and (min-width: 640px) {
  .product .related .favourite-row .product-item,
  .product .favourite .favourite-row .product-item {
    -webkit-flex-basis: 31%;
    -ms-flex-preferred-size: 31%;
    flex-basis: 31%;
    max-width: 320px;
  }
}
@media screen and (max-width: calc(768px - 1px)) {
  .product .related .item__img,
  .product .favourite .item__img {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .product .related,
  .product .favourite {
    max-width: 1200px;
    margin: inherit auto;
  }
  .product .related .related-row,
  .product .favourite .related-row {
    padding-top: 1rem;
    padding-bottom: 2rem;
  }
  .product .related .related-row .product-item,
  .product .favourite .related-row .product-item {
    -webkit-flex-basis: 23%;
    -ms-flex-preferred-size: 23%;
    flex-basis: 23%;
  }
}
@media only screen and (min-width: 1200px) {
  .product .related,
  .product .favourite {
    margin-top: 3rem;
  }
  .product .related .item__img,
  .product .favourite .item__img {
    max-width: 300px;
    margin: 0 auto;
  }
}
@media screen and (max-width: calc(640px - 1px)) {
  .product .related .favourite-row,
  .product .favourite .favourite-row {
    display: block;
  }
  .product .related .favourite-row .product-item,
  .product .favourite .favourite-row .product-item {
    max-width: 320px;
    /*  margin-left: auto;
    margin-right: auto; */
  }
  .product .related .item__img,
  .product .favourite .item__img {
    max-width: 175px;
    margin: 0 auto;
  }
}

.product-price-box,
.customize .product-price-box {
  display: block;
  font-size: 2rem;
  margin: 1rem auto;
}
.product-price-box .button, .product-price-box .button-big, .product-price-box .button-small, .product-price-box .button-yellow, .product-price-box .button-gray, .product-price-box .button-white, .product-price-box .button-wishlist, .product-price-box .button-black, .product-price-box .dropdown-box,
.customize .product-price-box .button,
.customize .product-price-box .button-big,
.customize .product-price-box .button-small,
.customize .product-price-box .button-yellow,
.customize .product-price-box .button-gray,
.customize .product-price-box .button-white,
.customize .product-price-box .button-wishlist,
.customize .product-price-box .button-black,
.customize .product-price-box .dropdown-box {
  display: inline-block;
  vertical-align: top;
  margin: auto;
}
.product-price-box .info,
.customize .product-price-box .info {
  display: block;
  padding: 0 0.4rem;
  font-size: 1rem;
  margin-top: 1rem;
  width: auto;
}
.product-price-box .button-yellow,
.customize .product-price-box .button-yellow {
  margin: 0 1rem .5rem 0;
}

#product-added {
  top: -webkit-calc(-90px);
  top: -moz-calc(-90px);
  top: calc(-90px);
  position: fixed;
  left: 0;
  right: 0;
  height: 90px;
  padding: 0.3rem 0;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background: #ffffff;
  margin: 0 auto;
  max-width: 1400px;
}
#product-added img {
  width: auto;
  height: 100%;
  margin: 0 0.8rem;
}
#product-added p {
  margin-bottom: 0;
  text-transform: uppercase;
  font-family: "AcquaDiParma";
  font-size: 0.6rem;
  margin: 0 0.4rem;
}
@media screen and (min-width: 1024px) {
  #product-added p {
    font-size: 0.7rem;
  }
  #product-added img {
    margin: 0 1.2rem;
  }
}
@media screen and (min-width: 1200px) {
  #product-added {
    padding: 1rem 0;
    letter-spacing: 1px;
  }
}

#topbar header svg.bag-full {
  display: none;
}

#bag {
  position: relative;
}

#bag-content {
  position: absolute;
  color: #ffb500;
  left: 0;
  right: 0;
  z-index: 1;
  top: 7px;
  text-align: center;
  font-weight: bold;
  font-size: 0.8rem;
  display: none;
}

#topbar,
#app-content,
header {
  -webkit-transition: margin-top 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: margin-top 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: margin-top 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#product-added {
  -webkit-transition: top 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: top 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#topbar .bag-items {
  position: absolute;
  bottom: 7px;
  right: 0;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  display: none;
}
#topbar .bag-items .empty-cart {
  text-align: center;
  margin-bottom: 1.4rem;
}
@media screen and (min-width: 1024px) {
  #topbar .bag-items .empty-cart {
    margin-bottom: 0;
  }
}
#topbar .bag-items .items {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  padding: 1.6rem 1.8rem;
  margin-top: 1rem;
  background: #ffffff;
  width: 100%;
}
#topbar .bag-items .cart-product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border-top: 2px solid #eeeeee;
  padding-top: 1.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
#topbar .bag-items .cart-product .cart-prod_thumb {
  -webkit-box-flex: 20%;
  -webkit-flex: 20%;
  -moz-box-flex: 20%;
  -ms-flex: 20%;
  flex: 20%;
  max-width: 100px;
}
#topbar .bag-items .cart-product .cart-prod_data {
  -webkit-box-flex: 80%;
  -webkit-flex: 80%;
  -moz-box-flex: 80%;
  -ms-flex: 80%;
  flex: 80%;
  padding-left: 1rem;
  padding-top: 0.4rem;
}
#topbar .bag-items .cart-product .cart-prod_data .cart-prod__cat,
#topbar .bag-items .cart-product .cart-prod_data .cart-prod__info {
  font-size: 0.75rem;
  font-family: "AcquaDiParma";
  text-transform: uppercase;
}
#topbar .bag-items .cart-product .cart-prod_data .cart-prod__info {
  margin: 0.2rem 0;
}
#topbar .bag-items .cart-product .cart-prod_data .cart-prod__cat {
  margin-bottom: 0;
  margin-top: 0.2rem;
}
#topbar .bag-items .cart-product .cart-prod_data .cart_prod__attributes .name {
  display: inline-block;
  width: 40%;
}
#topbar .bag-items .cart-product .cart-prod_data .cart_prod__attributes .value {
  display: inline-block;
  width: 60%;
  vertical-align: top;
}
#topbar .bag-items .cart-product .cart-prod_cross {
  position: absolute;
  top: 0.2rem;
  right: 0rem;
}
#topbar .bag-items .cart-prod__subtotal {
  margin-bottom: 1rem;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 75%;
  margin-left: 25%;
  text-align: right;
}
#topbar .bag-items .cart-prod__subtotal h4 {
  margin-bottom: 0;
  text-align: left;
}
#topbar .bag-items .cart-product__minus,
#topbar .bag-items .cart-product__total,
#topbar .bag-items .cart-product__plus {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.1rem;
}
#topbar .bag-items .cart-product__minus,
#topbar .bag-items .cart-product__plus {
  border: 1px solid #1A1A1A;
  height: 0.8rem;
  width: 0.8rem;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  padding: 0;
  position: relative;
    /*  span
    {
    line-height: 11px;
    position: absolute;
    top:0;
    left:0;
    right:0;
} */
}
#topbar .bag-items .arrow-up {
  position: absolute;
  right: 9px;
  top: 7px;
  z-index: 10;
}
#topbar .bag-items h5 {
  white-space: nowrap;
  margin: 0;
  text-transform: uppercase;
}
#topbar .bag-items .cart-inner {
  display: none;
  text-align: right;
  margin-bottom: 2rem;
}
#topbar .bag-items .button-yellow {
  white-space: nowrap;
  letter-spacing: initial;
  height: auto;
  margin: auto;
  padding: 0.8rem 1rem;
  margin-bottom: 1rem;
  display: none;
}
#topbar .bag-items .heading {
  display: none;
}
#topbar .bag-items .heading h5 {
  display: block;
}
#topbar .bag-items .mobile-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-transform: uppercase;
  font-family: "AcquaDiParma";
  font-size: 0.8rem;
  margin-bottom: -1rem;
  margin-top: 0;
  border-top: 2px solid #eeeeee;
  padding-top: 0.4rem;
}
#topbar .bag-items .mobile-buttons svg {
  margin-right: 0.8rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 2rem;
  height: 2rem;
}
@media screen and (min-width: 1024px) {
  #topbar .bag-items {
    bottom: 1px;
    right: -1rem;
  }
  #topbar .bag-items .arrow-up {
    right: 25px;
  }
  #topbar .bag-items .items {
    width: auto;
  }
  #topbar .bag-items .mobile-buttons {
    display: none;
  }
}

#bag {
  outline: none;
}

#bag.show-cart .bag-items {
  display: block;
  width: 100vw;
  max-width: 400px;
}

#bag.cart-full .button-yellow {
  display: block;
}
#bag.cart-full .cart-inner {
  display: block;
  position: relative;
}
#bag.cart-full .scrollable {
  display: block;
  max-height: 280px;
  overflow-y: scroll;
  padding-right: 1rem;
  padding-bottom: 30px;
}
#bag.cart-full .gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 1rem;
  height: 40px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
#bag.cart-full .scrollable::-webkit-scrollbar {
  width: 0.8rem;
}
#bag.cart-full .scrollable::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
#bag.cart-full .scrollable::-webkit-scrollbar-thumb {
  background-color: #ffb500;
  outline: none;
  border-radius: 5px;
}
#bag.cart-full .items {
  padding: 1rem 1.2rem;
  width: 100%;
}
#bag.cart-full h5 {
  display: none;
}
#bag.cart-full .mobile-buttons {
  border-top: 0px;
}
#bag.cart-full .heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  text-align: center;
  padding-bottom: 1rem;
}
#bag.cart-full .heading strong {
  display: block;
  font-size: 1.4rem;
  margin-top: 0.35rem;
}
@media screen and (min-width: 1024px) {
  #bag.cart-full .empty-cart {
    margin-bottom: 0;
  }
  #bag.cart-full .items {
    max-width: 380px;
  }
}

body.product-added #topbar,
body.product-added #app-content,
body.product-added header,
body.product-added .main-menu-container .main-menu .main-submenu {
  margin-top: 90px;
}
@media screen and (min-width: 1024px) {
  body.product-added header {
    margin-top: 0;
  }
}
body.product-added #product-added {
  top: 0;
}
body.product-added header #bag:after {
  content: " ";
  position: absolute;
  top: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 12px 0 12px;
  border-color: #ffffff transparent transparent transparent;
}
@media screen and (min-width: 1024px) {
  body.product-added header #bag:after {
    top: -17px;
  }
}

.label-separator {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 97%;
  margin: 1.5rem auto;
  background: url(../images/svg/linea-gialla.svg) no-repeat center;
}
.label-separator .line {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.label-separator .line svg {
  max-width: 100%;
}
.label-separator .title {
  font-family: "AcquaDiParma";
  padding: 0 0.6rem;
  background-color: #fff;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 2px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .label-separator {
    margin: 3rem auto;
  }
}
@media only screen and (min-width: 1200px) {
  .label-separator .title {
    font-size: 1.4rem;
    letter-spacing: 2px;
  }
}

.hero {
  position: relative;
  text-align: center;
}
.hero .hero-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 500px;
  max-height: 70vh;
}
.hero .backdrop {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.hero .backdrop picture {
  width: 100%;
}
.hero .backdrop img {
  width: -webkit-calc(100% + 120px);
  width: -moz-calc(100% + 120px);
  width: calc(100% + 120px);
  height: 100%;
  position: absolute;
  top: -15px;
  left: -60px;
  object-fit: cover;
  object-position: 50% 0%;
  display: block;
}
.hero .hero-thumb,
.hero .hero-info {
  position: relative;
  z-index: 1;
}
.hero .content {
  padding: 1rem;
}
.hero .hero-thumb {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.hero .hero-thumb img {
  max-height: 400px;
}
.hero .hero-info {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}
.hero .hero-info .content {
  background: #ffffff;
}
.hero .button, .hero .button-big, .hero .button-small, .hero .button-yellow, .hero .button-gray, .hero .button-white, .hero .button-wishlist, .hero .button-black, .hero .dropdown-box {
  margin-top: 0.5rem;
}
@media screen and (max-width: calc(640px - 1px)) {
  .hero .hero-info, .hero .hero-thumb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .hero .hero-thumb img {
    max-height: 30vh;
  }
}
@media screen and (min-width: 640px) {
  .hero .hero-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 90%;
  }
  .hero .content {
    margin: 0;
  }
  .hero .hero-info {
    -webkit-flex-basis: 55%;
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    max-width: 420px;
  }
  .hero .hero-thumb {
    -webkit-flex-basis: 45%;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    text-align: center;
  }
  .hero .hero-thumb img {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .hero .button, .hero .button-big, .hero .button-small, .hero .button-yellow, .hero .button-gray, .hero .button-white, .hero .button-wishlist, .hero .button-black, .hero .dropdown-box {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .hero .hero-wrapper {
    height: 90vh;
    max-height: none;
    padding-top: 102px;
  }
  .hero .content {
    padding: 2rem 2rem 1rem 2rem;
  }
  .hero .hero-thumb {
    text-align: center;
  }
}

.hero.hero-clean {
  max-width: none;
  margin-bottom: 1rem;
}
.hero.hero-clean .hero-info {
  margin: 0 auto;
  max-width: 900px;
}
.hero.hero-clean img {
  width: 100%;
  height: auto;
  max-height: 40vh;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .hero.hero-clean img {
    max-height: 83vh;
  }
}

.hero.hero-clean.hero2 img {
  max-height: 83vh;
}
@media (min-width: 1024px) {
  .hero.hero-clean.hero2 img {
    max-height: 90vh;
  }
}

.hero.hero-clean.hero3 img {
  object-fit: contain;
  max-height: 83vh;
}

.hero.hero-clean.hero4 img {
  max-height: none;
}

.hero-full.object-fit-wrap.is-active, body.main-menu-open #topbar header #main-menu .hero-full.object-fit-wrap.hamburger {
  width: 100vw;
  height: 100vh;
}

.hero-clean > div.object-fit-wrap.is-active, body.main-menu-open #topbar header #main-menu .hero-clean > div.object-fit-wrap.hamburger {
  height: 40vh;
}
@media (min-width: 1024px) {
  .hero-clean > div.object-fit-wrap.is-active, body.main-menu-open #topbar header #main-menu .hero-clean > div.object-fit-wrap.hamburger {
    height: 83vh;
  }
}

.hero.hero-full {
  max-width: none;
  position: relative;
  overflow: hidden;
}
.hero.hero-full:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  background: rgba(0, 0, 0, 0.5);
}
.hero.hero-full .hero-info {
  position: absolute;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  width: 100%;
  height: 100%;
  max-width: none;
  z-index: 2000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
}
.hero.hero-full .hero-info .content {
  position: relative;
  max-width: 70ch;
  padding: 2rem;
  background-color: transparent;
}
.hero.hero-full .hero-info .content h1, .hero.hero-full .hero-info .content .subtitle {
  color: #fff;
}
.hero.hero-full .hero-info .content h1 {
  font-size: 3rem;
}
.hero.hero-full img {
  width: 100%;
  display: block;
}

.focus-categories {
  position: relative;
  text-align: center;
  margin-top: 2rem;
}
.focus-categories .focus-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.focus-categories .product-item img {
  max-width: 200px;
}
.focus-categories .product-item .product-item__txt {
  margin-bottom: .5rem;
  margin-top: 0;
}
.focus-categories .product-item .product-item__img {
  margin-bottom: 1.5rem;
}
.focus-categories .product-item .product-title {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.focus-categories .product-item .small-subtitle {
  margin-top: 0;
}
@media screen and (min-width: 640px) {
  .focus-categories .focus-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .focus-categories .product-item, .focus-categories .product-item:not(:last-child) {
    max-width: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 33%;
    -webkit-flex: 33%;
    -moz-box-flex: 33%;
    -ms-flex: 33%;
    flex: 33%;
    margin-bottom: 0;
  }
  .focus-categories .product-item img, .focus-categories .product-item:not(:last-child) img {
    max-width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .focus-categories .focus-wrapper {
    max-height: 85vh;
  }
  .focus-categories .product-item .product-title {
    font-size: 1.5rem;
  }
  .focus-categories .product-item, .focus-categories .product-item:not(:last-child) {
    -webkit-box-flex: 33%;
    -webkit-flex: 33%;
    -moz-box-flex: 33%;
    -ms-flex: 33%;
    flex: 33%;
  }
  .focus-categories .product-item img, .focus-categories .product-item:not(:last-child) img {
    max-width: 300px;
  }
  .focus-categories .product-item .product-item__txt {
    margin-top: .5rem;
  }
}

.focus-fullwidth {
  position: relative;
  max-width: 1200px;
    /*  .focus-wrapper
    {
    display: flex;
    flex-direction: column;
    max-height:70vh;
} */
}
.focus-fullwidth .backdrop {
  position: relative;
}
.focus-fullwidth .backdrop img {
  width: 100%;
}
.focus-fullwidth .focus-info {
  -webkit-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.focus-fullwidth .focus-info p {
  color: #4d4d4d;
}
.focus-fullwidth .content {
  max-width: 240px;
  margin: 0 auto;
  padding: 1rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .focus-fullwidth img {
    width: 100%;
  }
  .focus-fullwidth .focus-info {
    position: absolute;
    top: 0;
  }
  .focus-fullwidth .content {
    margin: 5vw;
    max-width: 40vw;
  }
  .focus-fullwidth .button, .focus-fullwidth .button-big, .focus-fullwidth .button-small, .focus-fullwidth .button-yellow, .focus-fullwidth .button-gray, .focus-fullwidth .button-white, .focus-fullwidth .button-wishlist, .focus-fullwidth .button-black, .focus-fullwidth .dropdown-box {
    margin-bottom: 1rem;
  }
  .focus-fullwidth .focus-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: auto;
  }
  .focus-fullwidth .focus-info {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (min-width: 1024px) {
  .focus-fullwidth .focus-info {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media screen and (min-width: 1200px) {
  .focus-fullwidth .focus-wrapper {
    max-width: 1200px;
  }
}

.focus-3-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}
.focus-3-col .item {
  width: -webkit-calc(100% - 2*1rem);
  width: -moz-calc(100% - 2*1rem);
  width: calc(100% - 2*1rem);
  max-width: 200px;
  margin: auto;
  margin-bottom: 4rem;
}
.focus-3-col img {
  width: 100%;
}
.focus-3-col .small-subtitle {
  margin-top: 0;
}
@media screen and (min-width: 640px) {
  .focus-3-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .focus-3-col .item {
    max-width: initial;
    width: auto;
    margin: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    margin-bottom: 0;
  }
  .focus-3-col img {
    max-width: -webkit-calc(100% - 2*1rem);
    max-width: -moz-calc(100% - 2*1rem);
    max-width: calc(100% - 2*1rem);
  }
}
@media screen and (min-width: 1024px) {
  .focus-3-col .product-item .product-title {
    font-size: 1.5rem;
  }
}

.focus-side {
  text-align: center;
  overflow: hidden;
}
.focus-side .info {
  padding: 1rem 0;
}
.focus-side .small-subtitle {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
.focus-side .button, .focus-side .button-big, .focus-side .button-small, .focus-side .button-yellow, .focus-side .button-gray, .focus-side .button-white, .focus-side .button-wishlist, .focus-side .button-black, .focus-side .dropdown-box {
  margin-bottom: 1rem;
}
.focus-side picture {
  width: 100%;
}
.focus-side img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.focus-side .info .thumb img {
  width: auto;
  height: auto;
  margin: 0 auto 2rem 0;
  max-width: 200px;
}
@media screen and (min-width: 640px) {
  .focus-side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .focus-side .info {
    -webkit-box-flex: 40%;
    -webkit-flex: 40%;
    -moz-box-flex: 40%;
    -ms-flex: 40%;
    flex: 40%;
    padding: 1rem;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .focus-side .thumb {
    -webkit-box-flex: 60%;
    -webkit-flex: 60%;
    -moz-box-flex: 60%;
    -ms-flex: 60%;
    flex: 60%;
  }
}
@media screen and (min-width: 1200px) {
  .focus-side .info {
    -webkit-box-flex: 33%;
    -webkit-flex: 33%;
    -moz-box-flex: 33%;
    -ms-flex: 33%;
    flex: 33%;
    padding: 2rem;
  }
  .focus-side .thumb {
    -webkit-box-flex: 67%;
    -webkit-flex: 67%;
    -moz-box-flex: 67%;
    -ms-flex: 67%;
    flex: 67%;
  }
}
.focus-side.left-side .info {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}
.focus-side.left-side .thumb {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.focus-side.right-side .info {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.focus-side.right-side .thumb {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}
@media screen and (max-width: calc(768px - 1px)) {
  .focus-side {
    margin-bottom: 1rem;
  }
  .focus-side.left-side.with-img {
    display: block;
  }
  .focus-side.left-side.with-img .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 45vw;
    margin-left: 50vw;
    padding: 0 0 1rem 0;
    position: relative;
  }
  .focus-side.left-side.with-img .info .thumb {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width: 50vw;
    position: absolute;
    left: -50vw;
  }
  .focus-side.left-side.with-img .info .thumb img {
    max-width: 150px;
    margin: 0 auto;
  }
  .focus-side.left-side.with-img .info span, .focus-side.left-side.with-img .info h3, .focus-side.left-side.with-img .info p {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    display: block;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .focus-side.left-side.with-img .info span, .focus-side.left-side.with-img .info .button, .focus-side.left-side.with-img .info .button-big, .focus-side.left-side.with-img .info .button-small, .focus-side.left-side.with-img .info .button-yellow, .focus-side.left-side.with-img .info .button-gray, .focus-side.left-side.with-img .info .button-white, .focus-side.left-side.with-img .info .button-wishlist, .focus-side.left-side.with-img .info .button-black, .focus-side.left-side.with-img .info .dropdown-box {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }
  .focus-side.left-side.with-img .info span {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .focus-side.left-side.with-img .info .button, .focus-side.left-side.with-img .info .button-big, .focus-side.left-side.with-img .info .button-small, .focus-side.left-side.with-img .info .button-yellow, .focus-side.left-side.with-img .info .button-gray, .focus-side.left-side.with-img .info .button-white, .focus-side.left-side.with-img .info .button-wishlist, .focus-side.left-side.with-img .info .button-black, .focus-side.left-side.with-img .info .dropdown-box {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: .6rem;
  }
}

.focus-square, .focus-square-big, .focus-square-small {
  text-align: center;
}
.focus-square .item, .focus-square-big .item, .focus-square-small .item {
  position: relative;
}
.focus-square .info, .focus-square-big .info, .focus-square-small .info {
  margin: auto;
}
.focus-square img, .focus-square-big img, .focus-square-small img {
  width: 100%;
}
.focus-square .small-subtitle, .focus-square-big .small-subtitle, .focus-square-small .small-subtitle {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
@media screen and (min-width: 640px) {
  .focus-square, .focus-square-big, .focus-square-small {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .focus-square .info, .focus-square-big .info, .focus-square-small .info {
    max-width: 400px;
  }
}

.focus-square-big .info {
  position: absolute;
  width: -webkit-calc(100% - 2*1rem);
  width: -moz-calc(100% - 2*1rem);
  width: calc(100% - 2*1rem);
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 640px) {
  .focus-square-big .item {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

.focus-square-small .info {
  margin-bottom: 4rem;
  width: 90%;
  margin: auto;
  margin-top: 1rem;
}
.focus-square-small .item:not(.last-child) {
  margin-bottom: 1rem;
}
@media screen and (min-width: 640px) {
  .focus-square-small {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .focus-square-small .item {
    max-width: 48%;
  }
  .focus-square-small .item:not(.last-child) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .focus-square-small.boxed, .focus-square-small.boxed-left {
    max-width: 1200px;
  }
}

.focus-1-4 {
  text-align: center;
}
.focus-1-4 .thumb {
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.focus-1-4 .thumb picture {
  display: block;
  width: 100%;
}
.focus-1-4 .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 0%;
}
.focus-1-4 .products {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: calc(1024px - 1px)) {
  .focus-1-4 .products img {
    max-height: 120px;
  }
}
.focus-1-4 .product-item {
  position: relative;
  margin: 1rem auto;
  max-width: 50%;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.focus-1-4 .product-item .product-item__txt {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin-top: 1rem;
  margin-bottom: 0;
}
.focus-1-4 .new-label {
  position: absolute;
  top: 0.6rem;
  right: -webkit-calc(50% - 60px);
  right: -moz-calc(50% - 60px);
  right: calc(50% - 60px);
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}
@media screen and (min-width: 640px) {
  .focus-1-4 .focus-wrapper {
    padding-top: 3rem;
  }
  .focus-1-4 .focus-wrapper .thumb {
    margin-bottom: 0;
  }
  .focus-1-4 .products {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .focus-1-4 .product-item {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .focus-1-4 .new-label {
    position: absolute;
    top: 0.6rem;
    right: -webkit-calc(50% - 75px);
    right: -moz-calc(50% - 75px);
    right: calc(50% - 75px);
  }
  .focus-1-4 .thumb {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .focus-1-4 {
    /* .new-label
    {
    right:0;
    transform:scale(0.7);
    transform-origin: top right;
} */
  }
  .focus-1-4 .focus-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .focus-1-4 .thumb,
  .focus-1-4 .products {
    max-width: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
}
@media screen and (min-width: 1400px) {
  .focus-1-4 {
    /* .new-label
    {
    left:60%;
} */
  }
}
@media screen and (min-width: 1400px) {
  .focus-1-4 .products {
    max-height: 80%;
  }
}

.focus-half-big {
  text-align: center;
}
.focus-half-big .default-title {
  margin-top: 0;
}
.focus-half-big .default-subtitle {
  margin-bottom: 1rem;
}
.focus-half-big .small-subtitle {
  margin: auto;
  margin-bottom: 2rem;
  max-width: 300px;
}
.focus-half-big .thumb {
  padding: 2rem 0;
}
.focus-half-big .thumb img {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .focus-half-big {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .focus-half-big .info,
  .focus-half-big .thumb {
    -webkit-box-flex: 50%;
    -webkit-flex: 50%;
    -moz-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .focus-half-big .thumb {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media screen and (min-width: 768px) {
  .focus-half-big {
    margin: 6rem auto;
  }
}
@media screen and (max-width: calc(768px - 1px)) {
  .focus-half-big .thumb img {
    max-width: 200px;
  }
}

.newsletter {
  opacity: 0;
  -webkit-animation: fadeIn ease-in-out 1 forwards;
  -moz-animation: fadeIn ease-in-out 1 forwards;
  animation: fadeIn ease-in-out 1 forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
  padding: 2rem 1rem;
  text-align: center;
  position: fixed;
  bottom: 3vh;
  right: 0.5rem;
  left: 0;
  top: auto;
  margin: auto;
  z-index: -1;
  height: auto;
  max-height: 90vh;
  overflow: hidden;
  background: url(../images/svg/svg-border-newsletter.svg) center center no-repeat;
  background-size: 100% 100%;
  max-height: 85vh;
  overflow: auto;
  padding-bottom: 2rem;
  left: auto;
  right: 5%;
  max-width: -webkit-calc(90%);
  max-width: -moz-calc(90%);
  max-width: calc(90%);
}
@keyframes fadeIn {
  from {
    opacity: 0;
    z-index: 100;
  }
  to {
    opacity: 1;
    z-index: 100;
  }
}
.newsletter fieldset {
  margin-bottom: 0;
  margin-top: 1rem;
  width: 100%;
}
.newsletter .hidden-first {
  display: none;
}
.newsletter .content {
  width: 100%;
  max-width: 480px;
  height: 100%;
}
.newsletter form {
  width: 100%;
}
.newsletter .subtitle {
  margin-top: .5rem;
  line-height: 1.2;
}
@media screen and (max-width: calc(768px - 1px)) {
  .newsletter .subtitle {
    font-size: 1rem;
  }
}
.newsletter .close {
  position: absolute;
  top: 0.6rem;
  right: .6rem;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.newsletter .close svg {
  width: 100%;
}
.newsletter .input-wrapper {
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.newsletter .input-wrapper:after {
  content: " ";
  background: url(../images/svg/line-form.svg) center center no-repeat;
  background-size: 500px;
  display: block;
  width: 100%;
  height: 1rem;
  position: absolute;
  bottom: 0;
  left: 0px;
}
.newsletter .input-wrapper .input-name {
  display: inline-block;
  width: 4rem;
  font-size: 1.2rem;
  color: #808080;
  text-align: left;
}
.newsletter .input-wrapper input {
  display: inline-block;
  width: -webkit-calc(100% - 5rem);
  width: -moz-calc(100% - 5rem);
  width: calc(100% - 5rem);
  border: none;
  margin-bottom: 0;
}
.newsletter .input-wrapper label {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.newsletter .input-wrapper:nth-child(2n):after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.newsletter input, .newsletter label, .newsletter legend {
  text-align: left;
  font-size: 1rem;
}
.newsletter label, .newsletter legend {
  font-family: inherit;
  text-transform: none;
  font-weight: normal;
  display: inline-block;
  margin-bottom: 0;
  color: #808080;
}
.newsletter input {
  display: block;
  border: 0px;
  outline: none;
  width: 100%;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  background: transparent;
  padding: 0;
  font-family: "AcquaDiParma Light";
  color: #1A1A1A;
}
.newsletter .checkboxes {
  margin: 1rem auto 0 auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.newsletter .checkboxes .checkbox {
  margin-bottom: 1rem;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.newsletter .checkboxes .checkbox input {
  width: 20px;
  height: 20px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.newsletter .checkboxes .checkbox label {
  margin-left: 0.875rem;
  padding-left: 24px;
  line-height: 1.2;
  font-size: 1rem;
}
.newsletter .checkboxes .checkbox input[type="checkbox"] + label:before {
  top: 0;
}
.newsletter input#privacy {
  position: relative;
  margin-top: 5px;
}
.newsletter input#privacy:after {
  content: '';
  position: absolute;
  left: 0;
  top: -5px;
  height: 16px;
  width: 16px;
  margin-top: 4px;
  border: 2px solid #cccccc;
  background: #fff;
  cursor: pointer;
}
.newsletter input#privacy:checked:after {
  background: #fff url(../images/svg/check.svg) no-repeat center;
  background-size: 12px;
}
.newsletter button {
  display: block;
  margin: 1rem auto 0 auto;
  text-align: center;
}
.newsletter .has-error label, .newsletter .has-error span {
  color: red;
}
@media screen and (min-width: 640px) {
  .newsletter .input-wrapper {
    margin-bottom: 1rem;
  }
  .newsletter input, .newsletter label, .newsletter legend {
    text-align: left;
    font-size: 1.25rem;
  }
  .newsletter h3 {
    margin: auto;
    max-width: 300px;
  }
  .newsletter .content {
    padding: 2rem 2rem;
  }
  .newsletter .close {
    width: 3rem;
    height: 3rem;
    top: 1rem;
    right: 1rem;
  }
  .newsletter button {
    margin: 1rem auto;
    margin-bottom: 0;
  }
}
.newsletter.boxed, .newsletter.boxed-left, .newsletter.boxed-left {
  width: auto !important;
}
@media screen and (min-width: 1600px) {
  .newsletter {
    right: -webkit-calc((100% - 1400px)/2);
    right: -moz-calc((100% - 1400px)/2);
    right: calc((100% - 1400px)/2);
  }
}

.homepage .cat-scrollable {
  margin-top: 0;
}
.homepage .focus-3-col {
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .homepage .focus-side > .thumb {
    max-height: 80vh;
  }
}
.homepage .focus-side.left-side {
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .homepage .focus-side.left-side {
    margin-top: 4rem;
  }
}
.homepage .focus-side.right-side {
  margin-top: 0;
}
@media screen and (min-width: 1024px) {
  .homepage .focus-side.right-side {
    margin-top: 4rem;
  }
  .homepage .focus-side.right-side .info {
    padding-top: 0;
  }
}
@media screen and (min-width: 640px) {
  .homepage .focus-side.left-side, .homepage .focus-side.right-side {
    margin: 0 auto 2rem auto;
  }
}
.homepage .focus-square-big {
  width: 100%;
}
.homepage .focus-1-4 {
  margin-top: 0rem;
  padding-top: 0;
}
@media (min-width: 1200px) {
  .homepage section {
    margin: 0rem auto;
  }
}
.homepage .scroll-container .scroll-item.product-item {
  padding: 0 .5rem;
  margin-bottom: 1rem;
}
.homepage .focus-3-col .scroll-container {
  width: 100%;
}
.homepage .focus-3-col .scroll-container .scroll-wrapper {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media (min-width: 640px) {
  .homepage .scroll-container .scroll-item.product-item {
    width: auto;
    -webkit-flex-basis: 33%;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
  }
  .homepage .scroll-container .scroll-item.product-item:last-child {
    margin-right: 0;
    padding-right: 0;
  }
  .homepage .focus-categories .scroll-wrapper .scroll-item, .homepage .focus-3-col .scroll-wrapper .scroll-item {
    max-width: 33%;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .homepage .scroll-container .scroll-item.product-item img {
    width: auto;
    max-width: 300px;
  }
}

.cart {
  width: 100%;
  padding: 3rem 0 0 0;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/cart-backdrop.jpg) no-repeat center top;
  /*login inline code*/
  /*end login inline code*/
  /* checkout inline code */
  /* end checkout inline code */
}
.cart h4 {
  letter-spacing: 1px;
}
.cart.login, .cart.checkout {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .cart {
    padding-top: 102px;
  }
  .cart.login, .cart.checkout {
    padding-top: 0;
  }
}
.cart .cart-content {
  position: relative;
  z-index: 1;
}
.cart .lost_password a {
  font-size: 0.85rem;
}
.cart .closing {
  text-align: center;
}
.cart .back-to-shopping {
  font-family: "AcquaDiParma";
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.cart .back-to-shopping span, .cart .back-to-shopping svg {
  display: inline-block;
  vertical-align: middle;
  max-width: -webkit-calc(100% - 1rem);
  max-width: -moz-calc(100% - 1rem);
  max-width: calc(100% - 1rem);
  font-size: 0.7rem;
}
.cart .back-to-shopping svg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 1rem;
  margin-right: 0.4rem;
  margin-top: -0.2rem;
}
.cart .button-yellow {
  margin-top: 2rem;
}
.cart .product-item .button-yellow {
  margin-top: 0;
}
.cart .medium-title {
  margin-bottom: 0;
}
.cart .small-title {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .cart .heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .cart .heading a, .cart .heading span {
    -webkit-flex-basis: 35%;
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
  }
  .cart .heading .medium-title {
    -webkit-flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    text-align: center;
  }
  .cart .heading .button-yellow {
    float: right;
  }
  .cart .heading .back-to-shopping {
    text-align: left;
  }
  .cart .heading .button-yellow {
    margin-top: 0;
  }
}
@media screen and (max-width: calc(768px - 1px)) {
  .cart .closing {
    position: relative;
    height: 6rem;
    max-width: 400px;
    margin: 2rem auto;
  }
  .cart .closing .back-to-shopping {
    position: absolute;
    top: 3rem;
    left: 0;
    right: 0;
  }
  .cart .closing .button-yellow {
    /* position: absolute;
    top:0;
    left:1rem;
    right:1rem; */
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .cart .closing {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .cart .closing a, .cart .closing span {
    -webkit-flex-basis: 35%;
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
  }
  .cart .closing .button-yellow {
    float: right;
    margin-top: 0;
    font-size: 0.9rem;
  }
  .cart .closing .back-to-shopping {
    text-align: left;
  }
}
@media screen and (min-width: 1024px) {
  .cart .closing a, .cart .closing span {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
  }
  .cart .closing .button-yellow {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .cart .closing {
    /*  a,span
    {
    flex-basis:32%;
} */
  }
  .cart .closing .button-yellow {
    font-size: 1.2rem;
  }
}
.cart .cart-content {
  background: #ffffff;
  padding: 2rem 1rem 1rem 1rem;
  width: -webkit-calc(100% - 2rem);
  width: -moz-calc(100% - 2rem);
  width: calc(100% - 2rem);
  margin: 0 auto;
  margin-top: -1rem;
}
@media (max-width: 767px) {
  .cart .cart-content {
    width: 100%;
    padding: 2rem 0 1rem 0;
  }
  .cart .cart-content.bordered {
    -webkit-mask-box-image: none;
  }
}
.cart .cart-product {
  text-align: left;
  padding: 1rem;
  border-top: 1px solid #cccccc;
}
.cart .cart-product:nth-child(2) {
  border-top: 2px solid #808080;
}
.cart .cart-product.row-cart {
  text-align: center;
}
.cart .cart-product.list-heading {
  border-top: 0;
}
@media (min-width: 768px) {
  .cart .cart-product.list-heading {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.cart .cart-product.partial {
  padding-top: 1.5rem;
  border-top: 2px solid #808080;
}
.cart .left-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
}
.cart .left-box:empty {
  margin: 0;
}
.cart .right-box {
  margin-bottom: 1rem;
  position: relative;
}
.cart .info {
  position: relative;
  -webkit-flex-basis: -webkit-calc(100% - 107px);
  -ms-flex-preferred-size: calc(100% - 107px);
  flex-basis: -moz-calc(100% - 107px);
  flex-basis: calc(100% - 107px);
  max-width: -webkit-calc(100% - 107px);
  max-width: -moz-calc(100% - 107px);
  max-width: calc(100% - 107px);
}
.cart .info strong {
  font-family: "AcquaDiParma";
}
.cart .info p {
  margin-bottom: 0;
  font-size: 0.9rem;
}
@media (max-width: 479px) {
  .cart .info {
    -webkit-flex-basis: -webkit-calc(100% - 85px);
    -ms-flex-preferred-size: calc(100% - 85px);
    flex-basis: -moz-calc(100% - 85px);
    flex-basis: calc(100% - 85px);
    max-width: -webkit-calc(100% - 85px);
    max-width: -moz-calc(100% - 85px);
    max-width: calc(100% - 85px);
  }
}
.cart .small-title {
  margin-bottom: 0;
}
.cart .thumb {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 25px;
  -webkit-flex-basis: 82px;
  -ms-flex-preferred-size: 82px;
  flex-basis: 82px;
  text-align: center;
}
.cart .thumb img {
  max-width: 82px;
}
@media (max-width: 479px) {
  .cart .thumb {
    margin-right: 15px;
    -webkit-flex-basis: 70px;
    -ms-flex-preferred-size: 70px;
    flex-basis: 70px;
  }
  .cart .thumb img {
    max-width: 70px;
  }
}
.cart .price {
  margin-top: 0.4rem;
}
.cart .list-heading {
  display: none;
}
.cart .list-heading .info {
  padding-left: 25px;
}
.cart .list-heading,
.cart .list-heading * {
  color: #808080;
  font-size: 0.9rem !important;
  text-transform: uppercase;
  font-family: "AcquaDiParma";
}
.cart .product:not(.list-heading) .subtotal {
  font-family: "AcquaDiParma";
}
.cart .price,
.cart .quantity,
.cart .total,
.cart .customization-row {
  margin-bottom: 0.2rem;
  position: relative;
}
.cart .price,
.cart .quantity,
.cart .subtotal,
.cart .customization-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.cart .price span:first-child,
.cart .quantity span:first-child,
.cart .subtotal span:first-child,
.cart .customization-row span:first-child {
  color: #808080;
  text-transform: uppercase;
  width: 107px;
  display: block;
  word-break: break-all;
}
@media (max-width: 479px) {
  .cart .price span:first-child,
  .cart .quantity span:first-child,
  .cart .subtotal span:first-child,
  .cart .customization-row span:first-child {
    width: 85px;
    font-size: .9rem;
    line-height: 1.4;
  }
}
@media (min-width: 768px) {
  .cart .price span:first-child,
  .cart .quantity span:first-child,
  .cart .subtotal span:first-child,
  .cart .customization-row span:first-child {
    display: none;
  }
}
.cart .price span:last-child,
.cart .quantity span:last-child,
.cart .subtotal span:last-child,
.cart .customization-row span:last-child {
  margin-right: 25px;
}
.cart .subtotal span:last-child {
  margin-right: 0;
}
.cart .row-cart {
    /*  .price,
    .quantity,
    .subtotal{
    padding-right: 1rem;
} */
}
.cart .row-cart .right-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 1rem;
}
@media (max-width: 767px) {
  .cart .row-cart .right-box {
    margin: .5rem 0;
  }
}
.cart .row-cart .value {
  margin-left: 1rem;
}
.cart .minus {
  width: 22px;
  max-width: 22px;
  height: 22px;
  display: inline-block;
  color: #ffb500;
  border: 2px solid #ffb500;
  border-radius: 50%;
  line-height: 0;
  position: relative;
  padding: 0;
  margin: 0 8px 0 0;
}
.cart .minus:before {
  content: " ";
  position: absolute;
  width: 70%;
  height: 2px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #ffb500;
}
.cart .plus, .cart .cross {
  width: 22px;
  max-width: 22px;
  height: 22px;
  display: inline-block;
  color: #ffb500;
  border: 2px solid #ffb500;
  border-radius: 50%;
  line-height: 0;
  position: relative;
  padding: 0;
  margin: 0 0 0 8px;
}
.cart .plus:before, .cart .cross:before {
  content: " ";
  position: absolute;
  width: 70%;
  margin: auto;
  height: 2px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #ffb500;
}
.cart .plus:after, .cart .cross:after {
  content: " ";
  position: absolute;
  height: 70%;
  width: 2px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #ffb500;
}
.cart .cross {
  color: #cccccc;
  border: 2px solid #cccccc;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0 0 0 .5rem;
  position: absolute;
  right: 1rem;
  bottom: 0;
}
.cart .cross:before {
  background: #cccccc;
}
.cart .cross:after {
  background: #cccccc;
}
.cart .right-box .remove {
  text-decoration: underline;
  position: absolute;
  right: -16px;
  font-family: "AcquaDiParma";
  color: #808080;
  font-size: 1rem;
  line-height: 1;
  padding: 0;
}
@media (max-width: 767px) {
  .cart .right-box .remove {
    bottom: -25px;
    right: -23px;
  }
}
@media (min-width: 768px) {
  .cart .right-box .remove {
    line-height: 20px;
  }
}
.cart .edit {
  font-weight: bold;
  text-decoration: underline;
}
.cart .edit.mobile-only {
  display: block;
  margin: .5rem 0 0 107px;
}
@media (min-width: 768px) {
  .cart .edit.mobile-only {
    display: none;
  }
}
.cart .listing {
  margin-bottom: 1rem;
  padding: 0 10px;
}
.cart .row-cart {
  font-family: "AcquaDiParma";
  font-size: 0.9rem;
  border: 0;
  padding: 0;
  margin: 0;
}
.cart .row-cart:first-child {
  border-bottom: 2px solid #808080;
}
.cart .row-cart:last-child {
  border-bottom: 0;
}
.cart .row-cart .title {
  text-transform: uppercase;
}
.cart .row-cart.total {
  margin-top: 1rem;
  padding: .6rem 0;
  font-size: 1.1rem;
  background: #eeeeee;
}
.cart .heading, .cart .closing {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px;
}
.cart .closing {
  margin-top: 2rem;
}
.cart .login-guest {
  display: block;
}
.cart .login-guest > div {
  text-align: center;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .cart .login-guest {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cart .login-guest > div {
    -webkit-flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%;
  }
}
@media screen and (min-width: 1024px) {
  .cart .login-guest > div {
    -webkit-flex-basis: 35%;
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
    max-width: 35%;
  }
}
@media screen and (min-width: 1400px) {
  .cart .login-guest > div {
    -webkit-flex-basis: 32%;
    -ms-flex-preferred-size: 32%;
    flex-basis: 32%;
    max-width: 32%;
  }
}
.cart .login-guest p {
  color: #808080;
  margin: .5rem 0 1.5rem 0;
}
.cart .cart .login-guest .button-yellow {
  margin-top: 0;
}
.cart .font-adp {
  font-family: "AcquaDiParma";
  color: #1A1A1A;
}
.cart.checkout .block-1, .cart.checkout .billing h3, .cart.checkout .summary h3 {
  border-bottom: 1px solid #ccc;
  padding: 1rem 0;
  margin-bottom: 1rem;
}
.cart.checkout .login-guest p {
  color: #808080;
  margin: .5rem 0 1.5rem 0;
}
.cart.checkout .cart .login-guest .button-yellow {
  margin-top: 0;
}
.cart.checkout .login-guest form label, .cart.checkout .billing form label {
  font-family: "AcquaDiParma";
  text-transform: uppercase;
  font-weight: bold;
  font-size: .75rem;
  display: block;
  margin-bottom: .25rem;
}
.cart.checkout .billing form input[type="text"], .cart.checkout .billing form input[type="email"], .cart.checkout .billing form input[type="password"], .cart.checkout select {
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 1rem;
  width: -webkit-calc(100% - 10px);
  width: -moz-calc(100% - 10px);
  width: calc(100% - 10px);
  height: 35px;
  padding: 0 5px;
}
.cart.checkout select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(dist/images/arrow.svg);
  background-repeat: no-repeat;
  background-position: 98% 15px;
  height: 42px;
  background-color: #FFF;
}
.cart.checkout .font-adp {
  font-family: "AcquaDiParma";
  color: #1A1A1A;
}
.cart.checkout .inline-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cart.checkout .inline-field.left-align {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.cart.checkout .inline-field.left-align .form-field {
  margin-right: 4%;
}
.cart.checkout .field-xs {
  width: 15%;
}
.cart.checkout .field-sm {
  width: 35%;
}
.cart.checkout .field-md {
  width: 48%;
}
.cart.checkout .checkbox-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
}
.cart.checkout .checkbox-field input[type=checkbox] {
  margin-right: 12px;
}
.cart.checkout .checkbox-field label {
  position: relative;
}
.cart.checkout .checkbox-field label:before {
  content: '';
  position: absolute;
  top: -5px;
  left: -27px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.cart.checkout .checkbox-field input[type=checkbox]:checked + label:before {
  content: '';
  background: #fff url(dist/images/check.svg) no-repeat 50%;
  background-size: 75%;
}
.cart.checkout .billing .checkbox-field label {
  text-transform: none;
  color: #808080;
}
.cart.checkout .quantity,
.cart.checkout .subtotal {
  display: inline-block;
  max-width: 50%;
}
.cart.checkout img {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .cart .cart-product {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    padding: 1.6rem 1rem;
  }
  .cart .row-cart {
    padding: 1rem 0 0 0;
  }
  .cart .list-heading {
    padding: 1rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cart .left-box {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 45%;
    -webkit-flex: 45%;
    -moz-box-flex: 45%;
    -ms-flex: 45%;
    flex: 45%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    margin-bottom: 0;
  }
  .cart .thumb {
    -webkit-flex-basis: 82px;
    -ms-flex-preferred-size: 82px;
    flex-basis: 82px;
    text-align: center;
  }
  .cart .small-title {
    margin-top: 0;
  }
  .cart .info {
    -webkit-flex-basis: 80%;
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
  }
  .cart .right-box {
    position: relative;
    -webkit-box-flex: 50%;
    -webkit-flex: 50%;
    -moz-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    padding-right: 3%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
  }
  .cart .right-box > * {
    -webkit-flex-basis: 33.3%;
    -ms-flex-preferred-size: 33.3%;
    flex-basis: 33.3%;
    text-align: center;
  }
  .cart .right-box .subtotal > strong {
    vertical-align: top;
  }
  .cart .cross {
    top: 0.15rem;
    right: 0;
  }
  .cart .left-box .info,
  .cart .right-box * {
    margin-top: 0;
  }
  .cart .billing-summary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 90%;
    margin: auto;
  }
  .cart .billing {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .cart .summary {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%;
  }
}
@media screen and (min-width: 1024px) {
  .cart .cart-content {
    padding: 4rem 4rem 4rem 4rem;
    width: -webkit-calc(100% - 8rem);
    width: -moz-calc(100% - 8rem);
    width: calc(100% - 8rem);
  }
}
@media screen and (min-width: 1200px) {
  .cart .left-box {
    -webkit-box-flex: 50%;
    -webkit-flex: 50%;
    -moz-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
  }
  .cart .right-box {
    -webkit-box-flex: 50%;
    -webkit-flex: 50%;
    -moz-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
  }
  .cart .price,
  .cart .quantity,
  .cart .subtotal {
    font-size: 1.2rem;
  }
  .cart .small-title {
    font-size: 1.1rem;
  }
  .cart .title, .cart .value {
    font-size: 0.9rem;
    letter-spacing: 1px;
  }
  .cart .total .title,
  .cart .total .value {
    font-size: 1.2rem;
    padding: 0.7rem 0 0.5rem 0;
  }
}

.cart-choose {
  padding: 2rem 0;
  border-bottom: 1px solid #cccccc;
}
.cart-choose.choose-pouch {
  border-top: 1px solid #cccccc;
  border-bottom: none;
}
.cart-choose .edit {
  margin-left: 0;
}
.cart-choose.blackFriday {
  /* background-image: url(../images/bf-bg.png), url(../images/bf-bg.png);
  background-repeat: repeat-x;
  background-position: top left, bottom right; */
  background: url(../images/bg-bf.jpg) no-repeat center;
  background-size: cover;
  padding: 2rem 0 0 0;
  border-bottom: 0;
  margin-bottom: 2rem;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.cart-choose.blackFriday:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
@media (min-width: 768px) {
  .cart-choose.blackFriday {
    padding: 2rem 0 1rem 0;
  }
}

.cart-choose__header, .cart-mono__header {
  text-align: center;
}
.cart-choose__header p, .cart-mono__header p {
  margin-top: .5rem;
}

.blackFriday .cart-choose__header {
  position: relative;
}
.blackFriday .cart-choose__header h2 {
  color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  max-width: 35ch;
}
@media (min-width: 768px) {
  .blackFriday .cart-choose__header h2 {
    font-size: 2rem;
  }
}
.blackFriday .cart-choose__header p {
  text-transform: uppercase;
  color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  max-width: 50ch;
}

.cart-mono__header p {
  font-family: "AcquaDiParma";
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  max-width: 50ch;
}
@media (min-width: 768px) {
  .cart-mono__header h2 {
    font-size: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 35ch;
  }
}

.cart-choose__footer {
  position: relative;
}
.blackFriday .cart-choose__footer {
  margin-bottom: 1rem;
  margin-top: 1rem;
  padding-bottom: 1rem;
}
@media (min-width: 768px) {
  .blackFriday .cart-choose__footer {
    margin-top: 0;
    padding-bottom: 0;
  }
}
.blackFriday .cart-choose__footer button {
  color: #ffffff;
}

.cart-choose__footer, .cart-checkSample__footer, .cart-mono__footer {
  text-align: center;
}
.cart-choose__footer button, .cart-checkSample__footer button, .cart-mono__footer button {
  font-family: "AcquaDiParma";
  font-size: 12px;
  text-transform: uppercase;
}

.cart-choose__body {
  overflow: hidden;
}
.cart-choose__body .product-list {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 1vw;
  margin-top: 1rem;
    /* @media(min-width:640px) and (max-width:767px){
    padding: 0 15vw;
} */
}
@media (min-width: 1200px) {
  .cart-choose__body .product-list {
    padding: 1rem 7vw 0 7vw;
  }
}
.cart-choose__body .product-list .product-item {
  max-width: 50%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-basis: -webkit-calc(50% - 10px);
  -ms-flex-preferred-size: calc(50% - 10px);
  flex-basis: -moz-calc(50% - 10px);
  flex-basis: calc(50% - 10px);
  max-width: -webkit-calc(50% - 10px);
  max-width: -moz-calc(50% - 10px);
  max-width: calc(50% - 10px);
  padding: 15px;
  background-color: #ffffff;
  border-radius: 10px;
  margin: 0 5px 1rem 5px;
}
.blackFriday .cart-choose__body .product-list .product-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cart-choose__body .product-list .product-item .product-item__txt {
  margin: 0;
  text-align: left;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.blackFriday .cart-choose__body .product-list .product-item .product-item__txt {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.cart-choose__body .product-list .product-item .product-item__img {
  padding: 0 .5rem;
  margin: 0;
}
.blackFriday .cart-choose__body .product-list .product-item .product-item__img {
  margin: 0 auto .5rem auto;
  max-width: 100%;
}
.cart-choose__body .small-subtitle {
  font-family: "AcquaDiParma Light";
}
.cart-choose__body .cart-product, .cart-choose__body .cart-product:nth-child(2) {
  border: none;
}
.cart-choose__body span.button-yellow {
  margin-top: 0;
  font-size: 0.65rem;
}
.cart-choose__body span.discount {
  color: #808080;
  text-decoration: line-through;
  margin-right: .5rem;
}
.cart-choose__body .right-box span:last-child.discount {
  margin: 0 0 0 .5rem;
}

@media (max-width: 767px) {
  .cart-checkSample__body, .cart-checkSample__footer, .cart-mono__body, .cart-mono__footer {
    display: none;
  }

    /* .product-list{
    margin-top: 2rem;
} */
  .product-title {
    margin-bottom: 0;
  }
}
@media (min-width: 640px) {
  .cart-choose__body .product-list {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: -10px;
  }
  .cart-choose__body .product-list .product-item {
    -webkit-flex-basis: -webkit-calc(25% - 20px);
    -ms-flex-preferred-size: calc(25% - 20px);
    flex-basis: -moz-calc(25% - 20px);
    flex-basis: calc(25% - 20px);
    max-width: -webkit-calc(25% - 20px);
    max-width: -moz-calc(25% - 20px);
    max-width: calc(25% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
  }
  .cart-choose__body .product-list .product-title {
    font-size: 1rem;
  }

    /*  .product-list .product-item:nth-last-child(n+6):nth-last-child(-n+6):first-child, .product-list .product-item:nth-last-child(n+6):nth-last-child(-n+6):first-child ~ article { 
    flex-basis: 33%;

} */
}
@media (min-width: 768px) {
  .cart-choose__body .product-list {
    margin-top: 0;
    margin-bottom: 1rem;
  }
}
.cart-product.choose-product {
  padding: 1rem;
  border-bottom: 1px solid #cccccc;
}
@media (min-width: 768px) {
  .cart-product.choose-product {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }
}

/* .cart-product.choose-product:not(is-visible){
width: 0; 
height: 0;
opacity: 0;
padding: 0 1rem;

transition: opacity .3s ease-out, width .1s ease-out .3s, height .1s ease-out .3s, padding .1s ease-out .3s, min-height .1s ease-out .3s;
z-index: -1;

min-height: inherit;

.left-box, .right-box{
margin-bottom: 0;
transition:all .1s ease-out .3s;
}
} 
.cart-product.choose-product.is-visible{
opacity: 1;

transition:opacity .6s ease-in .6s, width .1s ease-in .3s, height .1s ease-in .3s, min-height .1s ease-in .3s;
width: 100%;
height: 100%;
z-index: 0;
position: relative;
//min-height: 100px;


.left-box, .right-box{
margin-bottom: .5rem;
transition:all .1s ease-in .3s;
}
}
*/
/* .product-list, .cart-choose__header, .cart-choose__footer{
opacity: 1;
transition:opacity .6s ease-in .6s, width .1s ease-in .3s, height .1s ease-in .3s, padding .1s ease-in .3s, margin .1s ease-in .3s;
width: 100%;
height: 100%;

&.is-hidden{
width: 0; 
height: 0;
opacity: 0;
padding: 0;
margin: 0;
transition: opacity .3s ease-out, width .1s ease-out .3s, height .1s ease-out .3s, padding .1s ease-out .3s, margin .1s ease-out .3s;
position: relative;
z-index: -1;
}
} */
.cart-choose__header .button-yellow, .cart-checkSample__header .button-yellow, .cart-mono__header .button-yellow {
  margin-top: 0rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .cart-choose__header .button-yellow, .cart-checkSample__header .button-yellow, .cart-mono__header .button-yellow {
    display: none;
  }
}

.cart-mono__header .button-yellow, .choose-pouch .cart-choose__header .button-yellow {
  margin-bottom: 0;
}

.cart-checkSample {
  padding: 2rem 0;
  border-top: 1px solid #cccccc;
}
.cart-checkSample h5 {
  letter-spacing: 0px;
  font-size: .8rem;
}

.cart-checkSample__header {
  text-align: center;
}
.cart-checkSample__header .button-yellow {
  margin-top: 1rem;
  margin-bottom: 0;
}

.cart-checkSample__footer, .cart-mono__footer {
  margin-top: 2rem;
}

.checkSample-products-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 3rem 3vw 0 3vw;
}
.checkSample-products-list article {
  max-width: 225px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 50%;
  -moz-box-flex: 1;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
  padding: 0 .5rem 2rem .5rem;
}
.checkSample-products-list label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.checkSample-products-list input[type=checkbox] {
  width: 20px;
  height: 20px;
  margin-left: 0;
  margin-bottom: .5rem;
  position: relative;
}
.checkSample-products-list .text {
  position: relative;
}
.checkSample-products-list h5:before {
  content: '';
  width: 18px;
  height: 18px;
  border: 2px solid #cccccc;
  border-radius: 4px;
  background: white;
  position: absolute;
  top: 0;
  left: 0;
}
.checkSample-products-list input[type=checkbox]:checked + h5:before {
  background: #ffb500 url(../images/check.svg) no-repeat 50%;
  background-position: 50%;
  background-repeat: no-repeat;
  border-color: #ffb500;
  background-size: 12px;
}
@media (min-width: 768px) {
  .checkSample-products-list article {
    -webkit-flex-basis: 33%;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
  }
}
@media (min-width: 1024px) {
  .checkSample-products-list article {
    -webkit-flex-basis: 33%;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    max-width: 270px;
  }
  .checkSample-products-list label {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .checkSample-products-list {
    padding-left: 3vw;
  }
}

.checkSample-products-add {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.checkSample-products-add span {
  position: absolute;
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-family: "AcquaDiParma";
  font-size: 14px;
  color: red;
}

.checkSample-products-add {
  margin-top: -1.5rem;
}
.checkSample-products-add .button, .checkSample-products-add .button-big, .checkSample-products-add .button-small, .checkSample-products-add .button-yellow, .checkSample-products-add .button-gray, .checkSample-products-add .button-white, .checkSample-products-add .button-wishlist, .checkSample-products-add .button-black, .checkSample-products-add .dropdown-box {
  margin-top: 1.5rem;
}

.cart-checkedSample .left-box {
  position: relative;
  margin-bottom: 0;
}

.cart-checkedSample .info > span:first-child {
  font-size: 1rem;
  font-family: "AcquaDiParma";
  color: #1A1A1A;
  text-transform: uppercase;
}
.cart-checkedSample .info li {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: .5rem 0;
}
.cart-checkedSample .info li span:first-child {
  font-size: .75rem;
  color: #4d4d4d;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.cart-checkedSample .info li .sample-name, .cart-checkedSample .info li .sample-name-sel {
  font-size: .75rem;
  margin-left: 1rem;
}
.cart-checkedSample .info li .sample-name {
  color: #4d4d4d;
}
.cart-checkedSample .info li .sample-name-sel {
  font-family: "AcquaDiParma";
  color: #1A1A1A;
  text-transform: uppercase;
}
.cart-checkedSample .info .edit.mobile-only {
  margin: .5rem 0 0 87px;
}
@media (max-width: 767px) {
  .cart-checkedSample .info {
    padding-left: 0;
  }
}

.check-error {
  font-size: 10px;
  position: absolute;
  left: 27px;
  line-height: 1;
  top: 2px;
  color: red;
}

/* Monogram*/
.cart-mono {
  padding: 2rem 0 1rem 0;
  margin-bottom: 1rem;
  border-top: 1px solid #cccccc;
}
@media (min-width: 768px) {
  .cart-mono {
    padding: 2rem 0;
    margin-bottom: 0;
  }
}

.cart-mono__header {
  text-align: center;
}

.cart-mono__body > div:not(.mono-product) {
  margin: 0 10vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cart-mono__body > div:not(.mono-product) img {
  margin-bottom: 1rem;
}
@media (min-width: 640px) {
  .cart-mono__body > div:not(.mono-product) {
    margin: 2rem 0 0 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .cart-mono__body > div:not(.mono-product) img {
    margin-bottom: 0;
    margin-right: 2rem;
  }
}
.cart-mono__body .mono-ms {
  font-family: "AcquaDiParma";
  text-transform: uppercase;
}

.cart .cart-mono__body .cart-product:nth-child(2) {
  border: none;
}

.monogram {
  position: relative;
}
.monogram fieldset {
  position: relative;
  margin: 10px 0;
}
.monogram fieldset label {
  text-align: center;
  margin-bottom: .5rem;
}
.monogram fieldset div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.monogram fieldset div input {
  width: 40px;
  margin-right: 10px;
  text-transform: uppercase;
  text-align: center;
  font-family: "AcquaDiParma";
  border-color: #ffb500;
}
.monogram fieldset div input.is-filled {
  background-color: #ffb500;
}
.monogram fieldset div input:last-child {
  margin-right: 0;
}
.monogram fieldset div input::-moz-selection {
  background: #1A1A1A;
  color: #ffb500;
}
.monogram fieldset div input::selection {
  background: #1A1A1A;
  color: #ffb500;
}
.monogram fieldset div input::-moz-selection {
  background: #1A1A1A;
  color: #ffb500;
}
.monogram > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2rem;
}
.monogram input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  margin-top: 0;
}
.monogram .button-heart {
  padding: 0;
}
.monogram .monogram-error, .monogram .monogram-errors {
  position: absolute;
  top: 67px;
  font-size: 12px;
}
.monogram .monogram-errors {
  color: #4d4d4d;
}
.monogram .monogram-errors.is-red {
  color: red;
}
@media (max-width: 639px) {
  .monogram .monogram-errors {
    display: block;
    width: 100vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    line-height: 1;
    top: 70px;
  }
}
@media (min-width: 640px) {
  .monogram .monogram-errors {
    width: 400px;
  }
}
.monogram .monogram-error {
  color: red;
}
.monogram .monogram-empty-error {
  position: absolute;
  bottom: -20px;
  font-size: 12px;
  right: 0;
  color: red;
}

.tabs .monogram fieldset div input {
  text-transform: none;
}

/* Cart custom properties */
.lid-customization, .bottle-customization {
  display: none;
  font-size: 0.9rem;
}
.lid-customization span, .bottle-customization span {
  font-family: "AcquaDiParma";
  margin-right: .5rem;
}
.lid-customization p, .bottle-customization p {
  display: inline-block;
}
@media (min-width: 768px) {
  .lid-customization, .bottle-customization {
    /* position: absolute;
    bottom: 0; */
  }
  .lid-customization.is-visible, .bottle-customization.is-visible {
    display: block;
  }
}

.customization-price, .customization-quantity, .customization-subtotal {
  display: none;
}
@media (min-width: 768px) {
  .customization-price, .customization-quantity, .customization-subtotal {
    position: absolute;
    bottom: 0;
  }
  .customization-price.is-visible, .customization-quantity.is-visible, .customization-subtotal.is-visible {
    display: block;
  }
}

.customization-quantity {
  left: 30px;
  line-height: 1;
}

@media (min-width: 768px) {
  .cart .customization-row {
    display: none;
  }
}

.cart .left-box {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cart .left-box .editable-mono {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  display: none;
}
.cart .left-box .cart-mono__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.cart .left-box .cart-mono__body > div {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 20px auto 0 auto;
  max-width: 200px;
}
.cart .left-box .cart-mono__footer {
  display: block;
  margin-top: .5rem;
  text-align: left;
  margin-top: 0;
}
.cart .left-box .cart-mono__footer button {
  padding: 0 0 0 1rem;
  white-space: nowrap;
  color: #808080;
  text-transform: none;
  text-decoration: underline;
  font-size: 14px;
}
@media (min-width: 768px) {
  .cart .left-box .cart-mono__body > div {
    margin: 0 0 0 107px;
  }
  .cart .left-box .info {
    -webkit-flex-basis: -webkit-calc(100% - 107px);
    -ms-flex-preferred-size: calc(100% - 107px);
    flex-basis: -moz-calc(100% - 107px);
    flex-basis: calc(100% - 107px);
    max-width: -webkit-calc(100% - 107px);
    max-width: -moz-calc(100% - 107px);
    max-width: calc(100% - 107px);
  }
}

.editable-bottle label {
  text-align: left;
}
.editable-bottle input[type="text"] {
  width: 200px;
  text-align: left;
}

.editable-mono .monogram fieldset div input {
  text-transform: none;
}

.cart .wrap-cart-info {
  -webkit-flex-basis: -webkit-calc(100% - 107px);
  -ms-flex-preferred-size: calc(100% - 107px);
  flex-basis: -moz-calc(100% - 107px);
  flex-basis: calc(100% - 107px);
  max-width: -webkit-calc(100% - 107px);
  max-width: -moz-calc(100% - 107px);
  max-width: calc(100% - 107px);
}
.cart .wrap-cart-info .info {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}
@media (max-width: 479px) {
  .cart .wrap-cart-info {
    -webkit-flex-basis: -webkit-calc(100% - 85px);
    -ms-flex-preferred-size: calc(100% - 85px);
    flex-basis: -moz-calc(100% - 85px);
    flex-basis: calc(100% - 85px);
    max-width: -webkit-calc(100% - 85px);
    max-width: -moz-calc(100% - 85px);
    max-width: calc(100% - 85px);
  }
}

.info .remove {
  position: relative;
  color: #808080;
  font-size: inherit;
  font-family: "AcquaDiParma";
  text-decoration: underline;
  padding-left: 0;
}

.info .edit {
  position: relative;
  margin-right: 4px;
}

.left-box .tabs {
  display: none;
  margin: 1rem 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.left-box .tabs h5 {
  letter-spacing: 0;
  margin: 0 0 5px 0;
}
.left-box .tabs .tab__content {
  margin-top: 35px;
}
.left-box .tabs .tab > input[type="radio"]:checked + label, .left-box .tabs .tab > input[type="radio"]:not(:checked) + label {
  padding: .2rem .25rem;
  font-size: .9rem;
}
.left-box .tabs .tab .cart-mono__body > div:not(.mono-product) {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.left-box .tabs .monogram > div {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.left-box .tabs .monogram fieldset label {
  text-align: left;
}
.left-box .tabs .tab .monogram fieldset div {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.left-box .tabs .cart-mono__body > div:not(.mono-product) img {
  margin-bottom: 0;
}
@media (max-width: 479px) {
  .left-box .tabs {
    width: 100vw;
    margin-left: -85px;
    margin-top: 10vw;
  }
  .left-box .tabs .monogram {
    margin: .5rem 0 .25rem 0;
  }
  .left-box .tabs .monogram .monogram-errors {
    position: relative;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    top: 8px;
    left: 0;
    text-align: left;
  }
}

@media (max-width: 767px) {
  .cart .cart-product-custom .right-box .remove {
    right: 0;
  }
}

html {
  min-height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

/* main, main.boxed{
padding-bottom: 3rem;

@media only screen and (min-width: $desktop-sm){
padding-bottom: 6rem;
}
} */
figcaption {
  font-size: 0.875rem;
  padding: .5rem;
  text-align: right;
}

#app-content {
  position: relative;
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#app-content.dark-overlay:after {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#topbar, main, footer {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

main {
  margin-top: 50px;
}
@media only screen and (min-width: 1024px) {
  main {
    margin-top: 0px;
  }
}

.container {
  max-width: 1920px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

.boxed, .boxed-left {
  width: -webkit-calc(100vw - 2*1rem);
  width: -moz-calc(100vw - 2*1rem);
  width: calc(100vw - 2*1rem);
  max-width: -webkit-calc(100vw - 2*1rem);
  max-width: -moz-calc(100vw - 2*1rem);
  max-width: calc(100vw - 2*1rem);
  padding: 0.5rem 0;
  margin: 0 auto;
}
@media only screen and (min-width: 1200px) {
  .boxed, .boxed-left {
    padding: 0;
    width: -webkit-calc(100% - 2*6.5%);
    width: -moz-calc(100% - 2*6.5%);
    width: calc(100% - 2*6.5%);
    /* margin-left:$desktop-margin;
    margin-right:$desktop-margin; */
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
  }
}

.boxed-left {
  width: -webkit-calc(100vw - 1rem);
  width: -moz-calc(100vw - 1rem);
  width: calc(100vw - 1rem);
  margin-left: 1rem;
  margin-right: 0;
}
@media only screen and (min-width: 1200px) {
  .boxed-left {
    width: -webkit-calc(100% - 6.5%);
    width: -moz-calc(100% - 6.5%);
    width: calc(100% - 6.5%);
    margin-left: 6.5%;
    margin-right: 0;
  }
}

.emphasis {
  font-family: "AcquaDiParma";
  font-weight: 700;
  font-size: 28px;
}

.cleartop {
  margin-top: 75px;
}
.cleartop.boxed, .cleartop.boxed-left {
  padding-top: 0;
}
@media only screen and (min-width: 1024px) {
  .cleartop {
    margin-top: 150px;
  }
}

.yellow-center-layout {
  background-color: #ffb500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0 3rem;
  height: 100vh;
}
.yellow-center-layout .logo {
  height: 40vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.yellow-center-layout .logo img {
  width: 100%;
  max-width: 300px;
  height: 100%;
}
.yellow-center-layout p.subtitle {
  text-transform: uppercase;
  max-width: 50ch;
  margin: 0 auto;
  font-family: "AcquaDiParma";
  color: #1A1A1A;
}

.anchor {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -webkit-calc(-50px);
  top: -moz-calc(-50px);
  top: calc(-50px);
}
@media only screen and (min-width: 1024px) {
  .anchor {
    top: -webkit-calc(-60px - 42px);
    top: -moz-calc(-60px - 42px);
    top: calc(-60px - 42px);
  }
}

.bordered {
  -webkit-mask-box-image: url(../images/svg/svg-border.svg);
  /*  mask-image:url(../images/svg/svg-border.svg);
  -webkit-mask-image:url(../images/svg/svg-border.svg); */
}

.hero-clean .bordered {
  -webkit-mask-box-image: url(../images/svg/svg-border-bottom.svg);
}

.backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.arrow-up {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
}

.loading {
  height: 2rem;
  width: 2rem;
  margin: 1rem auto;
}

.dropdown-box {
  position: relative;
  padding-top: 0.6rem;
  padding-bottom: 0.4rem;
  border-color: #cccccc;
  padding-left: .5rem;
  padding-right: 3rem;
}
.dropdown-box:after {
  content: " ";
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzIwMCcgd2lkdGg9JzIwMCcgIGZpbGw9IiMwMDAwMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNNTAuMTExLDcyLjY1OWMtMS4wNjEsMC0yLjA3OC0wLjQyMi0yLjgyOS0xLjE3MkwxNy4yNzUsNDEuNDc0Yy0xLjU2Mi0xLjU2Mi0xLjU2Mi00LjA5NSwwLjAwMS01LjY1NyAgYzEuNTYzLTEuNTYyLDQuMDk2LTEuNTYyLDUuNjU3LDBsMjcuMTc4LDI3LjE4NWwyNy4xNzgtMjcuMTg1YzEuNTYyLTEuNTYyLDQuMDk1LTEuNTYyLDUuNjU3LDAgIGMxLjU2MiwxLjU2MiwxLjU2Miw0LjA5NCwwLjAwMSw1LjY1N0w1Mi45NCw3MS40ODdDNTIuMTg5LDcyLjIzNyw1MS4xNzIsNzIuNjU5LDUwLjExMSw3Mi42NTl6Ij48L3BhdGg+PC9zdmc+");
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: .8rem;
  height: 1.4rem;
  width: 1.4rem;
}
.dropdown-box:hover {
  border-color: #cccccc;
}
.dropdown-box button {
  outline: none;
  text-transform: uppercase;
}
.dropdown-box .dropdown-content {
  display: none;
  position: absolute;
  text-align: left;
  bottom: 2px;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  left: -1px;
  right: -1px;
  background: #ffffff;
  z-index: 1;
  padding: 0.6rem 0.25rem;
  border: 1px solid #cccccc;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.dropdown-box span {
  display: block;
  clear: both;
  padding: 0.4rem .8rem;
  color: #1A1A1A;
}
.dropdown-box span:hover {
  background: #eeeeee;
}
.dropdown-box.show .dropdown-content {
  display: inline;
}

.new {
  position: relative;
  padding-left: 0.8rem;
}
.new:before {
  content: "NEW";
  font-family: "AcquaDiParma";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  font-size: 0.5rem;
  padding-top: 0.2rem;
  z-index: 10;
}
.new:after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -webkit-calc(100%);
  right: -moz-calc(100%);
  right: calc(100%);
  height: 20px;
  width: 28px;
  background-position: bottom center;
  background-repeat: no-repeat;
  padding-bottom: 5px;
  background-image: url(../images/new-bg.png);
}
.new.big:after, .new.big:before {
  position: relative;
  display: block;
  top: initial;
  left: initial;
  bottom: initial;
  right: initial;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  font-size: 0.9rem;
  margin-top: -1rem;
}
.new.big:after {
  width: 5rem;
  margin-top: -0.3rem;
  height: 12px;
  margin-bottom: 0;
  padding-bottom: 0.6rem;
  background-position: bottom center;
}

.tag {
  display: inline-block;
  padding: .25rem .75rem;
  margin-right: 0.3rem;
  margin-bottom: 0.5rem;
  color: #808080;
  -webkit-box-shadow: inset 0px 0px 0px 1px #cccccc;
  box-shadow: inset 0px 0px 0px 1px #cccccc;
  border-radius: 5px;
  font-family: "AcquaDiParma Light";
  text-align: center;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  cursor: pointer;
  font-size: 1rem;
  border: none;
}
.tag:last-child {
  margin-right: 0;
}
.tag.square {
  height: 2rem;
  width: 2rem;
}
.tag:hover, .tag.active {
  color: #1A1A1A;
  border-width: 0.1rem;
  -webkit-box-shadow: inset 0px 0px 0px 2px #ffb500;
  box-shadow: inset 0px 0px 0px 2px #ffb500;
}
.tag button {
  border: none;
}

section, .container {
  max-width: 1200px;
  margin: 0 auto;
}
section.hero, .container.hero {
  max-width: 1400px;
}
section.row, section.row-heading, .container.row, .container.row-heading {
  max-width: 100%;
}

.heading {
  text-align: center;
}

.sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.light-filter, .dark-filter {
  overflow: hidden;
}
.light-filter img, .dark-filter img {
  display: block;
}
.light-filter:before, .dark-filter:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.light-filter img {
  mix-blend-mode: lighten;
}
.light-filter:before {
  background: rgba(255, 255, 255, 0.5);
}

.dark-filter img {
  mix-blend-mode: darken;
}
.dark-filter:before {
  background: rgba(77, 77, 77, 0.75);
}

.new-label {
  font-size: .75rem;
  opacity: 0.9;
  font-family: "AcquaDiParma";
  text-transform: uppercase;
  background-image: url(../images/svg/linea-gialla.svg);
  background-position: center bottom;
  background-repeat: no-repeat;
  margin-bottom: 1rem;
  text-align: center;
  padding: 0 .5rem 0.3rem .5rem;
  display: inline-block;
  width: auto;
}

.label {
  font-family: "AcquaDiParma";
  font-size: .75rem;
  font-weight: 600;
  text-transform: uppercase;
}

/*** Video ***/
.video-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* scroll slider */
.scroll-wrapper {
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.scroll-wrapper::-webkit-scrollbar {
  display: none;
}

.svg-separator {
  width: 100%;
  height: 5px;
  background: url(/dist/images/svg/linea-gialla.svg) no-repeat center;
  background-size: 100% 5px;
  border: none;
}

/** product list **/
.product-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.product-list .product-item {
  -webkit-flex-basis: 46%;
  -ms-flex-preferred-size: 46%;
  flex-basis: 46%;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 640px) {
  .product-list .product-item {
    -webkit-flex-basis: 31%;
    -ms-flex-preferred-size: 31%;
    flex-basis: 31%;
    max-width: 320px;
  }
}
@media screen and (max-width: calc(768px - 1px)) {
  .product-list .item__img {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .product-list {
    padding-top: 1rem;
    padding-bottom: 2rem;
  }
  .product-list .product-item {
    -webkit-flex-basis: 23%;
    -ms-flex-preferred-size: 23%;
    flex-basis: 23%;
  }
}
@media only screen and (min-width: 1200px) {
  .product-list .item__img {
    max-width: 300px;
    margin: 0 auto;
  }
}
@media screen and (max-width: calc(640px - 1px)) {
  .product-list .product-item {
    max-width: 320px;
  }
  .product-list .item__img {
    max-width: 175px;
    margin: 0 auto;
  }
}

@media (max-width: 1023px) {
  .hero-video {
    min-height: 40vh;
  }

  .video-background {
    position: relative;
    height: 40vh;
  }

  .video-foreground,
  .video-background iframe {
    position: relative;
    min-height: 52vh;
    display: block;
  }
}
@media (max-width: 767px) {
  .hero-video {
    min-height: 50vh;
  }

  .video-background {
    height: 50vh;
  }
}
@media (min-aspect-ratio: 16 / 9) {
  .video-foreground {
    height: 300%;
    top: -100%;
  }
}
@media (min-width: 1211px) and (min-aspect-ratio: 16 / 9) {
  .video-foreground {
    width: 180%;
    left: -35%;
  }
}
@media (min-width: 1323px) and (min-aspect-ratio: 16 / 9) {
  .video-foreground {
    width: 160%;
    left: -30%;
  }
}
@media (min-width: 1540px) and (min-aspect-ratio: 16 / 9) {
  .video-foreground {
    width: 150%;
    left: -25%;
  }
}
@media (max-aspect-ratio: 16 / 9) {
  .video-foreground {
    width: 300%;
    left: -100%;
  }
}
@media all and (max-width: 600px) {
  .vid-info {
    width: 50%;
    padding: .5rem;
  }

  .vid-info h1 {
    margin-bottom: .2rem;
  }
}
@media all and (max-width: 500px) {
  .vid-info .acronym {
    display: none;
  }
}
.one-col {
  background: #ffffff;
}
.one-col .one-col__txt {
  margin: 0 auto;
  text-align: center;
  font-size: 1rem;
  line-height: 1.4;
}
.one-col h3 {
  margin-bottom: 2.5vh;
}

.one-col__txt h3, .block-image__txt h3 {
  font-size: 1.4rem;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: normal;
}

.block-image-wrapper {
  background-color: #ffffff;
  max-width: none;
  position: relative;
  /* padding-left: 6.5%;
  padding-right: 6.5%;
  max-width: 1400px; */
}

.block-image {
  padding: 1rem;
}

.block-image__txt {
  font-size: 1.25rem;
  padding-right: 5vw;
}

.underline {
  position: relative;
  margin: 2rem 0;
}
.underline:after {
  content: '';
  background: url(../images/svg/linea-gialla.svg) no-repeat right top;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 3px;
  right: -50%;
  bottom: -30%;
}

.more-less {
  position: relative;
  padding-left: 26px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: rotate .3s linear;
  -moz-transition: rotate .3s linear;
  transition: rotate .3s linear;
  font-family: "AcquaDiParma";
  font-size: 12px;
  text-transform: uppercase;
  line-height: initial;
}
.more-less:before {
  content: "+";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: #1A1A1A;
  border: 2px solid #1A1A1A;
  position: absolute;
  left: 0;
  font-family: "AcquaDiParma Light";
  line-height: 18px;
  font-size: 26px;
}
.more-less.rotate {
  -webkit-transition: rotate .3s linear;
  -moz-transition: rotate .3s linear;
  transition: rotate .3s linear;
}
.more-less.rotate:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.more-less:focus {
  outline: none;
}

.invert-blocks .block-image__txt {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  padding-right: 0;
  padding-left: 5vw;
}
.invert-blocks .underline:after {
  width: 100%;
  left: -50%;
}
.invert-blocks figcaption {
  text-align: left;
}

.yellow-bg {
  background-color: #ffb500;
}

.light-gray-bg {
  background-color: #eeeeee;
}

.blockToStick {
  position: relative;
  z-index: -1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.blockToStick ~ div {
  background: white;
}

.col-wrap .two-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  margin-top: 1rem;
}
.col-wrap .two-col:first-child:after {
  content: url(../images/svg/linea-gialla.svg);
}
.col-wrap .two-col span, .col-wrap .two-col a, .col-wrap .two-col p {
  margin: 5px;
}

@media (max-width: calc(768px - 1px)) {
  .block-image__img {
    margin-top: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: url(../images/svg/linea-gialla.svg) no-repeat left 10%;
  }
  .block-image__img figure {
    max-width: 70%;
  }
}
@media (max-width: calc(640px - 1px)) {
  .block-image__img {
    margin-top: 2rem;
    background-position: left 10%;
  }
  .block-image__img figure {
    max-width: 85%;
  }
}
@media (min-width: 640px) {
  .one-col__txt, .block-image__txt {
    line-height: 1.4;
  }
  .one-col__txt h3, .block-image__txt h3 {
    font-size: 2.25rem;
    line-height: 1.2;
  }
}
@media (min-width: 768px) {
  .one-col {
    padding: 2rem 0;
    height: 85vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .row.fixed-effect.vis {
    display: block;
  }

  /* .blockToStick.hero-full{
      height: 100vh;
  
      img{
          height: 100%;
          object-fit: cover;}
  
  } */
  .blockToStick + .one-col {
    background: rgba(255, 255, 255, 0.75);
  }
  .blockToStick + .one-col.yellow-bg {
    background: rgba(255, 181, 0, 0.75);
  }

  .one-col__txt {
    max-width: 50ch;
  }

  .col-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .col-wrap .two-col {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    min-height: 35vh;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
  }
  .col-wrap .two-col:first-child:after {
    position: absolute;
    right: -50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 100%;
  }
  .col-wrap .two-col span {
    display: block;
    margin: 0;
  }
  .col-wrap .two-col .emphasis, .col-wrap .two-col a {
    margin: 2rem 0 2rem 0;
  }

  .block-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 4rem 1rem;
  }

  .block-image > div {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .centered-col {
    max-width: 600px;
    margin: 0 auto;
    font-size: 1.125rem;
  }
  .centered-col h2 {
    text-align: center;
    margin: 2rem 0;
  }

  .centered-col + .centered-col {
    margin-top: 3rem;
  }

  form.centered-col {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media (min-width: 1024px) {
  @supports (perspective: 1px) {
    .hero.hero-full {
      -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      transform-origin: 0 0;
      position: relative;
      max-height: 100vh;
      margin-bottom: -15vh;
      overflow: hidden;
      /*  width: 101%; */
      /* transform: translateZ(-1px) scale(2);
      position: relative; */
    }

    figure {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      position: relative;
      height: 100%;
      overflow: hidden;
    }
  }
  .hero.hero-full.hero-video {
    height: 100vh;
  }
}
@media (min-width: 768px) {
  .mobile-only {
    display: none;
  }
}

@media (max-width: 767px) {
  .tabletDesktop-only {
    display: none;
  }
}

.customizable-set section {
  margin: 0 auto;
  padding: 0;
  margin-bottom: 2rem;
}
.customizable-set .choose-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url(../images/customizable-backdrop.jpg);
  background-size: cover;
  background-position: center center;
}
.customizable-set .customize {
  position: relative;
}
.customizable-set .customize .big-title {
  margin-top: 0;
  margin-bottom: 0.6rem;
}
.customizable-set .customize .medium-title {
  margin-top: 0;
  margin-bottom: 0;
}
.customizable-set .customize .small-subtitle {
  color: #1A1A1A;
  margin-top: 0.6rem;
  -webkit-font-feature-settings: initial;
  -moz-font-feature-settings: initial;
  font-feature-settings: initial;
  font-variant-numeric: initial;
}
.customizable-set .customize .empty-box {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -moz-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.customizable-set .customize .box {
  text-align: center;
  width: 100%;
  position: relative;
}
.customizable-set .customize .box-img {
  width: 100%;
}
.customizable-set .customize .added-items {
  position: absolute;
  top: 12.7%;
  bottom: 15.7%;
  left: 21%;
  right: 21%;
}
.customizable-set .customize .added-item {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  width: 26.5%;
}
.customizable-set .customize .added-item#added-1 {
  left: 2.8%;
}
.customizable-set .customize .added-item#added-2 {
  left: 37%;
}
.customizable-set .customize .added-item#added-3 {
  right: 3%;
}
.customizable-set .customize .added-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 50% 50%;
  cursor: pointer;
}
.customizable-set .customize .fragrances {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -moz-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
}
.customizable-set .customize .fragrances {
  background: #ffffff;
  margin: 3rem 0;
  padding: 1rem;
  padding-bottom: 3rem;
  text-align: center;
}
.customizable-set .customize .item {
  width: 100%;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid transparent;
  -webkit-transition: border-color 0.2s linear;
  -moz-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 140px;
  cursor: pointer;
}
.customizable-set .customize .item:hover {
  border-color: #ffb500;
}
.customizable-set .customize .item .thumb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 25%;
  -webkit-flex: 25%;
  -moz-box-flex: 25%;
  -ms-flex: 25%;
  flex: 25%;
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem 1rem 1rem 0;
}
.customizable-set .customize .item .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 75%;
  -webkit-flex: 75%;
  -moz-box-flex: 75%;
  -ms-flex: 75%;
  flex: 75%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.customizable-set .customize .item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 50% 50%;
}
.customizable-set .customize .item .small-title {
  margin-top: 0;
  margin-bottom: 0;
}
.customizable-set .customize .product-price-box {
  margin-top: 3rem;
  margin-bottom: 0;
}
.customizable-set .customize #add-to-shopping-bag,
.customizable-set .customize .info {
  margin-bottom: 0;
}
@media screen and (min-width: 640px) {
  .customizable-set .customize .item {
    width: 50%;
  }
}
@media screen and (min-width: 1024px) and (max-width: calc(1200px - 1px)) {
  .customizable-set .customize .fragrances {
    margin-top: 5rem;
  }
  .customizable-set .customize .big-title,
  .customizable-set .customize .medium-title {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transform-origin: bottom center;
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
  }
  .customizable-set .customize .product-price-box {
    text-align: center;
  }
  .customizable-set .customize .info {
    display: block;
    width: 100%;
    margin-top: 2rem;
  }
  .customizable-set .customize .small-title {
    letter-spacing: 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@media screen and (min-width: 1024px) {
  .customizable-set .customize {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .customizable-set .customize .empty-box,
  .customizable-set .customize .fragrances {
    -webkit-box-flex: 50%;
    -webkit-flex: 50%;
    -moz-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
  }
  .customizable-set .customize .item {
    padding: 0 1rem;
  }
  .customizable-set .customize .item .thumb,
  .customizable-set .customize .item .title {
    padding: 1rem 0;
  }
  .customizable-set .customize .item .title {
    margin-left: 1rem;
  }
  .customizable-set .customize .small-title {
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 1200px) {
  .customizable-set .customize .empty-box {
    -webkit-box-flex: 60%;
    -webkit-flex: 60%;
    -moz-box-flex: 60%;
    -ms-flex: 60%;
    flex: 60%;
  }
  .customizable-set .customize .fragrances {
    -webkit-box-flex: 40%;
    -webkit-flex: 40%;
    -moz-box-flex: 40%;
    -ms-flex: 40%;
    flex: 40%;
    padding: 2.4rem;
  }
}

.thank-you {
  background: url(../images/ty-backdrop.jpg) no-repeat center;
}
.thank-you .content {
  position: relative;
  z-index: 1;
  min-height: -webkit-calc(100vh - 2*50px);
  min-height: -moz-calc(100vh - 2*50px);
  min-height: calc(100vh - 2*50px);
  width: 100%;
  text-align: center;
  max-width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.thank-you .content img {
  max-width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.thank-you .content .small-title {
  color: #ffffff;
  margin-bottom: 2rem;
}
.thank-you .save-time {
  margin-top: 1rem;
  color: #ffffff;
}
.thank-you .save-time span {
  font-family: "AcquaDiParma";
  text-transform: uppercase;
  font-size: 0.8rem;
}
@media screen and (min-width: 1024px) {
  .thank-you .content {
    min-height: 100vh;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .thank-you .flex-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    height: 100vh;
  }
  .thank-you .flex-wrapper > * {
    max-width: 400px;
  }
}

.product-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 1rem auto;
  text-decoration: none;
}
.product-item .product-item__img {
  max-width: 300px;
  margin: 0 auto;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.product-item .product-item__img img {
  max-width: 100%;
}
.product-item .product-item__txt {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100%;
  padding: 0.25rem;
}
.product-item .product-item__cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.product-title {
  display: inline-block;
  width: inherit;
  margin: 0 auto 0.5rem auto;
  font-family: "AcquaDiParma";
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  max-width: 20ch;
}

.type, .category {
  display: block;
  margin-bottom: 0.2rem;
}

.type {
  font-family: "AcquaDiParma";
  text-transform: uppercase;
  font-size: 0.8rem;
  margin-bottom: 0.2rem;
}

.row .product-item .product-title {
  font-size: 1.1rem;
  border-bottom: none;
}

.choose-content .product-item .product-item__img {
  max-width: 400px;
}

.products .product-title {
  font-size: 0.875rem;
}

@media (min-width: 768px) {
  .product-title {
    font-size: 1rem;
  }
}
@media (min-width: 1024px) {
  .row .product-item .product-title {
    font-size: 1.4rem;
  }

  .choose-content .product-title {
    font-size: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .product-title {
    font-size: 1.125rem;
  }
}
.store-locator {
  text-align: center;
  /* InfoWindows */
  /*style the arrow*/
    /*
    .gm-style div div div div div div:not(.gm-style-iw) > div {
    border: 0 none;
}
    .gm-style div div div div div div:not(.gm-style-iw) div div {
    width: 0;
}
    */
}
.store-locator form input[type="text"] {
  width: 100%;
}
.store-locator #store-loading {
  display: none;
  margin: 1rem auto;
}
.store-locator #store-results {
  display: none;
  padding: 0 1rem;
}
.store-locator .locator-input {
  margin-bottom: 2rem;
  padding: 1rem;
}
.store-locator .form-field {
  margin-bottom: 1rem;
}
.store-locator .label-separator {
  margin-bottom: 2rem;
}
.store-locator .heading {
  padding-top: 3.6rem;
}
.store-locator .heading h2 {
  font-size: 1.8rem;
}
.store-locator #city-name {
  text-align: center;
  display: none;
  margin: 0.4rem auto;
  font-size: 1.3rem;
}
.store-locator .info {
  color: #808080;
  font-size: 1.2rem;
  margin: 1.2rem 0;
  padding: 0 1rem;
  text-align: left;
  display: none;
}
.store-locator .button-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.store-locator #find-position {
  padding-left: 0;
  text-align: left;
  color: #808080;
  font-family: "AcquaDiParma";
  font-weight: bold;
  font-size: 0.8rem;
}
.store-locator .stores {
  text-align: center;
}
.store-locator .store {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem 0.5rem 3rem 0.5rem;
}
.store-locator .store img {
  width: 100%;
  margin-bottom: 1rem;
}
.store-locator .store p {
  color: #808080;
  font-size: 1.1rem;
  margin-top: 0.8rem;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.store-locator .locator-list {
  width: 100%;
  margin: auto;
  table-layout: fixed;
  margin-bottom: 2rem;
}
.store-locator .listed-store:not(:first-child) {
  background: url(../images/svg/linea-gialla.svg) no-repeat top center;
}
.store-locator .listed-store td {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding: 1rem 0.4rem 0 0;
  margin-bottom: 1rem;
}
.store-locator .listed-store .store-distance {
  width: 25%;
}
.store-locator .listed-store .store-distance span {
  display: block;
  color: #808080;
  line-height: 1;
}
.store-locator .listed-store .store-city {
  width: 75%;
}
.store-locator .listed-store h4, .store-locator .listed-store p {
  margin-bottom: 0.3rem;
}
.store-locator .listed-store p {
  color: #808080;
  margin-top: 0.3rem;
  margin-bottom: 0;
}
.store-locator .map {
  max-width: 100%;
  position: relative;
    /*
    @media only screen and (min-width: $desktop-sm)
    {
    width: calc(100% - 2*6.5%);
    max-width: 1400px;
}   
    */
}
.store-locator #map {
  width: 100%;
  height: 99.999vh;
  overflow: hidden;
  position: relative;
  min-height: 320px;
  max-height: 800px;
}
.store-locator #map > div {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
.store-locator .info-window-content {
  width: 330px;
  height: 380px;
  padding-top: 66px;
  font-family: "AcquaDiParma Light";
}
.store-locator .info-window-content h4 {
  margin-bottom: 0.5em;
}
.store-locator .info-window-content p {
  color: #808080;
  font-size: 16px;
  margin: 1.2rem 0;
}
.store-locator .info-window-content button {
  margin-top: 0.5em;
}
@media (min-width: 480px) {
  .store-locator .stores {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .store-locator .store {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: calc(1024px - 1px)) {
  .store-locator .info {
    text-align: center;
    margin-top: 2rem;
  }
  .store-locator #map {
    max-height: 50vh;
    min-height: auto;
    margin-bottom: 0;
  }
  .store-locator .button-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .store-locator #find-position {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    border: 1px solid #808080;
    color: #808080;
    padding: 0.9rem 1.4rem 0.7rem 1.4rem;
    border-radius: 5px;
    margin-top: 1rem;
    font-size: 0.75rem;
  }
  .store-locator #find-a-store {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .store-locator .locator-input {
    margin-bottom: 1rem;
  }
}
@media (min-width: 1024px) {
  .store-locator .info {
    margin-top: 0;
  }
  .store-locator .store {
    -webkit-flex-basis: 33.3%;
    -ms-flex-preferred-size: 33.3%;
    flex-basis: 33.3%;
    max-width: 33.3%;
  }
  .store-locator .store-sidebar {
    position: absolute;
    top: 8.2rem;
    margin-bottom: 4rem;
    left: 6.5%;
    right: 0;
    width: 440px;
  }
}
@media (min-width: 1024px) and (min-width: calc(1600px + 10px)) {
  .store-locator .store-sidebar {
    margin: auto;
    left: -958px;
  }
}
@media (min-width: 1024px) {
  .store-locator #store-results,
  .store-locator .locator-input {
    background: #ffffff;
    width: 440px;
    max-width: 100%;
    -webkit-box-shadow: 0px 0px 12px -2px rgba(0, 0, 0, 0.65);
    box-shadow: 0px 0px 12px -2px rgba(0, 0, 0, 0.65);
  }
  .store-locator #store-results {
    padding: 1rem;
    height: 52vh;
    position: relative;
  }
  .store-locator .locator-results {
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0 1rem 1rem 1rem;
    height: -webkit-calc(100% - 4rem);
    height: -moz-calc(100% - 4rem);
    height: calc(100% - 4rem);
  }
  .store-locator .locator-results::-webkit-scrollbar {
    width: 0.5rem;
  }
  .store-locator .locator-results::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
  }
  .store-locator .locator-results::-webkit-scrollbar-thumb {
    background-color: #ffb500;
    outline: none;
    border-radius: 5px;
  }
  .store-locator .gradient {
    position: absolute;
    bottom: 36px;
    left: 0;
    right: 1.6rem;
    height: 40px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  }
}

.store-locator .listed-store p.js-toggle-opening {
  color: #1A1A1A;
  font-size: 1rem;
  text-decoration: underline;
  cursor: pointer;
}

.store-locator .listed-store .opening, .store-locator .store .opening {
  display: none;
  font-size: 0.75rem;
}
.store-locator .listed-store .opening p, .store-locator .store .opening p {
  line-height: 1.2;
  color: #1A1A1A;
}
.store-locator .listed-store .opening span, .store-locator .store .opening span {
  text-transform: uppercase;
}

.store-locator .store .opening {
  display: block;
  margin-bottom: 1rem;
}
.store-locator .store .opening p {
  line-height: 1;
  color: #1A1A1A;
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 0.75rem;
}

.choose {
  margin: 0 auto;
}
.choose .heading {
  max-width: initial;
  position: relative;
  height: 35vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -2rem;
  margin-right: -2rem;
  overflow: hidden;
}
.choose .heading picture {
  position: absolute;
  z-index: -1;
}
.choose .heading picture, .choose .heading img {
  width: 100%;
}
.choose .heading:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.choose .heading h1 {
  color: #ffffff;
  position: relative;
}
.choose .heading.object-fit-wrap.is-active, .choose body.main-menu-open #topbar header #main-menu .heading.object-fit-wrap.hamburger, body.main-menu-open #topbar header #main-menu .choose .heading.object-fit-wrap.hamburger {
  min-width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.choose .choose-content {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
@media screen and (min-width: 640px) {
  .choose .boxed, .choose .boxed-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .choose .boxed .product-item, .choose .boxed-left .product-item {
    -webkit-flex-basis: 48%;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
    max-width: 48%;
  }
}
@media screen and (min-width: 1024px) {
  .choose .heading {
    height: 60vh;
  }
}
@media screen and (min-width: 1200px) {
  .choose .heading {
    height: 55vh;
  }
  .choose .boxed, .choose .boxed-left {
    margin-top: 0;
    margin-bottom: -6rem;
  }
  .choose .item {
    max-width: 35%;
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
    margin-bottom: 0;
  }
  .choose .choose-content {
    -webkit-transform: translateY(-20vh);
    -moz-transform: translateY(-20vh);
    -ms-transform: translateY(-20vh);
    transform: translateY(-20vh);
  }
}
@media screen and (min-width: 1600px) {
  .choose .item {
    max-width: 40%;
  }
}

.client-service .heading {
  display: block;
  padding: 2rem 0;
}
.client-service .heading h2 {
  margin-bottom: 0;
}
.client-service ul, .client-service li {
  list-style: none;
  display: block;
}
.client-service h5 {
  text-transform: uppercase;
  letter-spacing: initial;
}
.client-service h5, .client-service p {
  display: block;
  width: 100%;
}
.client-service p {
  margin-top: 1rem;
  line-height: 1.5;
}
.client-service li {
  cursor: pointer;
  position: relative;
}
.client-service li.active:after {
  content: " ";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1.6rem;
  height: 1rem;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJNNTA0LjczMywyMzIuMDI5TDM1Mi40NTksNzkuNzU1Yy05LjI5LTkuMjkxLTI0LjM1Ny05LjI5MS0zMy42NDgsMGMtOS4yOTIsOS4yOTItOS4yOTIsMjQuMzU2LDAsMzMuNjQ4bDExMS42NTcsMTExLjY1N0gyMy43OTNDMTAuNjU0LDIyNS4wNjEsMCwyMzUuNzE1LDAsMjQ4Ljg1NGMwLDEzLjEzOCwxMC42NTQsMjMuNzkzLDIzLjc5MywyMy43OTNoNDA2LjY3NUwzMTguODE0LDM4NC4zMDNjLTkuMjkyLDkuMjk0LTkuMjkyLDI0LjM1NywwLDMzLjY0OGM0LjY0Niw0LjY0MywxMC43MzUsNi45NywxNi44MjQsNi45N2M2LjA5LDAsMTIuMTc5LTIuMzI3LDE2LjgyNC02Ljk3bDE1Mi4yNzEtMTUyLjI3M0M1MTQuMDI1LDI1Ni4zODYsNTE0LjAyNSwyNDEuMzIxLDUwNC43MzMsMjMyLjAyOXoiLz48L2c+PC9zdmc+);
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
}
.client-service .border {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 6px;
  right: 1.4rem;
}
.client-service .border svg {
  fill: none;
  stroke: #ffb500;
}
.client-service .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 1200px;
  margin: auto;
}
.client-service .first,
.client-service .second,
.client-service .third {
  position: relative;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.client-service .first a,
.client-service .second a,
.client-service .third a {
  font-size: 1.125rem;
  text-decoration: underline;
}
.client-service .first {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -moz-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
}
.client-service .first li {
  margin-bottom: 0.4rem;
  font-family: "AcquaDiParma";
}
.client-service .second {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -moz-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  font-size: 1rem;
}
.client-service .second li {
  margin-bottom: 0.4rem;
}
.client-service .third {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -moz-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
}
.client-service .second li,
.client-service .third li {
  cursor: pointer;
}
.client-service .second > .content:not(.active), .client-service .second > ul:not(.active),
.client-service .third > .content:not(.active),
.client-service .third > ul:not(.active) {
  display: none;
}
@media screen and (min-width: 768px) {
  .client-service .info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .client-service li {
    padding-right: 2rem;
  }
  .client-service .first {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    max-width: 30%;
    margin-bottom: 2rem;
  }
  .client-service .second {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    max-width: 30%;
    margin-bottom: 2rem;
  }
  .client-service .third {
    -webkit-flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%;
    margin-bottom: 2rem;
  }
  .client-service .first,
  .client-service .second {
    padding-right: 2.6rem;
  }
  .client-service .first a, .client-service .second a, .client-service .third a {
    color: #808080;
    text-decoration: underline;
  }
  .client-service .first li.active a, .client-service .second li.active a, .client-service .third li.active a {
    color: #1A1A1A;
  }
  .client-service .border {
    display: inline;
  }
  .client-service .heading {
    padding: 4rem 0;
  }
}

.mobile .heading {
  margin-bottom: 0;
}
.mobile .first li,
.mobile .second li {
  text-decoration: underline;
  margin-bottom: 1rem;
}
.mobile .first .active:after,
.mobile .second .active:after {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: rotate(-90deg) translateX(-5px);
  -moz-transform: rotate(-90deg) translateX(-5px);
  -ms-transform: rotate(-90deg) translateX(-5px);
  transform: rotate(-90deg) translateX(-5px);
}
.mobile .second {
  padding-left: 1rem;
  overflow: hidden;
  padding-bottom: 2rem;
  margin-bottom: -1rem;
}
.mobile .third .active:after {
  background: none;
}
.mobile .second li a, .mobile .third p {
  font-size: 1rem;
}
.mobile .second .border {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  left: 1rem;
  right: 1rem;
}

.tab .cart-mono__body > div:not(.mono-product) {
  margin: 0;
}

.tab input[type="text"] {
  width: 40px;
  font-size: 1rem;
  padding-left: .5rem;
  padding-right: .5rem;
  margin-bottom: 0;
}
.tab.bottle input[type="text"] {
  width: 200px;
  text-align: left;
}

.tab input[type="submit"] {
  font-size: 0.65rem;
  width: auto;
  margin-bottom: 0;
}

.tab .monogram {
  min-width: 190px;
}
.tab .monogram .monogram-errors {
  width: 90vw;
}
@media (max-width: 767px) {
  .tab .monogram fieldset div {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .tab .monogram {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .tab .monogram label {
    text-align: left;
  }
  .tab .monogram .monogram-errors {
    width: 50vw;
  }
}

.tab .cart-mono__body > div:not(.mono-product) {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.tab > input[type="radio"]:checked + label, .tab > input[type="radio"]:not(:checked) + label {
  display: inline-block;
  padding: .25rem .35rem;
  margin-right: 0.3rem;
  margin-bottom: 0.5rem;
  color: #808080;
  -webkit-box-shadow: inset 0px 0px 0px 1px #cccccc;
  box-shadow: inset 0px 0px 0px 1px #cccccc;
  border-radius: 5px;
  font-family: "AcquaDiParma Light";
  text-align: center;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  cursor: pointer;
  font-size: 1rem;
  font-weight: normal;
  border: none;
  text-transform: none;
  -webkit-box-shadow: inset 0px 0px 0px 1px #cccccc;
  box-shadow: inset 0px 0px 0px 1px #cccccc;
  border-radius: 5px;
  float: left;
  margin-bottom: 0;
}
.tab > input[type="radio"]:checked + label:before, .tab > input[type="radio"]:not(:checked) + label:before {
  content: none;
}

.tab > input[type="radio"]:checked + label {
  -webkit-box-shadow: inset 0px 0px 0px 2px #ffb500;
  box-shadow: inset 0px 0px 0px 2px #ffb500;
  z-index: 2;
  color: #1A1A1A;
}
.tab > input[type="radio"]:checked + label .expand {
  color: #1A1A1A;
  border-color: #1A1A1A;
}

.tab__content {
  /* //position: absolute;
  top: -1px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 20px;
  border: 1px solid #ccc; 
  -webkit-transition: opacity .6s linear;
  opacity: 0; */
  float: right;
  width: 100%;
  margin: 50px 0 0 -100%;
  z-index: -1;
  position: relative;
  display: none;
    /*  opacity: 0;

    max-height: 0;
    transition: opacity .1s linear, max-height .20s linear .15s; */
  /*  opacity: 0;
  transition: opacity .1s linear; */
}

.tab > input[type="radio"]:checked + label + .tab__content {
  z-index: 1;
  /*  opacity: 1;
  transition: opacity .1s linear 3s; */
  /*  max-height: 100%;
  transition: max-height .3s linear, opacity .1s linear .2s; */
}

.accordion .tab .expand {
  margin-left: 0;
  color: #cccccc;
  border: 1.5px solid #cccccc;
}

.product .customize .info .edit, .product .customize .info .remove {
  text-decoration: underline;
  font-weight: bold;
  font-size: .9rem;
  margin: 0 4px;
  padding: 0;
}

.custom-product .mono-ms {
  font-family: "AcquaDiParma";
}

.clear {
  clear: both;
}

.product .customize input[type="submit"]:hover {
  color: #ffb500;
}

.customization {
  position: relative;
}

.custom-price {
  color: #808080;
  font-family: "AcquaDiParma Light";
  font-size: .85rem;
}

.customization-type {
  font-family: "AcquaDiParma Light";
  font-size: .85rem;
  display: inline-block;
  margin: 0 0 8px 5px;
  vertical-align: bottom;
}

.add-custom-price {
  display: none;
}

@media (max-width: 767px) {
  .tab .cart-mono__body {
    display: block;
  }
}