.hamburger {
    padding: 0;
    display: none;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    position: fixed;
    top: 60px;
    right: 5%;
    z-index: 999999999;
}

.hamburger:hover {
    opacity: 1;
}

.hamburger.is-active:hover {
    opacity: 1;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #000;
}

.hamburger-box {
    width: 30px;
    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: 30px;
    height: 2px;
    background-color: #000;
    border-radius: 0px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
    perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
    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 {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
    perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
    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 {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
    perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
    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 {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
    perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
    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 {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
    perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
    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 {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
    perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
    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 {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
    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 {
    top: 0;
    transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
    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 {
    bottom: 0;
    transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
    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 {
    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 {
    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 {
    top: 0;
    transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
    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 {
    bottom: 0;
    transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
    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 {
    transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
    transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
    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 {
    transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
}

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
    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 {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    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;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    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 {
    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 {
    transform: translate3d(0, -10px, 0) rotate(45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    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;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(135deg);
    transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.075s;
}

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-135deg);
    transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 0.075s;
}

/*
   * Emphatic
   */
.hamburger--emphatic {
    overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
    left: 0;
    transition: transform 0.125s cubic-bezier(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;
    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 {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
    left: -80px;
    top: -80px;
    transform: translate3d(80px, 80px, 0) rotate(45deg);
    transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
    right: -80px;
    top: -80px;
    transform: translate3d(-80px, 80px, 0) rotate(-45deg);
    transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
    overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
    left: 0;
    transition: transform 0.125s cubic-bezier(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;
    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 {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
    left: -80px;
    top: 80px;
    transform: translate3d(80px, -80px, 0) rotate(-45deg);
    transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
    right: -80px;
    top: 80px;
    transform: translate3d(-80px, -80px, 0) rotate(45deg);
    transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before,
.hamburger--minus .hamburger-inner::after {
    transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner::before,
.hamburger--minus.is-active .hamburger-inner::after {
    opacity: 0;
    transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}

.hamburger--minus.is-active .hamburger-inner::before {
    top: 0;
}

.hamburger--minus.is-active .hamburger-inner::after {
    bottom: 0;
}

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
    top: 2px;
}

.hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
    top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
    top: 2px;
}

.hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
    top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
    transform: rotate(-225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.1s 0.2s cubic-bezier(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;
    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 {
    transition-delay: 0.22s;
    background-color: transparent !important;
}

.hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    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);
    transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
    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 {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    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 {
    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 {
    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 {
    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 {
    transform: rotate(90deg);
    background-color: transparent !important;
    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 {
    top: 0;
    transform: rotate(-45deg);
    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 {
    bottom: 0;
    transform: rotate(45deg);
    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 {
    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 {
    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 {
    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 {
    transform: rotate(-90deg);
    background-color: transparent !important;
    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 {
    top: 0;
    transform: rotate(-45deg);
    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 {
    bottom: 0;
    transform: rotate(45deg);
    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 {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::before,
.hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner {
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before,
.hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
}

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::before,
.hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
    transform: rotate(-765deg);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before,
.hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
}

@media all and (max-width:1350px) {

    .container {
        width: 96%;
        max-width: 96%;
    }

    #menu ul li a {
        padding: 15px 13px;
    }

    header .aws-container {
        width: 40%;
    }

    header .callUs {
        width: 20%;
    }

    footer .col1 img,
    footer .col4 img {
        height: 55px;
    }

    .productLeft {
        width: 70%;
    }

    .productRight {
        width: 25%;
    }

    header .callUs {
        display: none !important;
    }

    header .cart {
        float: right;
        width: 5%;
        margin: 8px 0 0 0;
        position: relative;
    }

    #top h6 {
        margin: 0 10px 0 0;
    }

}

@media (min-width: 601px) and (max-width: 1349px) {

    #top h6 {
        display: none;
    }

    header .aws-container {
        width: 57%;
    }

    #hero h1 {
        font-size: 40px;
    }

    #hero p, #hero p strong {
        font-size: 21px;
    }

    .homeTop img {
        height: 60px;
    }

    .homeLeft {
        width: 30%;
    }

    .homeRight {
        width: 65%;
    }

    footer .col1,
    footer .col2,
    footer .col3,
    footer .col4 {
        width: 50%;
    }

}


@media all and (max-width:600px) {

    header .callUs,
    #bottom,
    #menu ul {
        display: none;
    }
	
	#hero p em {
    display: inline-block;
    word-break: break-word;
    max-width: 90%;
}
	
	.woocommerce ul.products li.product .onsale.bfs {
    left: -155px;
}
    
    .woocommerce ul.products li.product .onsale {
    top: -23px;
    right: auto;
    left: -84px;
    margin: -.5em -.5em 0 0;
    font-size: 12px;
}

    #hero .aligned-left .container {
        padding-right: 0;
    }

    .woocommerce div.product form.cart .group_table td:first-child {
        min-width: 84px;
    }

    #hero .aligned-right .container,
    #hero .aligned-left .container {
        padding-left: 0%;
    }

    #hero .aligned-right h1,
    #hero .aligned-left h1,
    #hero .aligned-right p,
    #hero .aligned-left p {
        text-align: center !important;
        width: 100% !important;
    }

    footer {
        padding: 40px 0;
    }

    #top ul li:nth-of-type(2) {
        float: right;
        margin: 0;
        text-align: right;
    }

    header .aws-container {
        width: 65%;
        margin: 0 5% 0 0;
    }

    header .cart {
        margin: 3px 0 0 0;
    }

    .homeLeft {
        width: 25%;
    }

    .homeRight {
        width: 70%;
    }

    .homeTop img {
        height: 70px;
    }

    footer .col1 img,
    footer .col4 img {
        height: 35px;
        width: auto;
    }

    footer .col1 {
        float: left;
        width: 30%;
    }

    footer .col2 {
        float: left;
        width: 35%;
    }

    footer .col3 {
        float: left;
        width: 35%;
    }

    footer .col4 {
        float: left;
        width: 100%;
        margin: 30px 0 0 0;
    }

    .woocommerce ul.products.columns-3 li.product,
    .woocommerce-page ul.products.columns-3 li.product {
        width: 49%;
        margin: 0 2% 30px 0;
    }

    .woocommerce ul.products.columns-3 li.product:nth-of-type(2n+2),
    .woocommerce-page ul.products.columns-3 li.product:nth-of-type(2n+2) {
        margin-right: 0;
    }

    .woocommerce ul.products li.first,
    .woocommerce-page ul.products li.first {
        clear: none;
    }

    .woocommerce .related ul.products li.product,
    .woocommerce-page .related ul.products li.product {
        margin: 0 1% 30px 1%;
        width: 47%;
    }

    header .logo {
        float: left;
        width: 60%;
        margin: 16px 5% 0 0;
    }

    header .aws-container,
    header .cart {
        display: none;
    }

    .homeLeft {
        width: 100%;
        margin: 0 0 0 0;
    }

    .homeLeft img {
        float: left;
        width: auto;
        max-width: 100%;
        height: 90px;
        margin: 0 0 30px 0;
        border: none;
        padding: 10px;
        text-align: center;
    }

    .homeTop img {
        height: auto;
        width: 100%;
        margin: 30px 0;
    }

    .homeRight {
        width: 100%;
    }

    footer .col1 {
        float: left;
        width: 100%;
        margin: 10px 0 0 0;
        text-align: center;
    }

    footer .col2 {
        float: left;
        width: 100%;
        margin: 10px 0 0 0;
        text-align: center;
    }

    footer .col3 {
        float: left;
        width: 100%;
        margin: 10px 0 0 0;
        text-align: center;
    }

    footer .col4 {
        float: left;
        width: 100%;
        margin: 10px 0 0 0;
        text-align: center;
    }

    #hero .container {
        text-align: center;
    }

    #hero .item .button {
        float: none;
        margin: 30px auto 0 auto;
        display: block;
        width: 200px;
    }

    footer .button {
        width: 100%;
        margin-top: 10px;
    }

    footer h6 {
        margin: 30px 0 20px 0;
        text-align: center;
    }


    #shiftnav-toggle-main {
        top: 68px;
        left: auto;
        right: 2%;
    }

    #hero h1 {
        font-size: 25px;
        margin: 60px 0 0 0;
    }

    #hero p, #hero p strong {
        font-size: 16px;
        max-width: 100%;
        line-height: 1.4;
    }
    
    #hero p strong{
        font-size: 21px;
    }

    #hero .item {
        padding: 35px 0 125px;
        background-position: center center;
    }

    #top ul li {
        float: left;
        margin: 0;
        font-size: 10px;
        padding: 0;
        line-height: 40px;
        list-style: none;
        color: #D22B2B;
        font-weight: 600;
        width: 50%;
        text-align: center;
    }

    #top ul {
        float: right;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    #top ul li:nth-of-type(3) {
        display: none;
    }

    header {
        position: relative;
        background-color: #fff;
        display: block;
        width: 100%;
        clear: both;
        padding: 5px 0;
        position: fixed;
        top: 40px;
        height: 70px;
        left: 0;
        width: 100%;
        z-index: 1000;
    }

    .mobmenul-container {
        top: 59px !important;
        right: 5% !important;
    }

    .mob-menu-left-bg-holder {
        background-size: auto 30px !important;
    }

    #mobmenuleft .mob-expand-submenu,
    #mobmenuleft > .widgettitle,
    #mobmenuleft li a,
    #mobmenuleft li a:visited,
    #mobmenuleft .mobmenu-content h2,
    #mobmenuleft .mobmenu-content h3,
    .mobmenu-left-panel .mobmenu-display-name,
    .mobmenu-content .mobmenu-tabs-header li {
        font-family: 'Poppins' !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        color: #000 !important;
    }

    .mobmenul-container i {
        color: #000 !important;
        font-size: 30px !important;
        line-height: 1 !important;
    }

    .mobmenu-left-panel .mobmenu-left-bt,
    .mobmenu-right-panel .mobmenu-right-bt {
        position: absolute;
        right: 20px;
        top: 20px;
        font-size: 30px;
        color: #000;
    }

    .mobmenu-content li > .sub-menu li {
        padding-left: 13px;
    }

    .mobmenu-content #mobmenuleft .sub-menu a {
        color: #fff !important;
        padding: 10px 19px 10px 7px;
    }

    #mobmenuleft li a,
    #mobmenuleft li a:visited,
    .mobmenu-content h2,
    .mobmenu-content h3,
    .show-nav-left .mob-menu-copyright,
    .show-nav-left .mob-expand-submenu i {
        color: #000;
    }

    .mobileMenu {
        position: fixed;
        display: block;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        z-index: 99999999;
        background: #fff;
        transition: 300ms ease all;
        background-image: url(../img/logo.png);
        background-repeat: no-repeat;
        background-size: auto 33px;
        background-position: 10% 56px;
    }

    .mobileMenu.active {
        left: 0;
    }

    #menu {
        display: none !important;
    }

    body {
        padding-top: 110px;
    }

    #content {
        padding: 40px 0;
    }

    .single-product #content {
        padding: 0 0 40px;
    }

    section {
        padding: 40px 0;
    }

    .homeTop h4 {
        float: left;
        width: 100%;
        font-size: 30px;
        color: #D22B2B !important;
        margin: 0;
    }

    .homeTop img {
        height: 60px;
        width: auto;
        margin: 40px 20px;
        display: inline-block;
        float: none;
    }

    .homeFeatured h3,
    .homeBest h3 {
        float: left;
        width: auto;
        font-size: 20px;
        color: #D22B2B !important;
        margin: 0 0 25px 0;
        color: #000 !important;
        font-weight: 600;
    }

    .homeLeft {
        width: 100%;
        margin: 0 0 0 0;
        padding: 20px 5px;
    }

    .homeTop {
        float: left;
        width: 100%;
        padding: 0 0 50px 0;
        margin: 0 0 50px 0;
        border-bottom: 1px solid #ddd;
        text-align: center;
    }

    .homeSplit a:nth-of-type(1) {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
        height: 210px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }

    .homeSplit a:nth-of-type(2) {
        float: left;
        width: 100%;
        margin: 0 0 0 0;
        height: 210px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }

    footer ul {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    footer .col2 img {
        height: 80px;
        margin: 30px 0 0 0;
        width: auto;
    }

    footer .social li {
        margin: 20px 10px 0;
        line-height: 1.6;
        list-style: none;
        float: none;
        width: auto;
        display: inline-block;
    }

    #banner {
        padding: 45px 0 50px;
        position: relative;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    #banner h1 {
        color: #fff;
        font-size: 30px;
        margin: 0;
        padding: 0;
        line-height: 1;
        font-weight: 600;
    }

    input:not([type="checkbox"]):not([type="radio"]),
    select {
        border-radius: 0;
        background-color: #fff;
        border-color: #ddd;
        font-size: 14px;
        color: #000;
        appearance: none;
    }

    #wc-stripe-express-checkout-element {
        margin-bottom: 32px !important;
        justify-content: left !important;
        width: 100% !important;
        display: block;
    }


    ul.products li.product {
        border: 1px solid #ddd;
        padding: 190px 10px 10px 10px !important;
    }

    .productRight {
        padding: 20px;
    }

    #content .left {
        float: left;
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }

    #content .right {
        float: left;
        width: 100%;
        padding-left: 0;
    }

    .homeSplit a span,
    .added_to_cart,
    .button,
    .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
    .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
    .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
    .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
    :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt,
    :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt,
    :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt,
    :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt,
    .homeSplit a:hover > span,
    .button:hover,
    .added_to_cart:hover,
    .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
    .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
    .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
    .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
    :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover,
    :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover,
    :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover,
    :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
        padding: 14px 10px !important;
        min-width: 200px;
    }

    .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-page ul.products[class*=columns-] li.product {
        margin: 0 0 15px;
    }

    .woocommerce ul.products li.product h3 {
        font-size: 14px !important;
    }

    .coupon input[type="text"] {
        width: 100% !important;
        margin: 0 0 6px 0 !important;
    }

    ul.products li.product .img {
        border: 10px solid #fff !important;
    }

    .woocommerce div.product .product_title {
        font-size: 25px !important;
    }

    .woocommerce-error,
    .woocommerce-info,
    .woocommerce-message {
        background-color: #fff !important;
        border: 2px solid #D22B2B !important;
        line-height: 1.4;
    }

    .woocommerce-message {
        border: 2px solid #008000 !important;
    }

    .woocommerce-message {
        display: block;
    }

    .owl-carousel * {
        -webkit-text-size-adjust: 100%;
    }

    .woocommerce-error .button,
    .woocommerce-info .button,
    .woocommerce-message .button {
        width: 100% !important;
        margin: 10px 0 !important;
    }

    .homeBest .item,
    .homeFeatured .item {
        border: 1px solid #ddd;
        padding: 190px 10px 30px 10px;
        position: relative;
    }

    .owl-item .button,
    li.product .button {
        min-width: 1px !important;
        width: 100% !important;
    }

    #hero .owl-item .button {
        width: 200px !important;
    }

    .owl-item h3 {
        word-break: break-all
    }

    .hamburger {
        display: inline-block;
    }

    .mobileMenu ul {
        margin: 130px 0 30px;
        padding: 0;
        float: left;
        width: 100%;
    }

    .mobileMenu ul li {
        margin: 0 0;
        padding: 0;
        float: left;
        width: 100%;
        list-style: none;
    }

    .mobileMenu ul li a {
        margin: 0 0;
        padding: 0;
        float: left;
        width: 100%;
        list-style: none;
        color: #000;
        text-decoration: none;
        padding: 10px 0;
        border-bottom: 1px solid #ddd;
        font-weight: 500;
        font-size: 16px;
        position: relative;
    }

    .mobileMenu ul ul li a {
        margin: 0 0;
        padding: 10px 0 10px 20px;
    }

    .mobileMenu ul li a i.fa-chevron-down {
        position: absolute;
        right: 0;
        top: 10px;
        transition: 300ms ease all;
    }

    .mobileMenu ul li a.change i {
        transform: rotate(180deg);
    }

    .mobileMenu ul ul {
        margin: 0;
        display: none;
    }

    .page-id-6899 #content .left {
        float: left;
        width: 100%;
        padding-right: 0;
    }

    .page-id-6899 #content .right {
        float: left;
        width: 100%;
        padding-left: 0;
    }

    img.alignleft,
    img.alignright {
        float: left;
        margin: 0 0px 30px 0;
        width: 100%;
    }

    .home #text-2 {
        display: none;
    }

    #top h6 {
        display: none;
    }

    .grouped_form h3 {
        position: absolute;
        top: 30px;
        left: 20px;
        margin: 0;
        line-height: 40px;
        font-size: 17px;
    }

    #closegroup {
        position: absolute;
        top: 30px;
        right: 20px;
        width: 90px !important;
        padding: 13px 0px !important;
        max-width: 100px !important;
        min-width: 1px !important;
    }

    .productRight,
    .productLeft {
        width: 100%;
    }

    .container {
        width: 90%;
        max-width: 90%;
    }

    .grouped_form {
        width: 98%;
        padding: 100px 0 50px;
    }

    .woocommerce .grouped_form .quantity .qty {
        width: 100% !important;
        min-width: 1px !important;
    }

    ul.news li {
        display: inline-block;
        vertical-align: top;
        text-align: left;
        width: 100%;
        margin: 0 0px 30px 0;
    }

    .woocommerce-grouped-product-list-item img.fire {
        height: auto;
        width: 20px;
        margin: 0px 0px 10px;
    }

    .woocommerce-grouped-product-list-item td:nth-of-type(2),
    .woocommerce-grouped-product-list-item th:nth-of-type(2) {
        width: 50% !important;
    }

    .woocommerce-grouped-product-list-item td:nth-of-type(3),
    .woocommerce-grouped-product-list-item th:nth-of-type(3) {
        width: 25% !important;
        text-align: left !important;
    }

    .woocommerce-grouped-product-list-item th:nth-of-type(1),
    .woocommerce-grouped-product-list-item th:nth-of-type(2),
    .woocommerce-grouped-product-list-item th:nth-of-type(3),
    .woocommerce-grouped-product-list-item th:nth-of-type(4) {
        font-weight: 500;
        text-align: left;
        padding: 10px 0 10px 10px;
        font-size: 12px;
    }

    .woocommerce-grouped-product-list-item td:nth-of-type(1),
    .woocommerce-grouped-product-list-item td:nth-of-type(2),
    .woocommerce-grouped-product-list-item td:nth-of-type(3),
    .woocommerce-grouped-product-list-item td:nth-of-type(4) {
        font-weight: 500;
        text-align: left;
        padding: 10px 0 10px 10px;
        font-size: 12px;
    }

    .woocommerce-grouped-product-list-item td:nth-of-type(3) {
        padding-left: 10px !important;
    }

    .woocommerce-grouped-product-list-item th:nth-of-type(4),
    .woocommerce-grouped-product-list-item td:nth-of-type(4) {
        padding-left: 10px;
    }

    .grouped_form .overflow button {
        margin: 0 0 0 20px !important;
    }
	
	#hero .owl-theme .owl-dots .owl-dot span {
    width: 10px !important;
    height: 10px !important;
}

}