@charset "UTF-8";
/*--------------------------------------------------------------
# Abstracts
--------------------------------------------------------------*/
/*!
 * 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;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}
.hamburger:hover {
    opacity: 0.7;
}
.hamburger.is-active:hover {
    opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #000;
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
}

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

/*
 * 3DX
 */
.hamburger--3dx .hamburger-box {
    -webkit-perspective: 80px;
            perspective: 80px;
}
.hamburger--3dx .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DX Reverse
 */
.hamburger--3dx-r .hamburger-box {
    -webkit-perspective: 80px;
            perspective: 80px;
}
.hamburger--3dx-r .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DY
 */
.hamburger--3dy .hamburger-box {
    -webkit-perspective: 80px;
            perspective: 80px;
}
.hamburger--3dy .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DY Reverse
 */
.hamburger--3dy-r .hamburger-box {
    -webkit-perspective: 80px;
            perspective: 80px;
}
.hamburger--3dy-r .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DXY
 */
.hamburger--3dxy .hamburger-box {
    -webkit-perspective: 80px;
            perspective: 80px;
}
.hamburger--3dxy .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(180deg) rotateY(180deg);
            transform: rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DXY Reverse
 */
.hamburger--3dxy-r .hamburger-box {
    -webkit-perspective: 80px;
            perspective: 80px;
}
.hamburger--3dxy-r .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
            transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg);
}

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

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

/*
 * Arrow Alt
 */
.hamburger--arrowalt .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(-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);
    transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(-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);
    transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Alt Right
 */
.hamburger--arrowalt-r .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(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);
    transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(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);
    transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

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

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

/*
 * Boring
 */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
    -webkit-transition-property: none;
    transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: 0.13s;
            transition-duration: 0.13s;
    -webkit-transition-delay: 0.13s;
            transition-delay: 0.13s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
    top: -20px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
    -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg);
    -webkit-transition-delay: 0.22s;
            transition-delay: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Collapse Reverse
 */
.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: 0.13s;
            transition-duration: 0.13s;
    -webkit-transition-delay: 0.13s;
            transition-delay: 0.13s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
    -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
            transform: translate3d(0, -10px, 0) rotate(45deg);
    -webkit-transition-delay: 0.22s;
            transition-delay: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

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

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

/*
 * Emphatic
 */
.hamburger--emphatic {
    overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
    -webkit-transition: background-color 0.125s 0.175s ease-in;
    transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
    left: 0;
    -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic .hamburger-inner::after {
    top: 10px;
    right: 0;
    -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    background-color: transparent !important;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
    left: -80px;
    top: -80px;
    -webkit-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);
    transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
    right: -80px;
    top: -80px;
    -webkit-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);
    transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Emphatic Reverse
 */
.hamburger--emphatic-r {
    overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
    -webkit-transition: background-color 0.125s 0.175s ease-in;
    transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
    left: 0;
    -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic-r .hamburger-inner::after {
    top: 10px;
    right: 0;
    -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
    transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic-r.is-active .hamburger-inner {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    background-color: transparent !important;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
    left: -80px;
    top: 80px;
    -webkit-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);
    transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
    right: -80px;
    top: 80px;
    -webkit-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);
    transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

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

/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
    top: 2px;
}
.hamburger--slider .hamburger-inner::before {
    top: 10px;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
    top: 20px;
}
.hamburger--slider.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
    -webkit-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 {
    -webkit-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: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
            transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
    top: 20px;
}
.hamburger--slider-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
            transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
    -webkit-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 {
    -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
            transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
    -webkit-transition-duration: 0.22s;
            transition-duration: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
    -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
            transform: rotate(225deg);
    -webkit-transition-delay: 0.12s;
            transition-delay: 0.12s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spin Reverse
 */
.hamburger--spin-r .hamburger-inner {
    -webkit-transition-duration: 0.22s;
            transition-duration: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-225deg);
        -ms-transform: rotate(-225deg);
            transform: rotate(-225deg);
    -webkit-transition-delay: 0.12s;
            transition-delay: 0.12s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spring
 */
.hamburger--spring .hamburger-inner {
    top: 2px;
    -webkit-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);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
    top: 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);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
    -webkit-transition-delay: 0.22s;
            transition-delay: 0.22s;
    background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 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;
            transition-duration: 0.13s;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg);
    -webkit-transition-delay: 0.22s;
            transition-delay: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand
 */
.hamburger--stand .hamburger-inner {
    -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
    transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::before {
    -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
    -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    background-color: transparent !important;
    -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
    transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand Reverse
 */
.hamburger--stand-r .hamburger-inner {
    -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
    transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::before {
    -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
    -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    background-color: transparent !important;
    -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
    transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
    -webkit-transition-duration: 0.075s;
            transition-duration: 0.075s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
    -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
    transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
    -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition-delay: 0.12s;
            transition-delay: 0.12s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Vortex
 */
.hamburger--vortex .hamburger-inner {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
            transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    -webkit-transition-duration: 0s;
            transition-duration: 0s;
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
    -webkit-transition-property: top, opacity;
    transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform;
}
.hamburger--vortex.is-active .hamburger-inner {
    -webkit-transform: rotate(765deg);
        -ms-transform: rotate(765deg);
            transform: rotate(765deg);
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
            transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

/*
 * Vortex Reverse
 */
.hamburger--vortex-r .hamburger-inner {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
            transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    -webkit-transition-duration: 0s;
            transition-duration: 0s;
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
    -webkit-transition-property: top, opacity;
    transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-765deg);
        -ms-transform: rotate(-765deg);
            transform: rotate(-765deg);
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
            transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

/*--------------------------------------------------------------
# Abstracts Imports
--------------------------------------------------------------*/
/**
 * Flexbox layout mixin
 * @param {String} $direction [row] - Flex direction
 * @param {String} $justify [center] - Justify content
 * @param {String} $align [center] - Align items
 * @param {String} $wrap [nowrap] - Flex wrap
 */
/**
 * Position Mixin
 * @param {String} $position - Position value
 * @param {Length} $top [null] - Top offset
 * @param {Length} $right [null] - Right offset
 * @param {Length} $bottom [null] - Bottom offset
 * @param {Length} $left [null] - Left offset
 */
/**
 * Font Style Mixin
 * @param {Length} $size - Font size
 * @param {String|Number} $weight [normal] - Font weight
 * @param {Number} $line-height [1.5] - Line height
 */
/**
 * Container Mixin
 * @param {Length} $width [100%] - Container width
 * @param {Length} $max-width [$container__width-default] - Container max width
 * @param {Length} $margin-right [auto] - Container right margin
 * @param {Length} $margin-left [auto] - Container left margin
 */
/**
 * Convert pixels to rem units
 * @param {Number} $pixels - Value in pixels
 * @param {Number} $base-font-size [16] - Base font size in pixels
 * @return {Number} Value in rem units
 */
/**
 * Lighten a color
 * @param {Color} $color - Color to lighten
 * @param {Number} $percentage - Percentage by which to lighten the color
 * @return {Color} Lightened color
 */
/**
 * Darken a color
 * @param {Color} $color - Color to darken
 * @param {Number} $percentage - Percentage by which to darken the color
 * @return {Color} Darkened color
 */
/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Font Size
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Widths
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Responsive Breakpoints
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Root Variables
--------------------------------------------------------------*/
:root {
    --color-primary: #ed2939;
    --color-secondary: #333;
    --color-tertiary: #e1e1e1;
    --color-white: #fff;
    --color-black: #000;
    --swiper-theme-color: #ed2939 !important;
    --color-background-primary: #ed2939;
    --color-background-body: #fff;
    --color-background-alternative: #f5f5f5;
    --color-background-dark: #333;
    --color-background-button: #ed2939;
    --color-text-screen: #333;
    --color-text-main: #333;
    --color-text-input: #333;
    --color-text-input-focus: #333;
    --color-link: #333;
    --color-link-visited: #ed2939;
    --color-link-hover: #ed2939;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
}

/*--------------------------------------------------------------
# Utility Classes
--------------------------------------------------------------*/
.w-1-12 {
    width: 8.3333333333%;
}

.w-2-12 {
    width: 16.6666666667%;
}

.w-3-12 {
    width: 25%;
}

.w-4-12 {
    width: 33.3333333333%;
}

.w-5-12 {
    width: 41.6666666667%;
}

.w-6-12 {
    width: 50%;
}

.w-7-12 {
    width: 58.3333333333%;
}

.w-8-12 {
    width: 66.6666666667%;
}

.w-9-12 {
    width: 75%;
}

.w-10-12 {
    width: 83.3333333333%;
}

.w-11-12 {
    width: 91.6666666667%;
}

.w-12-12 {
    width: 100%;
}

.w-full {
    width: 100%;
}

.w-screen {
    width: 100vw;
}

.h-1-12 {
    height: 8.3333333333%;
}

.h-2-12 {
    height: 16.6666666667%;
}

.h-3-12 {
    height: 25%;
}

.h-4-12 {
    height: 33.3333333333%;
}

.h-5-12 {
    height: 41.6666666667%;
}

.h-6-12 {
    height: 50%;
}

.h-7-12 {
    height: 58.3333333333%;
}

.h-8-12 {
    height: 66.6666666667%;
}

.h-9-12 {
    height: 75%;
}

.h-10-12 {
    height: 83.3333333333%;
}

.h-11-12 {
    height: 91.6666666667%;
}

.h-12-12 {
    height: 100%;
}

.h-full {
    height: 100%;
}

.h-screen {
    height: 100vh;
}

.m-0 {
    margin: 0;
}

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

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

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

.mr-0 {
    margin-right: 0;
}

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

.ml-0 {
    margin-left: 0;
}

.p-0 {
    padding: 0;
}

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

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

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

.pr-0 {
    padding-right: 0;
}

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

.pl-0 {
    padding-left: 0;
}

.m-1 {
    margin: 0.25rem;
}

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

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

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

.mr-1 {
    margin-right: 0.25rem;
}

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

.ml-1 {
    margin-left: 0.25rem;
}

.p-1 {
    padding: 0.25rem;
}

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

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

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

.pr-1 {
    padding-right: 0.25rem;
}

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

.pl-1 {
    padding-left: 0.25rem;
}

.m-2 {
    margin: 0.5rem;
}

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

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

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

.mr-2 {
    margin-right: 0.5rem;
}

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

.ml-2 {
    margin-left: 0.5rem;
}

.p-2 {
    padding: 0.5rem;
}

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

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

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

.pr-2 {
    padding-right: 0.5rem;
}

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

.pl-2 {
    padding-left: 0.5rem;
}

.m-3 {
    margin: 0.75rem;
}

.mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}

.my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.mt-3 {
    margin-top: 0.75rem;
}

.mr-3 {
    margin-right: 0.75rem;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

.ml-3 {
    margin-left: 0.75rem;
}

.p-3 {
    padding: 0.75rem;
}

.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.pt-3 {
    padding-top: 0.75rem;
}

.pr-3 {
    padding-right: 0.75rem;
}

.pb-3 {
    padding-bottom: 0.75rem;
}

.pl-3 {
    padding-left: 0.75rem;
}

.m-4 {
    margin: 1rem;
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mr-4 {
    margin-right: 1rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.ml-4 {
    margin-left: 1rem;
}

.p-4 {
    padding: 1rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.pt-4 {
    padding-top: 1rem;
}

.pr-4 {
    padding-right: 1rem;
}

.pb-4 {
    padding-bottom: 1rem;
}

.pl-4 {
    padding-left: 1rem;
}

.m-5 {
    margin: 1.25rem;
}

.mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.mt-5 {
    margin-top: 1.25rem;
}

.mr-5 {
    margin-right: 1.25rem;
}

.mb-5 {
    margin-bottom: 1.25rem;
}

.ml-5 {
    margin-left: 1.25rem;
}

.p-5 {
    padding: 1.25rem;
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.pt-5 {
    padding-top: 1.25rem;
}

.pr-5 {
    padding-right: 1.25rem;
}

.pb-5 {
    padding-bottom: 1.25rem;
}

.pl-5 {
    padding-left: 1.25rem;
}

.m-6 {
    margin: 1.5rem;
}

.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

.mr-6 {
    margin-right: 1.5rem;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.ml-6 {
    margin-left: 1.5rem;
}

.p-6 {
    padding: 1.5rem;
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.pt-6 {
    padding-top: 1.5rem;
}

.pr-6 {
    padding-right: 1.5rem;
}

.pb-6 {
    padding-bottom: 1.5rem;
}

.pl-6 {
    padding-left: 1.5rem;
}

.m-8 {
    margin: 2rem;
}

.mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.mt-8 {
    margin-top: 2rem;
}

.mr-8 {
    margin-right: 2rem;
}

.mb-8 {
    margin-bottom: 2rem;
}

.ml-8 {
    margin-left: 2rem;
}

.p-8 {
    padding: 2rem;
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.pt-8 {
    padding-top: 2rem;
}

.pr-8 {
    padding-right: 2rem;
}

.pb-8 {
    padding-bottom: 2rem;
}

.pl-8 {
    padding-left: 2rem;
}

.m-10 {
    margin: 2.5rem;
}

.mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
}

.my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.mt-10 {
    margin-top: 2.5rem;
}

.mr-10 {
    margin-right: 2.5rem;
}

.mb-10 {
    margin-bottom: 2.5rem;
}

.ml-10 {
    margin-left: 2.5rem;
}

.p-10 {
    padding: 2.5rem;
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.pt-10 {
    padding-top: 2.5rem;
}

.pr-10 {
    padding-right: 2.5rem;
}

.pb-10 {
    padding-bottom: 2.5rem;
}

.pl-10 {
    padding-left: 2.5rem;
}

.m-12 {
    margin: 3rem;
}

.mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
}

.my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.mt-12 {
    margin-top: 3rem;
}

.mr-12 {
    margin-right: 3rem;
}

.mb-12 {
    margin-bottom: 3rem;
}

.ml-12 {
    margin-left: 3rem;
}

.p-12 {
    padding: 3rem;
}

.px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.pt-12 {
    padding-top: 3rem;
}

.pr-12 {
    padding-right: 3rem;
}

.pb-12 {
    padding-bottom: 3rem;
}

.pl-12 {
    padding-left: 3rem;
}

.m-16 {
    margin: 4rem;
}

.mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
}

.my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.mt-16 {
    margin-top: 4rem;
}

.mr-16 {
    margin-right: 4rem;
}

.mb-16 {
    margin-bottom: 4rem;
}

.ml-16 {
    margin-left: 4rem;
}

.p-16 {
    padding: 4rem;
}

.px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
}

.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.pt-16 {
    padding-top: 4rem;
}

.pr-16 {
    padding-right: 4rem;
}

.pb-16 {
    padding-bottom: 4rem;
}

.pl-16 {
    padding-left: 4rem;
}

.m-20 {
    margin: 5rem;
}

.mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
}

.my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.mt-20 {
    margin-top: 5rem;
}

.mr-20 {
    margin-right: 5rem;
}

.mb-20 {
    margin-bottom: 5rem;
}

.ml-20 {
    margin-left: 5rem;
}

.p-20 {
    padding: 5rem;
}

.px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.pt-20 {
    padding-top: 5rem;
}

.pr-20 {
    padding-right: 5rem;
}

.pb-20 {
    padding-bottom: 5rem;
}

.pl-20 {
    padding-left: 5rem;
}

.m-24 {
    margin: 6rem;
}

.mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
}

.my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

.mt-24 {
    margin-top: 6rem;
}

.mr-24 {
    margin-right: 6rem;
}

.mb-24 {
    margin-bottom: 6rem;
}

.ml-24 {
    margin-left: 6rem;
}

.p-24 {
    padding: 6rem;
}

.px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
}

.py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.pt-24 {
    padding-top: 6rem;
}

.pr-24 {
    padding-right: 6rem;
}

.pb-24 {
    padding-bottom: 6rem;
}

.pl-24 {
    padding-left: 6rem;
}

.m-32 {
    margin: 8rem;
}

.mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
}

.my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
}

.mt-32 {
    margin-top: 8rem;
}

.mr-32 {
    margin-right: 8rem;
}

.mb-32 {
    margin-bottom: 8rem;
}

.ml-32 {
    margin-left: 8rem;
}

.p-32 {
    padding: 8rem;
}

.px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
}

.py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.pt-32 {
    padding-top: 8rem;
}

.pr-32 {
    padding-right: 8rem;
}

.pb-32 {
    padding-bottom: 8rem;
}

.pl-32 {
    padding-left: 8rem;
}

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Font Size
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Widths
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Responsive Breakpoints
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Root Variables
--------------------------------------------------------------*/
:root {
    --color-primary: #ed2939;
    --color-secondary: #333;
    --color-tertiary: #e1e1e1;
    --color-white: #fff;
    --color-black: #000;
    --swiper-theme-color: #ed2939 !important;
    --color-background-primary: #ed2939;
    --color-background-body: #fff;
    --color-background-alternative: #f5f5f5;
    --color-background-dark: #333;
    --color-background-button: #ed2939;
    --color-text-screen: #333;
    --color-text-main: #333;
    --color-text-input: #333;
    --color-text-input-focus: #333;
    --color-link: #333;
    --color-link-visited: #ed2939;
    --color-link-hover: #ed2939;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
}

/**
 * Flexbox layout mixin
 * @param {String} $direction [row] - Flex direction
 * @param {String} $justify [center] - Justify content
 * @param {String} $align [center] - Align items
 * @param {String} $wrap [nowrap] - Flex wrap
 */
/**
 * Position Mixin
 * @param {String} $position - Position value
 * @param {Length} $top [null] - Top offset
 * @param {Length} $right [null] - Right offset
 * @param {Length} $bottom [null] - Bottom offset
 * @param {Length} $left [null] - Left offset
 */
/**
 * Font Style Mixin
 * @param {Length} $size - Font size
 * @param {String|Number} $weight [normal] - Font weight
 * @param {Number} $line-height [1.5] - Line height
 */
/**
 * Container Mixin
 * @param {Length} $width [100%] - Container width
 * @param {Length} $max-width [$container__width-default] - Container max width
 * @param {Length} $margin-right [auto] - Container right margin
 * @param {Length} $margin-left [auto] - Container left margin
 */
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Reset Styles
--------------------------------------------------------------*/
*,
*::before,
*::after {
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
    padding: 0;
    margin: 0;
}

:where(:root) {
    line-height: 1.5;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

:where(main) {
    display: block;
}

:where(h1) {
    font-size: 2em;
    margin: 0.67em 0;
}

:where(p + p) {
    margin-top: 1rem;
}

:where(a) {
    background-color: transparent;
}

:where(abbr[title]) {
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
}

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

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

:where(sub) {
    bottom: -0.25em;
}

:where(sup) {
    top: -0.5em;
}

:where(button, input, optgroup, select, textarea) {
    line-height: inherit;
    border: 1px solid currentColor;
}

:where(button) {
    overflow: visible;
    text-transform: none;
}

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

:where(input) {
    overflow: visible;
}

:where(input, textarea) {
    padding: 1px;
}

:where(fieldset) {
    border: 0.0625rem solid currentColor;
    margin: 0 2px;
}

:where(legend) {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal;
}

:where(progress) {
    display: inline-block;
    vertical-align: baseline;
}

:where(select) {
    text-transform: none;
}

:where(textarea) {
    overflow: auto;
    vertical-align: top;
}

:where([type=search]) {
    -webkit-appearance: textfield;
    outline-offset: -0.125rem;
}

:where([type=color]) {
    background: inherit;
}

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

::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.5;
}

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

::-moz-focus-inner {
    border: 0;
}

:-moz-focusring {
    outline: 0.0625rem dotted ButtonText;
}

:-moz-ui-invalid {
    box-shadow: none;
}

:where(hr) {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    height: 0;
    color: inherit;
    overflow: visible;
}

:where(dl, ol, ul) {
    margin: 1em 0;
}

:where(ol ol, ol ul, ol dl, ul ol, ul ul, ul dl, dl ol, dl ul, dl dl) {
    margin: 0;
}

:where(b, strong) {
    font-weight: bolder;
}

:where(audio, video) {
    display: inline-block;
}

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

:where(img) {
    border: 0;
}

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

:where(table) {
    text-indent: 0;
    border-color: inherit;
}

:where(details) {
    display: block;
}

:where(dialog) {
    background-color: inherit;
    border: solid;
    color: inherit;
    display: block;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
:where(dialog):not([open]) {
    display: none;
}

:where(summary) {
    display: list-item;
}

:where(canvas) {
    display: inline-block;
}

:where(template) {
    display: none;
}

:where([hidden]) {
    display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/* barlow-condensed-100 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Barlow Condensed";
    font-style: normal;
    font-weight: 100;
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-100.eot"); /* IE9 Compat Modes */
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-100.eot?#iefix") format("embedded-opentype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-100.woff2") format("woff2"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-100.woff") format("woff"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-100.ttf") format("truetype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-100.svg#BarlowCondensed") format("svg"); /* Legacy iOS */
}
/* barlow-condensed-100italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Barlow Condensed";
    font-style: italic;
    font-weight: 100;
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-100italic.eot"); /* IE9 Compat Modes */
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-100italic.eot?#iefix") format("embedded-opentype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-100italic.woff2") format("woff2"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-100italic.woff") format("woff"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-100italic.ttf") format("truetype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-100italic.svg#BarlowCondensed") format("svg"); /* Legacy iOS */
}
/* barlow-condensed-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Barlow Condensed";
    font-style: normal;
    font-weight: 200;
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-200.eot"); /* IE9 Compat Modes */
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-200.eot?#iefix") format("embedded-opentype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-200.woff2") format("woff2"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-200.woff") format("woff"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-200.ttf") format("truetype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-200.svg#BarlowCondensed") format("svg"); /* Legacy iOS */
}
/* barlow-condensed-200italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Barlow Condensed";
    font-style: italic;
    font-weight: 200;
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-200italic.eot"); /* IE9 Compat Modes */
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-200italic.eot?#iefix") format("embedded-opentype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-200italic.woff2") format("woff2"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-200italic.woff") format("woff"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-200italic.ttf") format("truetype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-200italic.svg#BarlowCondensed") format("svg"); /* Legacy iOS */
}
/* barlow-condensed-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Barlow Condensed";
    font-style: normal;
    font-weight: 300;
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-300.eot"); /* IE9 Compat Modes */
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-300.eot?#iefix") format("embedded-opentype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-300.woff2") format("woff2"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-300.woff") format("woff"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-300.ttf") format("truetype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-300.svg#BarlowCondensed") format("svg"); /* Legacy iOS */
}
/* barlow-condensed-300italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Barlow Condensed";
    font-style: italic;
    font-weight: 300;
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-300italic.eot"); /* IE9 Compat Modes */
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-300italic.woff2") format("woff2"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-300italic.woff") format("woff"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-300italic.ttf") format("truetype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-300italic.svg#BarlowCondensed") format("svg"); /* Legacy iOS */
}
/* barlow-condensed-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Barlow Condensed";
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-regular.eot"); /* IE9 Compat Modes */
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-regular.woff2") format("woff2"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-regular.woff") format("woff"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-regular.ttf") format("truetype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-regular.svg#BarlowCondensed") format("svg"); /* Legacy iOS */
}
/* barlow-condensed-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Barlow Condensed";
    font-style: italic;
    font-weight: 400;
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-italic.eot"); /* IE9 Compat Modes */
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-italic.eot?#iefix") format("embedded-opentype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-italic.woff2") format("woff2"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-italic.woff") format("woff"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-italic.ttf") format("truetype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-italic.svg#BarlowCondensed") format("svg"); /* Legacy iOS */
}
/* barlow-condensed-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Barlow Condensed";
    font-style: normal;
    font-weight: 500;
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-500.eot"); /* IE9 Compat Modes */
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-500.eot?#iefix") format("embedded-opentype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-500.woff2") format("woff2"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-500.woff") format("woff"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-500.ttf") format("truetype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-500.svg#BarlowCondensed") format("svg"); /* Legacy iOS */
}
/* barlow-condensed-500italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Barlow Condensed";
    font-style: italic;
    font-weight: 500;
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-500italic.eot"); /* IE9 Compat Modes */
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-500italic.eot?#iefix") format("embedded-opentype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-500italic.woff2") format("woff2"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-500italic.woff") format("woff"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-500italic.ttf") format("truetype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-500italic.svg#BarlowCondensed") format("svg"); /* Legacy iOS */
}
/* barlow-condensed-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Barlow Condensed";
    font-style: normal;
    font-weight: 600;
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-600.eot"); /* IE9 Compat Modes */
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-600.eot?#iefix") format("embedded-opentype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-600.woff2") format("woff2"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-600.woff") format("woff"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-600.ttf") format("truetype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-600.svg#BarlowCondensed") format("svg"); /* Legacy iOS */
}
/* barlow-condensed-600italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Barlow Condensed";
    font-style: italic;
    font-weight: 600;
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-600italic.eot"); /* IE9 Compat Modes */
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-600italic.eot?#iefix") format("embedded-opentype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-600italic.woff2") format("woff2"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-600italic.woff") format("woff"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-600italic.ttf") format("truetype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-600italic.svg#BarlowCondensed") format("svg"); /* Legacy iOS */
}
/* barlow-condensed-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Barlow Condensed";
    font-style: normal;
    font-weight: 700;
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-700.eot"); /* IE9 Compat Modes */
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-700.eot?#iefix") format("embedded-opentype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-700.woff2") format("woff2"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-700.woff") format("woff"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-700.ttf") format("truetype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-700.svg#BarlowCondensed") format("svg"); /* Legacy iOS */
}
/* barlow-condensed-700italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Barlow Condensed";
    font-style: italic;
    font-weight: 700;
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-700italic.eot"); /* IE9 Compat Modes */
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-700italic.woff2") format("woff2"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-700italic.woff") format("woff"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-700italic.ttf") format("truetype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-700italic.svg#BarlowCondensed") format("svg"); /* Legacy iOS */
}
/* barlow-condensed-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Barlow Condensed";
    font-style: normal;
    font-weight: 800;
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-800.eot"); /* IE9 Compat Modes */
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-800.eot?#iefix") format("embedded-opentype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-800.woff2") format("woff2"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-800.woff") format("woff"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-800.ttf") format("truetype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-800.svg#BarlowCondensed") format("svg"); /* Legacy iOS */
}
/* barlow-condensed-800italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Barlow Condensed";
    font-style: italic;
    font-weight: 800;
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-800italic.eot"); /* IE9 Compat Modes */
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-800italic.eot?#iefix") format("embedded-opentype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-800italic.woff2") format("woff2"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-800italic.woff") format("woff"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-800italic.ttf") format("truetype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-800italic.svg#BarlowCondensed") format("svg"); /* Legacy iOS */
}
/* barlow-condensed-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Barlow Condensed";
    font-style: normal;
    font-weight: 900;
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-900.eot"); /* IE9 Compat Modes */
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-900.eot?#iefix") format("embedded-opentype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-900.woff2") format("woff2"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-900.woff") format("woff"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-900.ttf") format("truetype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-900.svg#BarlowCondensed") format("svg"); /* Legacy iOS */
}
/* barlow-condensed-900italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Barlow Condensed";
    font-style: italic;
    font-weight: 900;
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-900italic.eot"); /* IE9 Compat Modes */
    src: url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-900italic.eot?#iefix") format("embedded-opentype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-900italic.woff2") format("woff2"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-900italic.woff") format("woff"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-900italic.ttf") format("truetype"), url("../../fonts/Barlow-Condensed/barlow-condensed-v12-latin-900italic.svg#BarlowCondensed") format("svg"); /* Legacy iOS */
}
body {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 1.25rem;
    line-height: 1.5;
    color: #333;
}
@media (max-width: 1439px) {
    body {
        font-size: 1.125rem;
    }
}
@media (max-width: 1024px) {
    body {
        font-size: 1.0625rem;
    }
}
@media (max-width: 767px) {
    body {
        font-size: 1rem;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 700;
    margin-bottom: 1.25rem;
}

p {
    margin-bottom: 1rem;
}

a {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    color: #333;
    padding: 0.625rem 0.9375rem;
    text-decoration: none;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
a:hover, a:active {
    color: #ed2939;
}

/*--------------------------------------------------------------
# Footer Styles
--------------------------------------------------------------*/
#App {
    overflow-x: hidden;
}
#App .Content {
    position: relative;
}
#App .Section, #App .image-and-text__section, #App .special-offers-slider__section {
    padding-top: 4.6875rem;
    padding-bottom: 4.6875rem;
    margin-top: 6.25rem;
    margin-bottom: 6.25rem;
}
@media (max-width: 1023px) {
    #App .Section, #App .image-and-text__section, #App .special-offers-slider__section {
        margin-top: 3.125rem;
        margin-bottom: 3.125rem;
        padding-top: 3.125rem;
        padding-bottom: 3.125rem;
    }
}
@media (max-width: 767px) {
    #App .Section, #App .image-and-text__section, #App .special-offers-slider__section {
        margin-top: 1.5625rem;
        margin-bottom: 1.5625rem;
        padding-top: 1.5625rem;
        padding-bottom: 1.5625rem;
    }
}
#App section {
    position: relative;
    margin-bottom: 4.6875rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}
@media (max-width: 767px) {
    #App section {
        margin-bottom: 50px;
    }
}

.wrapper {
    position: relative;
    width: 100%;
    max-width: 1260px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.breadcrumb {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.breadcrumb a,
.breadcrumb p {
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: left;
}
@media (max-width: 360px) {
    .breadcrumb p:last-child {
        display: none;
    }
}
.breadcrumb .separator svg {
    -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
            transform: translateY(2px);
}
@media (max-width: 360px) {
    .breadcrumb .separator:last-of-type {
        display: none;
    }
}
.breadcrumb a:hover {
    color: #ed2939;
}
.breadcrumb p {
    color: rgba(255, 255, 255, 0.5);
}

.aboutpage .image-and-text__container .image-and-text__content h2 {
    line-height: 1.1945;
}

.f78 {
    font-size: 78px;
}
@media (max-width: 1439px) {
    .f78 {
        font-size: 60px;
    }
}
@media (max-width: 1024px) {
    .f78 {
        font-size: 52px;
    }
}
@media (max-width: 767px) {
    .f78 {
        font-size: 34px;
    }
}

.f70 {
    font-size: 70px;
}
@media (max-width: 1439px) {
    .f70 {
        font-size: 60px;
    }
}
@media (max-width: 1024px) {
    .f70 {
        font-size: 52px;
    }
}
@media (max-width: 767px) {
    .f70 {
        font-size: 30px;
        line-height: 1.3;
    }
}

.f60 {
    font-size: 60px;
}
@media (max-width: 1439px) {
    .f60 {
        font-size: 50px;
    }
}
@media (max-width: 1024px) {
    .f60 {
        font-size: 36px;
    }
}
@media (max-width: 767px) {
    .f60 {
        font-size: 28px;
    }
}

.f56 {
    font-size: 56px;
}
@media (max-width: 1439px) {
    .f56 {
        font-size: 50px;
    }
}
@media (max-width: 1024px) {
    .f56 {
        font-size: 36px;
    }
}
@media (max-width: 767px) {
    .f56 {
        font-size: 28px;
    }
}

.f48 {
    font-size: 48px;
}
@media (max-width: 1439px) {
    .f48 {
        font-size: 44px;
    }
}
@media (max-width: 1024px) {
    .f48 {
        font-size: 40px;
    }
}
@media (max-width: 767px) {
    .f48 {
        font-size: 28px;
    }
}

.f40 {
    font-size: 40px;
}
@media (max-width: 1439px) {
    .f40 {
        font-size: 32px;
    }
}
@media (max-width: 1024px) {
    .f40 {
        font-size: 28px;
    }
}
@media (max-width: 767px) {
    .f40 {
        font-size: 26px;
    }
}

.f36 {
    font-size: 36px;
}
@media (max-width: 1439px) {
    .f36 {
        font-size: 32px;
    }
}
@media (max-width: 1024px) {
    .f36 {
        font-size: 28px;
    }
}
@media (max-width: 767px) {
    .f36 {
        font-size: 24px;
    }
}

.f32 {
    font-size: 32px;
}
@media (max-width: 1439px) {
    .f32 {
        font-size: 28px;
    }
}
@media (max-width: 1024px) {
    .f32 {
        font-size: 26px;
    }
}
@media (max-width: 767px) {
    .f32 {
        font-size: 24px;
    }
}

.f30 {
    font-size: 30px;
}
@media (max-width: 1439px) {
    .f30 {
        font-size: 28px;
    }
}
@media (max-width: 1024px) {
    .f30 {
        font-size: 26px;
    }
}
@media (max-width: 767px) {
    .f30 {
        font-size: 24px;
    }
}

.f28 {
    font-size: 28px;
}
@media (max-width: 1439px) {
    .f28 {
        font-size: 26px;
    }
}
@media (max-width: 1024px) {
    .f28 {
        font-size: 23px;
    }
}
@media (max-width: 767px) {
    .f28 {
        font-size: 21px;
    }
}

.f26 {
    font-size: 26px;
}
@media (max-width: 1439px) {
    .f26 {
        font-size: 24px;
    }
}
@media (max-width: 1024px) {
    .f26 {
        font-size: 22px;
    }
}
@media (max-width: 767px) {
    .f26 {
        font-size: 20px;
    }
}

.f24 {
    font-size: 24px;
}
@media (max-width: 1439px) {
    .f24 {
        font-size: 21px;
    }
}
@media (max-width: 1024px) {
    .f24 {
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    .f24 {
        font-size: 18px;
    }
}
@media (max-width: 399px) {
    .f24 {
        font-size: 16px;
    }
}

.f23 {
    font-size: 23px;
}
@media (max-width: 1439px) {
    .f23 {
        font-size: 21px;
    }
}
@media (max-width: 1024px) {
    .f23 {
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    .f23 {
        font-size: 18px;
    }
}
@media (max-width: 399px) {
    .f23 {
        font-size: 16px;
    }
}

.f22 {
    font-size: 22px;
}
@media (max-width: 1439px) {
    .f22 {
        font-size: 18px;
    }
}
@media (max-width: 1024px) {
    .f22 {
        font-size: 17px;
    }
}
@media (max-width: 767px) {
    .f22 {
        font-size: 16px;
    }
}

.f21 {
    font-size: 21px;
}
@media (max-width: 1439px) {
    .f21 {
        font-size: 19px;
    }
}
@media (max-width: 1024px) {
    .f21 {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .f21 {
        font-size: 16px;
    }
}

.f20 {
    font-size: 20px;
}
@media (max-width: 1439px) {
    .f20 {
        font-size: 18px;
    }
}
@media (max-width: 1024px) {
    .f20 {
        font-size: 17px;
    }
}
@media (max-width: 767px) {
    .f20 {
        font-size: 16px;
    }
}

.f18 {
    font-size: 18px;
}
@media (max-width: 1024px) {
    .f18 {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .f18 {
        font-size: 14px;
    }
}

.f17 {
    font-size: 17px;
}
@media (max-width: 1024px) {
    .f17 {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .f17 {
        font-size: 14px;
    }
}

.f16 {
    font-size: 16px;
}
@media (max-width: 1024px) {
    .f16 {
        font-size: 15px;
    }
}
@media (max-width: 767px) {
    .f16 {
        font-size: 14px;
    }
}

.f15 {
    font-size: 15px;
}
@media (max-width: 767px) {
    .f15 {
        font-size: 14px;
    }
}

.f14 {
    font-size: 14px;
}

.f12 {
    font-size: 12px;
}
.f12.i {
    font-style: italic;
}

.content h2 {
    font-size: 2.25rem;
    font-weight: 600;
    margin-top: 85px;
    margin-bottom: 28px;
}
@media (max-width: 1024px) {
    .content h2 {
        margin-bottom: 20px;
        font-size: 32px;
    }
}
@media (max-width: 767px) {
    .content h2 {
        margin-bottom: 15px;
        margin-top: 40px;
        font-size: 26px;
    }
}
.content h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}
@media (max-width: 1024px) {
    .content h3 {
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .content h3 {
        margin-bottom: 15px;
        font-size: 18px;
    }
}
.content h3:not(:first-child) {
    margin-top: 40px;
}
@media (max-width: 1024px) {
    .content h3:not(:first-child) {
        margin-top: 25px;
    }
}
@media (max-width: 767px) {
    .content h3:not(:first-child) {
        margin-top: 20px;
    }
}
.content p {
    font-size: 20px;
    text-align: left;
}
@media (max-width: 767px) {
    .content p {
        font-size: 16px;
    }
}
.content p:empty {
    display: none;
}
.content p:not(:last-child) {
    margin-bottom: 25px;
}
@media (max-width: 1024px) {
    .content p:not(:last-child) {
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .content p:not(:last-child) {
        margin-bottom: 15px;
    }
}
.content blockquote,
.content em {
    font-size: 20px;
    line-height: 1.33;
    text-align: left;
}
@media (max-width: 767px) {
    .content blockquote,
    .content em {
        font-size: 18px;
    }
}
.content blockquote:not(:last-child),
.content em:not(:last-child) {
    margin-bottom: 30px;
}
@media (max-width: 1024px) {
    .content blockquote:not(:last-child),
    .content em:not(:last-child) {
        margin-bottom: 25px;
    }
}
@media (max-width: 767px) {
    .content blockquote:not(:last-child),
    .content em:not(:last-child) {
        margin-bottom: 20px;
    }
}
.content hr {
    margin: 20px 0;
}
.content a {
    text-decoration: underline;
    padding: 0 !important;
    font-size: 20px;
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.content a.button, .content a.special-offers-slider__button, .content a.services-slider__button, .content a.top-header__button, .content .Header__navigation-buttons-menu-item--find_tires a, .Header__navigation-buttons-menu-item--find_tires .content a, .content .Header__navigation-buttons-menu-item--find-location a, .Header__navigation-buttons-menu-item--find-location .content a {
    padding: 0.4375rem 1.25rem !important;
}
.content ol {
    list-style-position: inside;
    counter-reset: item;
}
.content ol li {
    display: block;
}
.content ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    color: #ed2939;
}
.content ul,
.content ol {
    position: relative;
    margin-top: 10px;
    margin-bottom: 40px;
    word-wrap: break-word;
}
.content ul li {
    padding-left: 15px;
}
.content ul li:before {
    content: "";
    width: 6px;
    min-width: 6px;
    max-width: 6px;
    height: 6px;
    min-height: 6px;
    max-height: 6px;
    border-radius: 50%;
    background-color: #ed2939;
    position: absolute;
    left: 0;
    top: 7px;
}
.content ul li ul li:before {
    background-color: transparent !important;
    border: 1px solid #ed2939 !important;
}
.content ul li ul li ul li:before {
    background-color: transparent !important;
    border: 1px solid #ed2939 !important;
    border-radius: 0 !important;
}
.content li {
    position: relative;
    z-index: 1;
    font-size: 20px;
    line-height: 1.33;
    text-align: left;
    color: #ed2939;
}
@media (max-width: 767px) {
    .content li {
        font-size: 18px;
    }
}
.content li:not(:last-child) {
    margin-bottom: 25px;
}
.content table {
    width: 100%;
    border: 1px solid #d9d9d9;
    border-collapse: collapse;
}
.content table * {
    border: 1px solid #d9d9d9;
}
.content table th {
    text-align: left;
}
.content table tr,
.content table td,
.content table th {
    padding: 10px;
}
.content img {
    margin: 40px 0;
    border-radius: 30px;
}
@media (max-width: 767px) {
    .content img {
        margin: 20px 0;
    }
}
.content strong,
.content b {
    font-weight: bold;
}
.content * img {
    width: 100%;
}
.content .is-layout-flex {
    position: relative;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: 40px 0;
}
@media (max-width: 1024px) {
    .content .is-layout-flex {
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
@media (max-width: 767px) {
    .content .is-layout-flex {
        margin: 20px 0;
    }
}
.content .is-layout-flex figure,
.content .is-layout-flex img {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    margin: 0;
}
@media (max-width: 1024px) {
    .content .is-layout-flex figure,
    .content .is-layout-flex img {
        width: 100% !important;
        height: auto !important;
    }
}
.content .wp-block-gallery.has-nested-images {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}
@media (max-width: 1149px) {
    .content .wp-block-gallery.has-nested-images {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 1024px) {
    .content .wp-block-gallery.has-nested-images {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .content .wp-block-gallery.has-nested-images {
        grid-gap: 10px;
    }
}
@media (max-width: 329px) {
    .content .wp-block-gallery.has-nested-images {
        grid-template-columns: 1fr;
    }
}
.content .wp-block-gallery.has-nested-images figure {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
    border-radius: 12px;
}
.content .wp-block-gallery.has-nested-images figure img {
    border-radius: 12px;
    -webkit-transition: 0.34s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.34s cubic-bezier(0.215, 0.61, 0.355, 1);
    width: 100%;
    height: 100%;
    margin: 0 !important;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
.content .wp-block-gallery.has-nested-images figure:hover img {
    -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
}
.content .is-vertically-aligned-center {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.content .wp-block-media-text {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 50px;
    margin: 40px 0;
}
@media (max-width: 1024px) {
    .content .wp-block-media-text {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
}
@media (max-width: 767px) {
    .content .wp-block-media-text {
        margin: 20px 0;
    }
}
.content .wp-block-media-text figure,
.content .wp-block-media-text img {
    margin: 0;
}
.content .wp-block-media-text__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Header Styles
--------------------------------------------------------------*/
.Header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: background-color 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
    transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
    transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
    z-index: 10001;
}
.Header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 1.25rem 1.25rem;
    margin: 0 auto;
}
@media (max-width: 1024px) {
    .Header__container {
        padding: 10px 20px;
    }
}
.Header__logo {
    position: relative;
    width: 145px;
    height: auto;
    z-index: 15;
    max-width: 550px;
}
@media (max-width: 1024px) {
    .Header__logo {
        width: 110px;
    }
}
.Header__logo-link {
    width: 100%;
    height: auto;
    display: block;
    padding: 0;
}
.Header__logo-link img {
    width: 100%;
    height: auto;
}
@media (max-width: 1024px) {
    .Header__navigation {
        display: none;
    }
}
.Header__navigation-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.25rem;
    list-style: none;
    text-decoration: none;
    margin: 0;
}
.Header__navigation-menu-item {
    position: relative;
}
.Header__navigation-menu-item.current-menu-item a, .Header__navigation-menu-item.current-menu-parent a {
    color: #ed2939;
}
.Header__navigation-menu-item.current-menu-item .sub-menu li a, .Header__navigation-menu-item.current-menu-parent .sub-menu li a {
    color: #333;
}
.Header__navigation-menu-item.current-menu-item .sub-menu li.current-menu-item a, .Header__navigation-menu-item.current-menu-parent .sub-menu li.current-menu-item a {
    color: #ed2939;
}
.Header__navigation-menu-item-link {
    line-height: 1.4;
    color: #333;
    padding: 0.625rem 0.9375rem;
    text-decoration: none;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    font-size: 20px;
    font-weight: 500;
}
.Header__navigation-menu-item-link:hover, .Header__navigation-menu-item-link:active {
    color: #ed2939;
}
.Header__navigation-menu-item:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
}
.Header__navigation-menu-item .sub-menu {
    position: absolute;
    top: 2.5rem;
    left: 0;
    padding: 0.3125rem 0;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 0.75rem;
    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 100;
}
.Header__navigation-menu-item .sub-menu:before, .Header__navigation-menu-item .sub-menu:after {
    content: "";
    position: absolute;
    border-style: solid;
}
.Header__navigation-menu-item .sub-menu:before {
    top: -0.71875rem;
    left: 1.1875rem;
    border-width: 0 0.6875rem 0.6875rem;
    border-color: transparent transparent #e1e1e1 transparent;
}
.Header__navigation-menu-item .sub-menu:after {
    top: -0.625rem;
    left: 1.25rem;
    border-width: 0 0.625rem 0.625rem;
    border-color: transparent transparent #fff transparent;
}
.Header__navigation-menu-item .sub-menu .sub-menu:before,
.Header__navigation-menu-item .sub-menu .sub-menu:after {
    display: none;
}
.Header__navigation-menu-item .sub-menu .Header__navigation-menu-item {
    display: block;
}
.Header__navigation-menu-item .sub-menu .Header__navigation-menu-item-link {
    padding: 0.3125rem 0.9375rem;
    display: block;
}
.Header__navigation-menu-item .sub-menu .sub-menu {
    top: 0;
    left: 100%;
}
.Header__navigation-menu-item .sub-menu a {
    font-size: 16px;
    font-weight: 400;
}
.Header__navigation-menu-item:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
}
@media (max-width: 1024px) {
    .Header__navigation-buttons {
        display: none;
    }
}
.Header__navigation-buttons-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.25rem;
    list-style: none;
    text-decoration: none;
    margin: 0;
}
.Header .menu_logo_buttons .Header__logo {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 0px 30px 10px 0px !important;
}
.Header .menu_logo_buttons .Header__navigation {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.Header .menu_logo_buttons .Header__navigation-buttons {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
}
.Header-mobile {
    display: none;
}
@media (max-width: 1024px) {
    .Header-mobile {
        visibility: hidden;
        pointer-events: none;
        width: 100%;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        position: fixed;
        top: 0;
        left: 0;
        will-change: transform;
        -webkit-transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
        display: block;
        -webkit-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
                transform: translateY(-100%);
        padding: 120px 20px 150px 20px;
        background: #fff;
        z-index: 14;
        min-height: 100vh;
        min-height: -webkit-fill-available;
        height: 100vh;
    }
    .Header-mobile.-open {
        visibility: visible;
        pointer-events: auto;
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
    }
    .Header-mobile .Header__navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .Header-mobile .Header__navigation nav {
        width: 100%;
    }
    .Header-mobile .Header__navigation ul {
        padding-top: 100px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
@media (max-width: 1024px) and (max-width: 1024px) {
    .Header-mobile .Header__navigation ul {
        padding-top: 30px;
    }
}
@media (max-width: 1024px) {
    .Header-mobile .Header__navigation ul li {
        width: 100%;
    }
    .Header-mobile .Header__navigation ul a {
        width: 100%;
        font-size: 20px;
        font-weight: 600;
    }
    .Header-mobile .Header__navigation ul .menu-item-has-children > a {
        position: relative;
        margin-inline: auto;
    }
    .Header-mobile .Header__navigation ul .menu-item-has-children > a:after {
        content: "+";
        position: absolute;
        right: 0;
        font-size: 24px;
        top: 6px;
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    }
    .Header-mobile .Header__navigation ul .menu-item-has-children.is-open > a:after {
        content: "−";
        position: absolute;
        right: 0;
        font-size: 24px;
        top: 6px;
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    }
    .Header-mobile .Header__navigation ul .menu-item-has-children .sub-menu {
        display: none;
        margin-top: 10px;
        position: relative;
        top: unset;
        left: unset;
        padding: 0 !important;
        width: 100%;
        min-width: 100%;
    }
    .Header-mobile .Header__navigation ul .menu-item-has-children .sub-menu.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        opacity: 1;
        visibility: visible;
    }
    .Header-mobile .Header__navigation-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 50px;
        width: 100%;
    }
    .Header-mobile .Header__navigation-buttons .Header__navigation-buttons-menu {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .Header-mobile .Header__navigation-buttons .Header__navigation-buttons-menu li {
        width: 100%;
    }
    .Header-mobile .Header__navigation-buttons .Header__navigation-buttons-menu a {
        padding: 10px 20px !important;
        width: 100% !important;
        font-size: 18px !important;
    }
}
.Header .hamburger {
    position: relative;
    display: none;
    padding: 0 !important;
    border-radius: 0 !important;
    width: 34px !important;
    background: none !important;
    opacity: 1 !important;
}
.Header .hamburger .hamburger-inner:before,
.Header .hamburger .hamburger-inner:after {
    width: 34px !important;
}
.Header .hamburger * {
    width: 34px !important;
}
@media (max-width: 1024px) {
    .Header .hamburger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        z-index: 15;
    }
}
.Header.is-sticky {
    top: 0;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.Header.is-hidden {
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.Header__navigation-buttons {
    font-size: 22px !important;
    font-weight: 500 !important;
    position: relative;
    height: auto;
    z-index: 15;
    max-width: 550px;
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important;
    padding: 0px 0px 10px 30px !important;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/*--------------------------------------------------------------
# Footer Styles
--------------------------------------------------------------*/
.Footer .site-footer {
    background-color: #333;
    color: #999;
    padding: 3.75rem 1.25rem 3.75rem 1.25rem;
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    margin: 0 1.25rem 1.25rem 1.25rem;
    z-index: 1;
    position: relative;
    overflow: hidden;
}
.Footer .site-footer-art {
    position: absolute;
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}
.Footer .site-footer-art svg {
    width: 100%;
    height: 100%;
}
.Footer .site-footer-art.left {
    bottom: 0;
    left: 0;
}
.Footer .site-footer-art.right {
    top: 0;
    right: 0;
}
@media (max-width: 767px) {
    .Footer .site-footer-art {
        display: none;
    }
}
.Footer .site-footer__container {
    width: 100%;
    max-width: 1200px;
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 15.625rem;
}
@media (max-width: 1024px) {
    .Footer .site-footer__container {
        gap: 80px;
    }
}
.Footer .site-footer__container-bottom {
    width: 100%;
    max-width: 1200px;
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.Footer .site-footer .footer-locations-slider {
    width: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}
.Footer .site-footer .footer-locations-slider .swiper-wrapper {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.Footer .site-footer .footer-locations-slider .swiper-slide {
    height: auto;
}
.Footer .site-footer__logo a {
    display: block;
    padding: 0;
}
.Footer .site-footer__logo img {
    max-width: 17.1875rem;
    height: auto;
    margin-bottom: 1.25rem;
}
.Footer .site-footer__widgets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 50px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
}
@media (max-width: 1024px) {
    .Footer .site-footer__widgets {
        gap: 20px;
    }
}
.Footer .site-footer__widget {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
}
.Footer .site-footer__widget h2 {
    color: #fff;
    font-weight: 600;
    font-size: 1.5rem;
}
.Footer .site-footer__widget--contact {
    margin-bottom: 0.625rem;
}
.Footer .site-footer__widget--contact-email a, .Footer .site-footer__widget--contact-phone a, .Footer .site-footer__widget--contact-address a {
    color: #999;
    text-decoration: none;
    padding: 0;
}
.Footer .site-footer__widget--contact-email a:hover, .Footer .site-footer__widget--contact-phone a:hover, .Footer .site-footer__widget--contact-address a:hover {
    text-decoration: underline;
}
.Footer .site-footer__widget--contact-phone a {
    color: #fff;
}
.Footer .site-footer__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.25rem;
}
.Footer .site-footer__social-text {
    color: #999999;
}
.Footer .site-footer__social-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    color: #fff;
    padding: 0.3125rem;
}
.Footer .site-footer__social-link:hover, .Footer .site-footer__social-link:focus {
    color: #ed2939;
}
.Footer .site-footer__social-link svg {
    width: 1.25rem;
    height: 1.25rem;
}
.Footer .site-footer__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 3.75rem;
}
.Footer .site-footer__heading {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1.25rem;
}
.Footer .site-footer__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-top: 6.25rem;
}
.Footer .site-footer__copyright {
    font-size: 0.875rem;
}
.Footer .site-footer__legal a {
    color: #fff;
    text-decoration: none;
    font-size: 0.875rem;
    margin-left: 1.25rem;
}
.Footer .site-footer__legal a:hover {
    text-decoration: underline;
}
.Footer .site-footer .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 1.25rem;
    list-style-type: none;
}
.Footer .site-footer .menu#menu-footer-legal-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0;
    gap: 0;
}
.Footer .site-footer .menu li a {
    padding-left: 0;
    color: #999999;
}
.Footer .site-footer .menu li a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .Footer .site-footer {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .Footer .site-footer::before, .Footer .site-footer::after {
        content: none;
        display: none;
    }
    .Footer .site-footer__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 2.5rem;
        padding: 0 !important;
    }
    .Footer .site-footer__logo {
        width: 100%;
    }
    .Footer .site-footer__logo img {
        max-width: 215px;
    }
    .Footer .site-footer__social {
        margin: 0;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }
    .Footer .site-footer__widgets {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%;
        gap: 1.875rem;
    }
    .Footer .site-footer__widget {
        width: 100%;
    }
    .Footer .site-footer__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        gap: 1.25rem;
        padding-top: 30px;
    }
    .Footer .site-footer__legal a {
        margin-left: 0;
        margin-right: 1.25rem;
    }
}
.page-content__header {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Button Styles
--------------------------------------------------------------*/
.button, .special-offers-slider__button, .services-slider__button, .top-header__button, button,
input[type=button],
input[type=reset],
input[type=submit], .Header__navigation-buttons-menu-item--find-location a, .Header__navigation-buttons-menu-item--find_tires a {
    font-family: "Barlow Condensed", sans-serif;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.3125rem;
    padding: 0.5625rem 1.25rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    border-radius: 0.75rem;
    border: 0.0625rem solid transparent;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
    .button, .special-offers-slider__button, .services-slider__button, .top-header__button, button,
    input[type=button],
    input[type=reset],
    input[type=submit], .Header__navigation-buttons-menu-item--find-location a, .Header__navigation-buttons-menu-item--find_tires a {
        font-size: 14px;
        padding: 5px 10px;
    }
}
.button svg, .special-offers-slider__button svg, .services-slider__button svg, .top-header__button svg, button svg,
input[type=button] svg,
input[type=reset] svg,
input[type=submit] svg, .Header__navigation-buttons-menu-item--find-location a svg, .Header__navigation-buttons-menu-item--find_tires a svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: currentColor;
}
.button--primary, button,
input[type=button],
input[type=reset],
input[type=submit], .Header__navigation-buttons-menu-item--find_tires a {
    background-color: #ed2939;
    color: #fff;
}
.button--primary:hover, button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover, .Header__navigation-buttons-menu-item--find_tires a:hover, .button--primary:focus, button:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus, .Header__navigation-buttons-menu-item--find_tires a:focus {
    background-color: #fff;
    color: #ed2939;
}
.button--secondary {
    background-color: #fff;
    color: #333;
}
.button--secondary:hover, .button--secondary:focus {
    background-color: #ed2939;
    color: #fff;
}
.button--tertiary, .top-header__button {
    background-color: #fff;
    color: #ed2939;
}
.button--tertiary:hover, .top-header__button:hover, .button--tertiary:focus, .top-header__button:focus {
    background-color: #ed2939;
    color: #fff;
}
.button--outline, .special-offers-slider__button, .services-slider__button, .Header__navigation-buttons-menu-item--find-location a {
    border-color: #e1e1e1;
    background-color: transparent;
}
.button--outline:hover, .special-offers-slider__button:hover, .services-slider__button:hover, .Header__navigation-buttons-menu-item--find-location a:hover, .button--outline:focus, .special-offers-slider__button:focus, .services-slider__button:focus, .Header__navigation-buttons-menu-item--find-location a:focus {
    border-color: #ed2939;
}
.button--outline.button--primary, .button--primary.special-offers-slider__button, .button--primary.services-slider__button, button.button--outline, button.special-offers-slider__button, button.services-slider__button,
input.button--outline[type=button],
input[type=button].special-offers-slider__button,
input[type=button].services-slider__button,
input.button--outline[type=reset],
input[type=reset].special-offers-slider__button,
input[type=reset].services-slider__button,
input.button--outline[type=submit],
input[type=submit].special-offers-slider__button,
input[type=submit].services-slider__button, .Header__navigation-buttons-menu-item--find-location a.button--primary, .Header__navigation-buttons-menu-item--find_tires a.button--outline, .Header__navigation-buttons-menu-item--find_tires a.special-offers-slider__button, .Header__navigation-buttons-menu-item--find_tires a.services-slider__button, .Header__navigation-buttons-menu-item--find-location .Header__navigation-buttons-menu-item--find_tires a, .Header__navigation-buttons-menu-item--find_tires .Header__navigation-buttons-menu-item--find-location a {
    color: #ed2939;
    border-color: #ed2939;
}
.button--outline.button--primary:hover, .button--primary.special-offers-slider__button:hover, .button--primary.services-slider__button:hover, button.button--outline:hover, button.special-offers-slider__button:hover, button.services-slider__button:hover,
input.button--outline[type=button]:hover,
input[type=button].special-offers-slider__button:hover,
input[type=button].services-slider__button:hover,
input.button--outline[type=reset]:hover,
input[type=reset].special-offers-slider__button:hover,
input[type=reset].services-slider__button:hover,
input.button--outline[type=submit]:hover,
input[type=submit].special-offers-slider__button:hover,
input[type=submit].services-slider__button:hover, .Header__navigation-buttons-menu-item--find-location a.button--primary:hover, .Header__navigation-buttons-menu-item--find_tires a.button--outline:hover, .Header__navigation-buttons-menu-item--find_tires a.special-offers-slider__button:hover, .Header__navigation-buttons-menu-item--find_tires a.services-slider__button:hover, .Header__navigation-buttons-menu-item--find-location .Header__navigation-buttons-menu-item--find_tires a:hover, .Header__navigation-buttons-menu-item--find_tires .Header__navigation-buttons-menu-item--find-location a:hover, .button--outline.button--primary:focus, .button--primary.special-offers-slider__button:focus, .button--primary.services-slider__button:focus, button.button--outline:focus, button.special-offers-slider__button:focus, button.services-slider__button:focus,
input.button--outline[type=button]:focus,
input[type=button].special-offers-slider__button:focus,
input[type=button].services-slider__button:focus,
input.button--outline[type=reset]:focus,
input[type=reset].special-offers-slider__button:focus,
input[type=reset].services-slider__button:focus,
input.button--outline[type=submit]:focus,
input[type=submit].special-offers-slider__button:focus,
input[type=submit].services-slider__button:focus, .Header__navigation-buttons-menu-item--find-location a.button--primary:focus, .Header__navigation-buttons-menu-item--find_tires a.button--outline:focus, .Header__navigation-buttons-menu-item--find_tires a.special-offers-slider__button:focus, .Header__navigation-buttons-menu-item--find_tires a.services-slider__button:focus, .Header__navigation-buttons-menu-item--find-location .Header__navigation-buttons-menu-item--find_tires a:focus, .Header__navigation-buttons-menu-item--find_tires .Header__navigation-buttons-menu-item--find-location a:focus {
    background-color: #ed2939;
    color: #fff;
}
.button--outline.button--secondary, .button--secondary.special-offers-slider__button, .button--secondary.services-slider__button, .Header__navigation-buttons-menu-item--find-location a.button--secondary {
    color: #333;
    border-color: #e1e1e1;
}
.button--outline.button--secondary:hover, .button--secondary.special-offers-slider__button:hover, .button--secondary.services-slider__button:hover, .Header__navigation-buttons-menu-item--find-location a.button--secondary:hover, .button--outline.button--secondary:focus, .button--secondary.special-offers-slider__button:focus, .button--secondary.services-slider__button:focus, .Header__navigation-buttons-menu-item--find-location a.button--secondary:focus {
    border-color: #ed2939;
    background-color: #ed2939;
    color: #fff;
}
.button--outlinewithprimarycolor {
    border-color: #e1e1e1;
    color: #ed2939;
    background-color: transparent;
}
.button--outlinewithprimarycolor svg * {
    fill: #ed2939;
}
.button--outlinewithprimarycolor:hover, .button--outlinewithprimarycolor:focus {
    background: #ed2939;
    border-color: #ed2939;
    color: #fff;
}
.button--outlinewithprimarycolor:hover svg *, .button--outlinewithprimarycolor:focus svg * {
    fill: #fff;
}
.button:disabled, .special-offers-slider__button:disabled, .services-slider__button:disabled, .top-header__button:disabled, button:disabled,
input[type=button]:disabled,
input[type=reset]:disabled,
input[type=submit]:disabled, .Header__navigation-buttons-menu-item--find-location a:disabled, .Header__navigation-buttons-menu-item--find_tires a:disabled, .button.is-disabled, .is-disabled.special-offers-slider__button, .is-disabled.services-slider__button, .is-disabled.top-header__button, button.is-disabled,
input.is-disabled[type=button],
input.is-disabled[type=reset],
input.is-disabled[type=submit], .Header__navigation-buttons-menu-item--find-location a.is-disabled, .Header__navigation-buttons-menu-item--find_tires a.is-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.button.find-closest-location .btn-icon, .find-closest-location.special-offers-slider__button .btn-icon, .find-closest-location.services-slider__button .btn-icon, .find-closest-location.top-header__button .btn-icon, button.find-closest-location .btn-icon,
input.find-closest-location[type=button] .btn-icon,
input.find-closest-location[type=reset] .btn-icon,
input.find-closest-location[type=submit] .btn-icon, .Header__navigation-buttons-menu-item--find-location a.find-closest-location .btn-icon, .Header__navigation-buttons-menu-item--find_tires a.find-closest-location .btn-icon {
    line-height: 1;
    height: 20px;
}
.button.find-closest-location .btn-loader, .find-closest-location.special-offers-slider__button .btn-loader, .find-closest-location.services-slider__button .btn-loader, .find-closest-location.top-header__button .btn-loader, button.find-closest-location .btn-loader,
input.find-closest-location[type=button] .btn-loader,
input.find-closest-location[type=reset] .btn-loader,
input.find-closest-location[type=submit] .btn-loader, .Header__navigation-buttons-menu-item--find-location a.find-closest-location .btn-loader, .Header__navigation-buttons-menu-item--find_tires a.find-closest-location .btn-loader {
    width: 18px;
    height: 18px;
    display: none;
    fill: transparent;
    -webkit-animation: spin 0.8s linear infinite;
            animation: spin 0.8s linear infinite;
}
.button.find-closest-location .loader-bg, .find-closest-location.special-offers-slider__button .loader-bg, .find-closest-location.services-slider__button .loader-bg, .find-closest-location.top-header__button .loader-bg, button.find-closest-location .loader-bg,
input.find-closest-location[type=button] .loader-bg,
input.find-closest-location[type=reset] .loader-bg,
input.find-closest-location[type=submit] .loader-bg, .Header__navigation-buttons-menu-item--find-location a.find-closest-location .loader-bg, .Header__navigation-buttons-menu-item--find_tires a.find-closest-location .loader-bg {
    stroke: #ed2939;
    opacity: 0.3;
    fill: transparent;
}
.button.find-closest-location .loader-fg, .find-closest-location.special-offers-slider__button .loader-fg, .find-closest-location.services-slider__button .loader-fg, .find-closest-location.top-header__button .loader-fg, button.find-closest-location .loader-fg,
input.find-closest-location[type=button] .loader-fg,
input.find-closest-location[type=reset] .loader-fg,
input.find-closest-location[type=submit] .loader-fg, .Header__navigation-buttons-menu-item--find-location a.find-closest-location .loader-fg, .Header__navigation-buttons-menu-item--find_tires a.find-closest-location .loader-fg {
    stroke: #ed2939;
    stroke-linecap: round;
    fill: transparent;
    stroke-dasharray: 30 95;
    stroke-dashoffset: 0;
}

/* rotație */
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
/*--------------------------------------------------------------
# Top Header Styles
--------------------------------------------------------------*/
.top-header {
    background-color: #ed2939;
    padding: 0.46875rem 0;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10002;
}
.top-header__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.75rem;
    padding: 0 1.25rem;
    margin: 0 auto;
}
@media (max-width: 767px) {
    .top-header__content {
        margin: 0;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
}
.top-header__title {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .top-header__title {
        text-align: left;
    }
}
.top-header__button {
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700;
}
.top-header.is-hidden {
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*--------------------------------------------------------------
# Hero Banner Slider Styles
--------------------------------------------------------------*/
.hero-banner-slider {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
@media (max-width: 1024px) {
    .hero-banner-slider {
        height: auto !important;
    }
}
.hero-banner-slider__section {
    position: relative;
}
.hero-banner-slider__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;
}
@media (max-width: 1024px) {
    .hero-banner-slider__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
.hero-banner-slider .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.hero-banner-slider__wrapper {
    height: 100%;
}
.hero-banner-slider__slide {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 1.5rem;
    z-index: 1;
}
.hero-banner-slider__slide:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    border-radius: 1.5rem;
}
.hero-banner-slider__content {
    position: absolute;
    left: 9.375rem;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    padding: 1.25rem;
    color: #fff;
    padding: 1.25rem;
    max-width: 31.25rem;
}
@media (max-width: 1199px) {
    .hero-banner-slider__content {
        left: 4.375rem;
    }
}
@media (max-width: 1024px) {
    .hero-banner-slider__content {
        position: relative;
        left: 0;
        top: 0;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        max-width: inherit;
        padding: 80px 20px 155px 20px;
    }
}
@media (max-width: 767px) {
    .hero-banner-slider__content {
        padding: 40px 20px 75px 20px;
    }
}
.hero-banner-slider__content-swipers {
    display: none;
}
@media (max-width: 1024px) {
    .hero-banner-slider__content-swipers {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        gap: 10px;
    }
    .hero-banner-slider__content-swipers .hero-banner-slider__button-prev,
    .hero-banner-slider__content-swipers .hero-banner-slider__button-next {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        position: relative !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important;
        width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
        margin: 0 !important;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .hero-banner-slider__content-swipers .hero-banner-slider__button-prev svg,
    .hero-banner-slider__content-swipers .hero-banner-slider__button-next svg {
        width: 18px;
        height: 18px;
        max-width: 18px;
        max-height: 18px;
        min-width: 18px;
        min-height: 18px;
    }
}
.hero-banner-slider__title {
    font-size: 3rem;
    text-transform: uppercase;
    font-style: italic;
    margin-bottom: 1.25rem;
}
@media (max-width: 1024px) {
    .hero-banner-slider__title {
        font-size: 36px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}
@media (max-width: 767px) {
    .hero-banner-slider__title {
        font-size: 32px;
    }
}
.hero-banner-slider__description {
    font-size: 1.125rem;
    margin-bottom: 1.875rem;
}
.hero-banner-slider__button-prev, .hero-banner-slider__button-next, .hero-banner-slider__button-alt-prev, .hero-banner-slider__button-alt-next {
    color: #333;
    position: absolute;
    top: 50%;
    width: 2.5rem;
    height: 2.5rem;
    margin-top: calc(0px - 1.375rem);
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0.625rem;
    border-radius: 50%;
    background-color: #fff;
}
@media (max-width: 1024px) {
    .hero-banner-slider__button-prev, .hero-banner-slider__button-next, .hero-banner-slider__button-alt-prev, .hero-banner-slider__button-alt-next {
        display: none;
    }
}
.hero-banner-slider__button-next, .hero-banner-slider__button-alt-next {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}
.hero-banner-slider__button-prev, .hero-banner-slider__button-alt-prev {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}
.hero-banner-slider .swiper-pagination-bullet {
    background: #fff;
}
@media (max-width: 1024px) {
    .hero-banner-slider .swiper-pagination-bullet {
        display: none;
    }
}

.hero-banner-tires__widget {
    position: absolute;
    right: 10.625rem;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    max-width: 350px;
    min-width: 350px;
    padding: 20px;
    border-radius: 1.5rem;
    background: #fff;
    z-index: 2;
    height: 480px;
    -webkit-box-shadow: 0 3.606px 3.606px 0 rgba(0, 0, 0, 0.15), 0 7.211px 14.423px 0 rgba(0, 0, 0, 0.15), 0 14.423px 28.845px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 3.606px 3.606px 0 rgba(0, 0, 0, 0.15), 0 7.211px 14.423px 0 rgba(0, 0, 0, 0.15), 0 14.423px 28.845px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 1249px) {
    .hero-banner-tires__widget {
        right: 6.25rem;
    }
}
@media (max-width: 1099px) {
    .hero-banner-tires__widget {
        right: 3.75rem;
    }
}
@media (max-width: 1024px) {
    .hero-banner-tires__widget {
        position: relative;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        margin-top: -60px;
        min-width: 780px;
        width: 780px;
        max-width: 780px;
        margin-inline: auto;
    }
}
@media (max-width: 849px) {
    .hero-banner-tires__widget {
        min-width: calc(100% - 40px);
        width: calc(100% - 40px);
    }
}
.hero-banner-tires__widget #tireconnect {
    height: 100% !important;
}
.hero-banner-tires__widget #tireconnect > div {
    height: 100% !important;
}
.hero-banner-tires__widget #tireconnect #tcwlw_form_widget {
    height: 100% !important;
}
.hero-banner-tires__widget #tireconnect .tcwlw_vertical {
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
.hero-banner-tires__widget #tireconnect #tcwlw_form_widget .tcwlw_vertical #tcwlw_form_widget_content {
    border: none !important;
    background: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border-radius: 0 !important;
    overflow: scroll !important;
}
.hero-banner-tires__widget #tireconnect #tcwlw_form_widget_content {
    height: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 90px !important;
}
.hero-banner-tires__widget #tireconnect #tcwlw_form_widget_content .tcwlw_btn_box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}
.hero-banner-tires__widget #tireconnect #tcwlw_form_widget_content .tcwlw_btn_box button {
    margin: 0 !important;
    width: 100% !important;
    height: 40px !important;
    padding: 10px 15px !important;
    background-color: #ed2939 !important;
    color: #fff !important;
    border-radius: 12px !important;
    border: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    cursor: pointer !important;
}
.hero-banner-tires__widget #tireconnect #tcwlw_form_widget_content .tcwlw_btn_box button:disabled {
    cursor: not-allowed !important;
}
.hero-banner-tires__widget #tireconnect .tcwlw_tabs_labels {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    gap: 5px !important;
    background-color: #F2F2F2 !important;
    padding: 5px !important;
    border-radius: 12px !important;
}
.hero-banner-tires__widget #tireconnect .tcwlw_tabs_labels li {
    width: 50% !important;
}
.hero-banner-tires__widget #tireconnect .tcwlw_tabs_labels li a {
    width: 100% !important;
    height: 100% !important;
    padding: 10px !important;
    background-color: #fff !important;
    color: #000 !important;
    border-radius: 12px !important;
    border: none !important;
    cursor: pointer !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}
.hero-banner-tires__widget #tireconnect .tcwlw_tabs_labels li.tcwlw_tab_active a {
    background-color: #333 !important;
    color: #fff !important;
}
.hero-banner-tires__widget #tireconnect .tcwlw_tabs_labels li.tcwlw_tab_active a i {
    color: #fff !important;
}
.hero-banner-tires__widget #tireconnect .tcwlw_tab_cont {
    padding: 0 !important;
    margin-top: 10px !important;
}
.hero-banner-tires__widget #tireconnect select,
.hero-banner-tires__widget #tireconnect input {
    background-color: #F2F2F2 !important;
    border-radius: 12px !important;
    height: auto !important;
    border: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    padding: 10px 15px !important;
    font-size: 16px !important;
}
.hero-banner-tires__widget #tireconnect .tcwlw_custom_select {
    padding-right: 15px !important;
    background-color: #F2F2F2 !important;
    border-radius: 12px;
}
.hero-banner-tires__widget #tireconnect select {
    background: none;
    padding: 10px 0 10px 15px !important;
}

/*--------------------------------------------------------------
# Brands Slider Styles
--------------------------------------------------------------*/
.brands-slider {
    position: relative;
    width: 100%;
    overflow-x: hidden;
}
.brands-slider:before {
    content: "";
    position: absolute;
    width: 12.5rem;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 1024px) {
    .brands-slider:before {
        width: 20px;
    }
}
.brands-slider:after {
    content: "";
    position: absolute;
    width: 12.5rem;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 99999;
    background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 1024px) {
    .brands-slider:after {
        width: 20px;
    }
}
.brands-slider__title {
    font-size: 1.25rem;
    font-weight: 400;
    text-align: center;
    color: #666666;
}
.brands-slider__wrapper.swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.brands-slider__slide img {
    width: 100%;
    max-width: 9.375rem;
    height: auto;
    margin: 1.5625rem;
}

/*--------------------------------------------------------------
# Services Slider Styles
--------------------------------------------------------------*/
.services-slider {
    position: relative;
    width: 100%;
    height: 100%;
}
.services-slider__section {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.services-slider__section-container {
    width: 100%;
    max-width: 1200px;
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.services-slider__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 767px) {
    .services-slider__header .button, .services-slider__header .special-offers-slider__button, .services-slider__header .services-slider__button, .services-slider__header .Header__navigation-buttons-menu-item--find-location a, .Header__navigation-buttons-menu-item--find-location .services-slider__header a, .services-slider__header .Header__navigation-buttons-menu-item--find_tires a, .Header__navigation-buttons-menu-item--find_tires .services-slider__header a, .services-slider__header button,
    .services-slider__header input[type=button],
    .services-slider__header input[type=reset],
    .services-slider__header input[type=submit], .services-slider__header .top-header__button {
        display: none;
    }
}
.services-slider__navigation-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    gap: 1.25rem;
}
@media (max-width: 767px) {
    .services-slider__navigation-button {
        gap: 10px;
    }
}
.services-slider__navigation-button-prev, .services-slider__navigation-button-next {
    color: #333;
    width: 2.5rem;
    height: 2.5rem;
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.625rem;
    border-radius: 50%;
    background-color: #e2e2e2;
    -webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.services-slider__navigation-button-prev:hover, .services-slider__navigation-button-next:hover {
    -webkit-transform: scale(1.09, 1.09);
        -ms-transform: scale(1.09, 1.09);
            transform: scale(1.09, 1.09);
    opacity: 0.8;
}
.services-slider__navigation-button-next {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}
.services-slider__navigation-button-prev {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}
.services-slider__title {
    font-size: 3rem;
    font-style: italic;
    text-transform: uppercase;
    font-weight: 800;
    text-align: center;
    margin-bottom: 1.25rem;
}
@media (max-width: 767px) {
    .services-slider__title {
        font-size: 24px;
    }
}
.services-slider__description {
    font-size: 1.125rem;
    text-align: center;
    margin-bottom: 2.5rem;
}
.services-slider__wrapper {
    margin-bottom: 2.5rem;
}
@media (max-width: 767px) {
    .services-slider__wrapper {
        margin-bottom: 20px;
    }
}
.services-slider__wrapper.swiper {
    overflow: initial;
}
.services-slider__slide {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: auto !important;
    padding: 20px 0;
    text-align: center;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 0.75rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 8px 16px 0 rgba(0, 0, 0, 0.02), 0 16px 32px 0 rgba(0, 0, 0, 0.02);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 8px 16px 0 rgba(0, 0, 0, 0.02), 0 16px 32px 0 rgba(0, 0, 0, 0.02);
}
.services-slider__icon {
    width: 3.75rem;
    height: 3.75rem;
    margin: 0 auto 1.25rem;
}
.services-slider__icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.services-slider__service-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.625rem;
}
.services-slider__service-category {
    font-size: 0.875rem;
    font-style: italic;
    color: #333;
    text-transform: uppercase;
}
.services-slider__button {
    background: #fff;
}
.services-slider__button.mobile {
    display: none;
}
@media (max-width: 767px) {
    .services-slider__button.mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-inline: auto;
    }
}
.services-slider .swiper-pagination {
    position: static;
    margin-top: 1.25rem;
}
@media (max-width: 767px) {
    .services-slider .swiper-pagination {
        display: none;
    }
}

/**
 * Flexbox layout mixin
 * @param {String} $direction [row] - Flex direction
 * @param {String} $justify [center] - Justify content
 * @param {String} $align [center] - Align items
 * @param {String} $wrap [nowrap] - Flex wrap
 */
/**
 * Position Mixin
 * @param {String} $position - Position value
 * @param {Length} $top [null] - Top offset
 * @param {Length} $right [null] - Right offset
 * @param {Length} $bottom [null] - Bottom offset
 * @param {Length} $left [null] - Left offset
 */
/**
 * Font Style Mixin
 * @param {Length} $size - Font size
 * @param {String|Number} $weight [normal] - Font weight
 * @param {Number} $line-height [1.5] - Line height
 */
/**
 * Container Mixin
 * @param {Length} $width [100%] - Container width
 * @param {Length} $max-width [$container__width-default] - Container max width
 * @param {Length} $margin-right [auto] - Container right margin
 * @param {Length} $margin-left [auto] - Container left margin
 */
/*--------------------------------------------------------------
# Special Offers Slider Styles
--------------------------------------------------------------*/
.special-offers-slider__section {
    position: relative;
    width: calc(100% - 40px);
    margin-inline: auto;
    border-radius: 1.5rem;
    height: 100%;
    overflow: hidden;
    background-color: #f5f5f5;
}
@media (max-width: 767px) {
    .special-offers-slider__section {
        width: 100%;
        border-radius: 0;
    }
}
.special-offers-slider__section-container {
    width: 100%;
    max-width: 1200px;
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.special-offers-slider__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 2.5rem;
}
@media (max-width: 767px) {
    .special-offers-slider__header {
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .special-offers-slider__header .button, .special-offers-slider__header .special-offers-slider__button, .special-offers-slider__header .Header__navigation-buttons-menu-item--find-location a, .Header__navigation-buttons-menu-item--find-location .special-offers-slider__header a, .special-offers-slider__header .Header__navigation-buttons-menu-item--find_tires a, .Header__navigation-buttons-menu-item--find_tires .special-offers-slider__header a, .special-offers-slider__header button,
    .special-offers-slider__header input[type=button],
    .special-offers-slider__header input[type=reset],
    .special-offers-slider__header input[type=submit], .special-offers-slider__header .top-header__button, .special-offers-slider__header .services-slider__button {
        display: none;
    }
}
.special-offers-slider__navigation-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    gap: 1.25rem;
}
@media (max-width: 767px) {
    .special-offers-slider__navigation-button {
        gap: 10px;
    }
}
.special-offers-slider__navigation-button-prev, .special-offers-slider__navigation-button-next {
    color: #333;
    width: 2.5rem;
    height: 2.5rem;
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0.625rem;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    -webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.special-offers-slider__navigation-button-prev:hover, .special-offers-slider__navigation-button-next:hover {
    -webkit-transform: scale(1.09, 1.09);
        -ms-transform: scale(1.09, 1.09);
            transform: scale(1.09, 1.09);
    opacity: 0.8;
}
.special-offers-slider__title {
    font-size: 3rem;
    font-style: italic;
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 0 !important;
}
@media (max-width: 767px) {
    .special-offers-slider__title {
        font-size: 24px;
    }
}
.special-offers-slider__description {
    font-size: 1.125rem;
    margin-bottom: 2.5rem;
}
.special-offers-slider__slide {
    position: relative;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 1.5rem;
}
.special-offers-slider__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.special-offers-slider__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 1.5rem;
}
.special-offers-slider__content {
    padding: 25px 20px 30px 20px;
    color: #fff;
    max-width: 19.6875rem;
}
@media (max-width: 767px) {
    .special-offers-slider__content {
        padding: 20px;
    }
}
.special-offers-slider__content-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.25rem;
}
.special-offers-slider__discount {
    position: absolute;
    top: 0.625rem;
    left: 0.625rem;
    background-color: #ed2939;
    color: #fff;
    padding: 0.3125rem 0.625rem;
    border-radius: 0.25rem;
    font-weight: 700;
}
.special-offers-slider__offer-badge {
    display: inline-block;
    padding: 0.3125rem 0.9375rem;
    background: #fff;
    color: #ed2939;
    font-size: 1.25rem;
    font-style: italic;
    border-radius: 1.5rem;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .special-offers-slider__offer-badge {
        margin-bottom: 20px;
    }
}
.special-offers-slider__offer-title {
    font-size: 32px;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .special-offers-slider__offer-title {
        font-size: 22px;
    }
}
.special-offers-slider__offer-description {
    font-size: 20px;
    margin-bottom: 49px;
}
@media (max-width: 767px) {
    .special-offers-slider__offer-description {
        font-size: 16px;
        margin-bottom: 20px;
    }
}
.special-offers-slider__offer-date {
    font-size: 0.875rem;
    margin-bottom: 0;
}
.special-offers-slider__offer-link {
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    background: none !important;
}
.special-offers-slider__offer-link:hover {
    background: #ed2939 !important;
    border-color: #ed2939 !important;
    color: #fff !important;
}
.special-offers-slider__button {
    background: #fff;
}
.special-offers-slider__button.mobile {
    display: none;
}
@media (max-width: 767px) {
    .special-offers-slider__button.mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-inline: auto;
        margin-top: 20px;
    }
}
.special-offers-slider .swiper-pagination {
    position: static;
    margin-top: 1.25rem;
}

/*--------------------------------------------------------------
# Image and Text Styles
--------------------------------------------------------------*/
.image-and-text__section {
    position: relative;
    overflow: hidden;
}
.image-and-text__container {
    width: 100%;
    max-width: 1200px;
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 18.75rem;
}
.image-and-text__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    padding-right: 1.875rem;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
}
@media (max-width: 767px) {
    .image-and-text__content {
        gap: 20px;
    }
}
.image-and-text__title {
    font-size: 2.25rem;
    font-weight: 600;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .image-and-text__title {
        font-size: 24px;
    }
}
.image-and-text__description {
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 0;
}
.image-and-text__description p {
    font-size: 1.25rem;
    margin-bottom: 0 !important;
}
@media (max-width: 1439px) {
    .image-and-text__description p {
        font-size: 1.125rem;
    }
}
@media (max-width: 1024px) {
    .image-and-text__description p {
        font-size: 1.0625rem;
    }
}
@media (max-width: 767px) {
    .image-and-text__description p {
        font-size: 1rem;
    }
}
.image-and-text__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.25rem;
}
@media (max-width: 767px) {
    .image-and-text__buttons .button, .image-and-text__buttons .Header__navigation-buttons-menu-item--find-location a, .Header__navigation-buttons-menu-item--find-location .image-and-text__buttons a, .image-and-text__buttons .Header__navigation-buttons-menu-item--find_tires a, .Header__navigation-buttons-menu-item--find_tires .image-and-text__buttons a, .image-and-text__buttons button,
    .image-and-text__buttons input[type=button],
    .image-and-text__buttons input[type=reset],
    .image-and-text__buttons input[type=submit], .image-and-text__buttons .top-header__button, .image-and-text__buttons .services-slider__button, .image-and-text__buttons .special-offers-slider__button {
        width: 100%;
    }
}
.image-and-text__image {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
}
.image-and-text__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-bottom-left-radius: 4rem;
}
.image-and-text__reverse .image-and-text__content {
    margin-left: 50%;
    padding-right: 0;
    padding-left: 1.875rem;
}
.image-and-text__reverse .image-and-text__image {
    right: auto;
    left: 0;
}
.image-and-text__reverse .image-and-text__image img {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 4rem;
}

@media (max-width: 768px) {
    .image-and-text__section {
        padding-top: 0;
    }
    .image-and-text__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }
    .image-and-text__content {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
        padding-top: 0.9375rem;
        padding-bottom: 0;
    }
    .image-and-text__image {
        position: relative;
        width: 100%;
        height: auto;
    }
    .image-and-text__image img {
        border-radius: 1.5rem;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .image-and-text__reverse .image-and-text__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }
    .image-and-text__reverse .image-and-text__content {
        margin-left: 0;
        padding-left: 0;
    }
    .image-and-text__reverse .image-and-text__image img {
        border-radius: 1.5rem;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}
/*--------------------------------------------------------------
# Newsletter Styles
--------------------------------------------------------------*/
.newsletter__section {
    background-color: #ed2939;
    padding: 2.5rem 0;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    margin: 0 1.25rem 0 1.25rem !important;
}
.newsletter__container {
    width: 100%;
    max-width: 1200px;
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}
.newsletter__content {
    margin-bottom: 1.25rem;
}
.newsletter__title {
    font-size: 1.75rem;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0.625rem;
}
.newsletter__description {
    font-size: 1rem;
    color: #fff;
    margin-bottom: 1.25rem;
}
.newsletter__form {
    width: 100%;
    max-width: 31.25rem;
}

@media (min-width: 768px) {
    .newsletter__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        text-align: left;
    }
    .newsletter__content {
        margin-bottom: 0;
        margin-right: 2.5rem;
    }
    .newsletter__form {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        max-width: 25rem;
    }
    .newsletter__form form {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .newsletter__form input[type=email] {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }
    .newsletter__form input[type=submit] {
        width: auto;
    }
    .newsletter__form .wpcf7-acceptance {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }
}
.hero {
    position: relative;
    width: 100%;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 24px;
    z-index: 2;
}
@media (max-width: 1024px) {
    .hero {
        border-radius: 0 0 24px 24px;
    }
}
.hero-img {
    position: absolute;
    left: 20px;
    top: 0;
    border-radius: 24px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    width: calc(100% - 40px);
    height: 100%;
    opacity: 0.5;
    z-index: -2;
}
@media (max-width: 1024px) {
    .hero-img {
        width: 100%;
        left: 0;
        border-radius: 0 0 24px 24px;
    }
}
.hero:before {
    content: "";
    width: calc(100% - 40px);
    height: 100%;
    background: #000;
    background: -webkit-gradient(linear, left top, right top, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: -1;
    position: absolute;
    left: 20px;
    top: 0;
    border-radius: 24px;
}
@media (max-width: 1024px) {
    .hero:before {
        width: 100%;
        left: 0;
        border-radius: 0 0 24px 24px;
    }
}
.hero:after {
    content: "";
    width: calc(100% - 40px);
    height: 100%;
    background: #2c2c2c;
    opacity: 0.5;
    z-index: 0;
    position: absolute;
    left: 20px;
    top: 0;
    border-radius: 24px;
}
@media (max-width: 1024px) {
    .hero:after {
        width: 100%;
        left: 0;
        border-radius: 0 0 24px 24px;
    }
}
.hero .wrapper {
    position: relative;
    padding-top: 42px;
    padding-bottom: 42px;
    z-index: 1;
}
@media (max-width: 1024px) {
    .hero .wrapper {
        padding: 20px 0;
    }
}
.hero h1 {
    color: #fff;
    font-style: italic;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 10px !important;
}
.hero .excerpt p {
    color: #fff;
    width: 100%;
    max-width: 800px;
    margin: 0;
}
.hero.no-bg {
    border-top: 1px solid #E2E2E2;
    border-radius: 0;
}
.hero.no-bg:before, .hero.no-bg:after {
    display: none;
    content: none;
}
.hero.no-bg .breadcrumb a {
    color: #333;
}
.hero.no-bg .breadcrumb a:hover {
    color: #ed2939;
}
.hero.no-bg .breadcrumb p {
    color: rgba(51, 51, 51, 0.5);
}
.hero.no-bg .breadcrumb svg * {
    fill: #333;
}
.hero.no-bg h1,
.hero.no-bg p {
    color: #333;
}

.bwt {
    position: relative;
    z-index: 1;
    padding-top: 170px !important;
    padding-bottom: 170px !important;
}
@media (max-width: 1024px) {
    .bwt {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}
@media (max-width: 767px) {
    .bwt {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
}
.bwt-img {
    position: absolute;
    left: 20px;
    top: 0;
    border-radius: 24px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    width: calc(100% - 40px);
    height: 100%;
    z-index: -2;
}
.bwt:before {
    content: "";
    width: calc(100% - 40px);
    height: 100%;
    background: #000;
    background: -webkit-radial-gradient(circle, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(circle, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: -1;
    position: absolute;
    left: 20px;
    top: 0;
    border-radius: 24px;
}
.bwt:after {
    content: "";
    width: calc(100% - 40px);
    height: 100%;
    background: #000;
    opacity: 0.2;
    z-index: 0;
    position: absolute;
    left: 20px;
    top: 0;
    border-radius: 24px;
}
.bwt .wrapper {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 40px;
}
@media (max-width: 767px) {
    .bwt .wrapper {
        gap: 20px;
    }
}
.bwt .wrapper h2,
.bwt .wrapper p {
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 787px;
}

.tires-shortcode {
    position: relative;
    margin-top: 30px !important;
    padding: 0 !important;
}
.tires-shortcode h2 {
    font-weight: 600;
}
.tires-shortcode .tcwlw_powered_by_wrapper {
    display: none !important;
}
.tires-shortcode .tcwlw_widget {
    width: calc(100% - 40px) !important;
    margin-inline: auto !important;
    border-radius: 1.5rem !important;
    height: 100% !important;
    background-color: #f5f5f5 !important;
    padding: 20px !important;
    border: none !important;
}
.tires-shortcode .tcwlw_form {
    max-width: inherit !important;
}
.tires-shortcode .tcwlw_location_change_wrapper,
.tires-shortcode .tcwlw_search_by_select_wrapper,
.tires-shortcode .tcwlw_box {
    border-radius: 12px !important;
}
.tires-shortcode .tcwlw_search_by_select_wrapper {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.tires-shortcode .tcwlw_box {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.tire-brands {
    position: relative;
    padding: 0 !important;
}
.tire-brands-items {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}
@media (max-width: 1024px) {
    .tire-brands-items {
        grid-template-columns: repeat(3, 1fr);
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
@media (max-width: 767px) {
    .tire-brands-items {
        grid-template-columns: repeat(2, 1fr);
        padding-top: 0;
    }
}
@media (max-width: 349px) {
    .tire-brands-items {
        grid-template-columns: 1fr;
    }
}
.tire-brands-items-i {
    position: relative;
    width: 100%;
    height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 0.75rem;
    gap: 13px;
    -webkit-transition: 0.34s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.34s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 8px 16px 0 rgba(0, 0, 0, 0.02), 0 16px 32px 0 rgba(0, 0, 0, 0.02);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 8px 16px 0 rgba(0, 0, 0, 0.02), 0 16px 32px 0 rgba(0, 0, 0, 0.02);
}
@media (max-width: 767px) {
    .tire-brands-items-i {
        height: 90px;
    }
}
@media (max-width: 349px) {
    .tire-brands-items-i {
        height: auto;
        min-height: 90px;
    }
}
.tire-brands-items-i:hover {
    -webkit-transform: scale(1.04, 1.04);
        -ms-transform: scale(1.04, 1.04);
            transform: scale(1.04, 1.04);
}
.tire-brands-items-i img {
    width: 100%;
    height: auto;
}

.postcontentblock {
    position: relative;
    padding: 0 0 50px 0 !important;
}
@media (max-width: 1024px) {
    .postcontentblock {
        margin: 0 !important;
        padding: 50px 0 !important;
    }
}
@media (max-width: 767px) {
    .postcontentblock {
        padding: 30px 0 !important;
    }
}
.postcontentblock h2:first-child {
    margin-top: 0 !important;
}

.contact {
    position: relative;
    padding-top: 0 !important;
    margin: 0 !important;
}
@media (max-width: 1024px) {
    .contact {
        padding: 80px 0 !important;
    }
}
@media (max-width: 1024px) {
    .contact {
        padding: 50px 0 !important;
    }
}
.contact .wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
@media (max-width: 767px) {
    .contact .wrapper {
        grid-template-columns: 1fr;
    }
}
.contact-main {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
}
@media (max-width: 767px) {
    .contact-main {
        gap: 20px;
    }
}
.contact-main h2 {
    margin-bottom: 0;
    font-weight: 600;
}
.contact-main p {
    margin-bottom: 0;
}
.contact-form {
    position: relative;
}
.contact-form form {
    width: 100%;
}

form {
    width: 100%;
}
form .gform_fields {
    grid-gap: 20px !important;
}
form .gform_footer {
    padding: 0 !important;
    margin: 0 !important;
}
form label {
    display: none !important;
}
form input,
form textarea,
form select {
    font-family: inherit;
    border-radius: 12px;
    border: 1px solid #E2E2E2;
    background: #f5f5f5;
    position: relative;
    padding: 9px 20px !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    color: #333;
    -webkit-transition: 0.34s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.34s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (max-width: 767px) {
    form input,
    form textarea,
    form select {
        font-size: 16px !important;
        padding: 7px 15px !important;
    }
}
form input:focus, form input:active,
form textarea:focus,
form textarea:active,
form select:focus,
form select:active {
    outline: none;
    border-color: #ed2939;
}
form ::-webkit-input-placeholder {
    font-weight: 600;
    color: #333;
    opacity: 1;
}
form ::-moz-placeholder {
    font-weight: 600;
    color: #333;
    opacity: 1;
}
form :-ms-input-placeholder {
    font-weight: 600;
    color: #333;
    opacity: 1;
}
form ::-ms-input-placeholder {
    font-weight: 600;
    color: #333;
    opacity: 1;
}
form ::placeholder {
    font-weight: 600;
    color: #333;
    opacity: 1;
}
form .button, form .Header__navigation-buttons-menu-item--find-location a, .Header__navigation-buttons-menu-item--find-location form a, form .Header__navigation-buttons-menu-item--find_tires a, .Header__navigation-buttons-menu-item--find_tires form a, form button,
form input[type=button],
form input[type=reset],
form input[type=submit], form .top-header__button, form .services-slider__button, form .special-offers-slider__button {
    background: #ed2939;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: none;
    padding: 6px 30px !important;
    margin: 20px 0 0 auto !important;
    cursor: pointer;
}
@media (max-width: 767px) {
    form .button, form .Header__navigation-buttons-menu-item--find-location a, .Header__navigation-buttons-menu-item--find-location form a, form .Header__navigation-buttons-menu-item--find_tires a, .Header__navigation-buttons-menu-item--find_tires form a, form button,
    form input[type=button],
    form input[type=reset],
    form input[type=submit], form .top-header__button, form .services-slider__button, form .special-offers-slider__button {
        width: 100%;
        min-height: inherit !important;
    }
}
form .button:hover, form .Header__navigation-buttons-menu-item--find-location a:hover, .Header__navigation-buttons-menu-item--find-location form a:hover, form .Header__navigation-buttons-menu-item--find_tires a:hover, .Header__navigation-buttons-menu-item--find_tires form a:hover, form button:hover,
form input[type=button]:hover,
form input[type=reset]:hover,
form input[type=submit]:hover, form .top-header__button:hover, form .services-slider__button:hover, form .special-offers-slider__button:hover {
    background: #333;
    color: #fff;
}

/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Frontpage Styles
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# 404 Page
--------------------------------------------------------------*/
.error-404__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.error-404__header {
    text-align: center;
}
.error-404__content {
    margin: 0 auto;
}

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Font Size
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Widths
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Responsive Breakpoints
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Root Variables
--------------------------------------------------------------*/
:root {
    --color-primary: #ed2939;
    --color-secondary: #333;
    --color-tertiary: #e1e1e1;
    --color-white: #fff;
    --color-black: #000;
    --swiper-theme-color: #ed2939 !important;
    --color-background-primary: #ed2939;
    --color-background-body: #fff;
    --color-background-alternative: #f5f5f5;
    --color-background-dark: #333;
    --color-background-button: #ed2939;
    --color-text-screen: #333;
    --color-text-main: #333;
    --color-text-input: #333;
    --color-text-input-focus: #333;
    --color-link: #333;
    --color-link-visited: #ed2939;
    --color-link-hover: #ed2939;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
}

.services {
    position: relative;
}
.services-section {
    position: relative;
    padding: 100px 0 150px 0;
    border-radius: 24px;
    width: calc(100% - 40px);
    margin-inline: auto;
    margin-bottom: 0 !important;
}
@media (max-width: 1349px) {
    .services-section {
        padding: 75px 0 !important;
    }
}
@media (max-width: 1024px) {
    .services-section {
        width: 100%;
        padding: 50px 0 !important;
        border-radius: 0;
    }
}
.services-section:last-of-type {
    margin-bottom: 40px !important;
}
@media (max-width: 767px) {
    .services-section:last-of-type {
        margin-bottom: 20px !important;
    }
}
.services-section:nth-child(even) {
    background: #f5f5f5;
}
.services-section-header {
    position: relative;
    width: 100%;
    max-width: 590px;
    margin-bottom: 37px;
}
.services-section-header h2 {
    text-transform: uppercase;
    font-style: italic;
    font-weight: 800;
}
.services-section-header p {
    margin-bottom: 0;
}
.services-section-items {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 20px;
}
@media (max-width: 1349px) {
    .services-section-items {
        grid-template-columns: repeat(5, 1fr);
    }
}
@media (max-width: 1024px) {
    .services-section-items {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 889px) {
    .services-section-items {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 767px) {
    .services-section-items {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 319px) {
    .services-section-items {
        grid-template-columns: 1fr;
    }
}
.services-section.is-dynamic .service-item-card-category {
    display: none;
}

.service-item-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: auto !important;
    padding: 35px 35px 20px 35px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 0.75rem;
    gap: 13px;
    -webkit-transition: 0.34s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.34s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 8px 16px 0 rgba(0, 0, 0, 0.02), 0 16px 32px 0 rgba(0, 0, 0, 0.02);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 8px 16px 0 rgba(0, 0, 0, 0.02), 0 16px 32px 0 rgba(0, 0, 0, 0.02);
}
@media (max-width: 767px) {
    .service-item-card {
        padding: 25px 15px 15px 15px;
    }
}
.service-item-card-icon {
    width: 5rem;
    height: 5rem;
}
@media (max-width: 767px) {
    .service-item-card-icon {
        width: 60px;
        height: 60px;
    }
}
.service-item-card-icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.service-item-card-title {
    font-weight: 600;
    color: #333;
    margin-bottom: 0;
}
.service-item-card-category {
    margin-bottom: 0;
    font-style: italic;
    color: rgba(51, 51, 51, 0.7);
    text-transform: uppercase;
}
.service-item-card:hover {
    -webkit-transform: scale(1.04, 1.04);
        -ms-transform: scale(1.04, 1.04);
            transform: scale(1.04, 1.04);
}

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Font Size
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Widths
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Responsive Breakpoints
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Root Variables
--------------------------------------------------------------*/
:root {
    --color-primary: #ed2939;
    --color-secondary: #333;
    --color-tertiary: #e1e1e1;
    --color-white: #fff;
    --color-black: #000;
    --swiper-theme-color: #ed2939 !important;
    --color-background-primary: #ed2939;
    --color-background-body: #fff;
    --color-background-alternative: #f5f5f5;
    --color-background-dark: #333;
    --color-background-button: #ed2939;
    --color-text-screen: #333;
    --color-text-main: #333;
    --color-text-input: #333;
    --color-text-input-focus: #333;
    --color-link: #333;
    --color-link-visited: #ed2939;
    --color-link-hover: #ed2939;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
}

.service-page {
    position: relative;
    border-top: 1px solid #E2E2E2;
}
.service-page-header {
    position: relative;
    padding-top: 50px;
    padding-bottom: 5px;
}
@media (max-width: 767px) {
    .service-page-header {
        padding-top: 30px;
    }
}
.service-page-header .breadcrumb a {
    color: #333;
}
.service-page-header .breadcrumb a:hover {
    color: #ed2939;
}
.service-page-header .breadcrumb p {
    color: rgba(51, 51, 51, 0.5);
}
.service-page-header .breadcrumb svg * {
    fill: #333;
}
.service-page-header-main {
    position: relative;
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.service-page-header-main-ico {
    position: relative;
    width: 80px;
    height: 80px;
}
.service-page-header-main-ico img {
    width: 100%;
    height: 100%;
}
@media (max-width: 767px) {
    .service-page-header-main-ico {
        width: 40px;
        height: 40px;
    }
}
.service-page-header-main-con {
    position: relative;
    width: calc(100% - 100px);
}
@media (max-width: 767px) {
    .service-page-header-main-con {
        width: calc(100% - 50px);
    }
}
.service-page-header-main-con h1 {
    margin: 0 0 3px 0 !important;
    font-style: italic;
    font-weight: 900;
    text-transform: uppercase;
    color: #333;
}
.service-page-header-main-con p {
    font-size: 20px;
    color: #333;
    margin: 0 !important;
}
@media (max-width: 767px) {
    .service-page-header-main-con p {
        font-size: 14px;
    }
}
.service-page-content {
    position: relative;
    padding-bottom: 60px;
}
.service-page-content-ad {
    position: relative;
    width: 100%;
    z-index: 1;
    height: auto;
    margin-top: 30px;
}
.service-page-content-ad.has-person {
    margin-top: 120px;
}
@media (max-width: 767px) {
    .service-page-content-ad.has-person {
        margin-top: 70px;
    }
}
@media (max-width: 767px) {
    .service-page-content-ad.has-person {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
@media (max-width: 767px) {
    .service-page-content-ad.has-person .service-page-content-ad-main {
        padding-top: 0 !important;
    }
}
.service-page-content-ad-person {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 50% !important;
    margin: 0 !important;
    pointer-events: none;
}
@media (max-width: 1149px) {
    .service-page-content-ad-person {
        width: auto !important;
        height: calc(100% + 60px);
        right: -60px;
    }
}
@media (max-width: 879px) {
    .service-page-content-ad-person {
        right: -90px;
    }
}
@media (max-width: 767px) {
    .service-page-content-ad-person {
        position: relative;
        right: 0;
        height: 360px;
        -o-object-position: top;
           object-position: top;
        -o-object-fit: cover;
           object-fit: cover;
        margin-top: -60px !important;
        z-index: -1;
    }
}
@media (max-width: 359px) {
    .service-page-content-ad-person {
        height: 280px;
    }
}
.service-page-content-ad-bg {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.2;
    border-radius: 24px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    z-index: -1;
    pointer-events: none;
}
.service-page-content-ad:before {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--filter-ad-color);
    opacity: 1;
    z-index: -2;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 24px;
}
@media (max-width: 767px) {
    .service-page-content-ad:before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 51, 51, 0)), color-stop(50%, rgb(51, 51, 51)));
        background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0) 0%, rgb(51, 51, 51) 50%);
        background: linear-gradient(180deg, rgba(51, 51, 51, 0) 0%, rgb(51, 51, 51) 50%);
        z-index: 0;
    }
}
@media (max-width: 359px) {
    .service-page-content-ad:before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 51, 51, 0)), color-stop(30%, rgb(51, 51, 51)));
        background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0) 0%, rgb(51, 51, 51) 30%);
        background: linear-gradient(180deg, rgba(51, 51, 51, 0) 0%, rgb(51, 51, 51) 30%);
    }
}
.service-page-content-ad:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #333333;
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(51, 51, 51)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom, rgb(51, 51, 51) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgb(51, 51, 51) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 24px;
}
@media (max-width: 767px) {
    .service-page-content-ad:after {
        z-index: -2;
        background: #182B5B;
    }
}
.service-page-content-ad-main {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 60px 105px;
}
@media (max-width: 1024px) {
    .service-page-content-ad-main {
        padding: 35px 20px;
    }
}
@media (max-width: 767px) {
    .service-page-content-ad-main {
        width: 100%;
        z-index: 3;
        padding: 20px;
        gap: 20px;
    }
}
.service-page-content-ad-main h2 {
    margin-top: 0 !important;
    margin-bottom: 9px !important;
    width: 100%;
    max-width: 475px;
    color: #fff;
}
@media (max-width: 767px) {
    .service-page-content-ad-main h2 {
        margin: 0 !important;
        font-size: 20px;
    }
}
.service-page-content-ad-main p {
    width: 100%;
    max-width: 475px;
    margin: 0 !important;
    color: #fff;
}
@media (max-width: 879px) {
    .service-page-content-ad-main p {
        max-width: 385px;
    }
}
@media (max-width: 767px) {
    .service-page-content-ad-main .image-and-text__buttons {
        width: 100%;
    }
}
.service-page-content-ad-main a {
    margin-top: 30px !important;
    text-decoration: none;
    white-space: unset;
    word-wrap: unset;
}
@media (max-width: 767px) {
    .service-page-content-ad-main a {
        width: 100%;
        margin-top: 0 !important;
    }
}
.service-page-content h3 {
    font-size: 24px;
}
@media (max-width: 767px) {
    .service-page-content h3 {
        font-size: 18px;
    }
}

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Font Size
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Widths
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Responsive Breakpoints
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Root Variables
--------------------------------------------------------------*/
:root {
    --color-primary: #ed2939;
    --color-secondary: #333;
    --color-tertiary: #e1e1e1;
    --color-white: #fff;
    --color-black: #000;
    --swiper-theme-color: #ed2939 !important;
    --color-background-primary: #ed2939;
    --color-background-body: #fff;
    --color-background-alternative: #f5f5f5;
    --color-background-dark: #333;
    --color-background-button: #ed2939;
    --color-text-screen: #333;
    --color-text-main: #333;
    --color-text-input: #333;
    --color-text-input-focus: #333;
    --color-link: #333;
    --color-link-visited: #ed2939;
    --color-link-hover: #ed2939;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
}

.special-offers {
    position: relative;
}
.special-offers-section {
    position: relative;
    padding: 0 !important;
    margin: 100px 0 0 0 !important;
}
@media (max-width: 1024px) {
    .special-offers-section {
        margin-top: 50px !important;
    }
}
@media (max-width: 767px) {
    .special-offers-section {
        margin-top: 30px !important;
    }
}
.special-offers-section-header {
    position: relative;
    width: 100%;
    max-width: 590px;
    margin-bottom: 37px;
}
@media (max-width: 767px) {
    .special-offers-section-header {
        margin-bottom: 20px;
    }
}
.special-offers-section-header p {
    margin-bottom: 0;
}
.special-offers-section-items {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}
@media (max-width: 767px) {
    .special-offers-section-items {
        grid-template-columns: 1fr;
    }
}
.special-offers-section-items .special-offer-card-content {
    max-width: 19.6875rem;
    padding: 25px 20px 30px 20px;
}
@media (max-width: 767px) {
    .special-offers-section-items .special-offer-card-content {
        padding: 20px;
    }
}
.special-offers-section-items .special-offer-card-content .special-offer-card-badge {
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .special-offers-section-items .special-offer-card-content .special-offer-card-badge {
        margin-bottom: 20px;
    }
}
.special-offers-section-items .special-offer-card-content .special-offer-card-title {
    font-size: 32px;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .special-offers-section-items .special-offer-card-content .special-offer-card-title {
        font-size: 22px;
    }
}
.special-offers-section-items .special-offer-card-content .special-offer-card-description {
    font-size: 20px;
    margin-bottom: 49px;
}
@media (max-width: 767px) {
    .special-offers-section-items .special-offer-card-content .special-offer-card-description {
        font-size: 16px;
        margin-bottom: 20px;
    }
}
.special-offers-section-items .special-offer-card-content .special-offer-card-link {
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    background: none !important;
}
.special-offers-section-items .special-offer-card-content .special-offer-card-link:hover {
    background: #ed2939 !important;
    border-color: #ed2939;
}
.special-offers-section-nothing {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 17px;
    border-radius: 12px;
    background: #f5f5f5;
}
.special-offers-section:not(:first-of-type) {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
}
@media (max-width: 1024px) {
    .special-offers-section:not(:first-of-type) {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }
}
@media (max-width: 767px) {
    .special-offers-section:not(:first-of-type) {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
}

.special-offer {
    position: relative;
}
.special-offer-main {
    position: relative;
    padding-top: 100px;
    padding-bottom: 150px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 1024px) {
    .special-offer-main {
        padding-top: 50px;
        padding-bottom: 100px;
    }
}
@media (max-width: 767px) {
    .special-offer-main {
        grid-template-columns: 1fr;
        padding-top: 30px;
        padding-bottom: 50px;
        grid-gap: 30px;
    }
}
.special-offer-main-con {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
}
@media (max-width: 767px) {
    .special-offer-main-con {
        gap: 15px;
    }
}
.special-offer-main-con h2 {
    font-style: italic;
    font-weight: 800;
    text-transform: uppercase;
}
.special-offer-main-con h2,
.special-offer-main-con p {
    margin: 0 !important;
}
.special-offer-main-con .image-and-text__buttons {
    margin-top: 10px;
}
@media (max-width: 767px) {
    .special-offer-main-con .image-and-text__buttons {
        margin: 0 !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 15px;
    }
    .special-offer-main-con .image-and-text__buttons a {
        width: 100%;
    }
}
.special-offer-main .special-offer-card-content {
    max-width: 19.6875rem;
    padding: 25px 20px 30px 20px;
}
@media (max-width: 767px) {
    .special-offer-main .special-offer-card-content {
        padding: 20px;
    }
}
.special-offer-main .special-offer-card-content .special-offer-card-badge {
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .special-offer-main .special-offer-card-content .special-offer-card-badge {
        margin-bottom: 20px;
    }
}
.special-offer-main .special-offer-card-content .special-offer-card-title {
    font-size: 32px;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .special-offer-main .special-offer-card-content .special-offer-card-title {
        font-size: 22px;
    }
}
.special-offer-main .special-offer-card-content .special-offer-card-description {
    font-size: 20px;
    margin-bottom: 49px;
}
@media (max-width: 767px) {
    .special-offer-main .special-offer-card-content .special-offer-card-description {
        font-size: 16px;
        margin-bottom: 20px;
    }
}
.special-offer-main .special-offer-card-link {
    display: none;
}

.special-offer-card {
    position: relative;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 24px;
    z-index: 1;
}
.special-offer-card-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.special-offer-card-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 24px;
}
.special-offer-card-content {
    padding: 25px;
    color: #fff;
    max-width: 200px;
}
.special-offer-card-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
}
.special-offer-card-badge {
    display: inline-block;
    padding: 5px 15px;
    background: #fff;
    color: #ed2939;
    font-size: 20px;
    font-style: italic;
    border-radius: 24px;
    margin-bottom: 1em;
    text-transform: uppercase;
}
.special-offer-card-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    font-style: italic;
    text-transform: uppercase;
}
.special-offer-card-description {
    font-size: 16px;
    margin-bottom: 20px;
}
.special-offer-card-date {
    font-size: 14px;
    margin-bottom: 0;
}
.special-offer-card-link {
    -ms-flex-item-align: center;
        align-self: center;
}

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Font Size
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Widths
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Responsive Breakpoints
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Root Variables
--------------------------------------------------------------*/
:root {
    --color-primary: #ed2939;
    --color-secondary: #333;
    --color-tertiary: #e1e1e1;
    --color-white: #fff;
    --color-black: #000;
    --swiper-theme-color: #ed2939 !important;
    --color-background-primary: #ed2939;
    --color-background-body: #fff;
    --color-background-alternative: #f5f5f5;
    --color-background-dark: #333;
    --color-background-button: #ed2939;
    --color-text-screen: #333;
    --color-text-main: #333;
    --color-text-input: #333;
    --color-text-input-focus: #333;
    --color-link: #333;
    --color-link-visited: #ed2939;
    --color-link-hover: #ed2939;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
}

.brand {
    position: relative;
}
.brand-main {
    position: relative;
    padding-bottom: 150px;
}
@media (max-width: 1024px) {
    .brand-main {
        padding-bottom: 80px;
    }
}
@media (max-width: 767px) {
    .brand-main {
        padding-bottom: 50px;
    }
}
.brand-main-content {
    margin-top: 80px;
    margin-bottom: 20px;
}
@media (max-width: 1024px) {
    .brand-main-content {
        margin-top: 30px;
    }
}
.brand-main-content h2:first-child {
    margin-top: 0 !important;
}
.brand-main-tires {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    width: 100%;
}
.brand-main-tires-item {
    position: relative;
    width: 100%;
    border-radius: 12px;
    border: 1px solid #E2E2E2;
    background: #fff;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 8px 16px 0 rgba(0, 0, 0, 0.02), 0 16px 32px 0 rgba(0, 0, 0, 0.02);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 8px 16px 0 rgba(0, 0, 0, 0.02), 0 16px 32px 0 rgba(0, 0, 0, 0.02);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 40px 50px;
}
@media (max-width: 1024px) {
    .brand-main-tires-item {
        padding: 20px 25px;
    }
}
@media (max-width: 767px) {
    .brand-main-tires-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        gap: 20px;
    }
}
.brand-main-tires-item-content {
    position: relative;
    width: calc(100% - 250px);
}
@media (max-width: 767px) {
    .brand-main-tires-item-content {
        width: 100%;
    }
}
.brand-main-tires-item-content-brand {
    position: relative;
    width: 160px;
}
@media (max-width: 767px) {
    .brand-main-tires-item-content-brand {
        width: 120px;
    }
}
.brand-main-tires-item-content-brand img {
    width: 100%;
    height: auto;
}
.brand-main-tires-item-content h2 {
    margin-top: 10px;
    margin-bottom: 20px;
    font-weight: 600;
}
.brand-main-tires-item-content .excerpt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
}
.brand-main-tires-item-content .excerpt p {
    margin: 0 !important;
}
.brand-main-tires-item-content .excerpt ul {
    list-style: inside;
    margin: 0 !important;
}
.brand-main-tires-item-tire {
    position: relative;
    width: 190px;
}
@media (max-width: 767px) {
    .brand-main-tires-item-tire {
        width: auto;
        height: 150px;
        margin-right: auto;
    }
}
.brand-main-tires-item-tire img {
    width: 100%;
    height: auto;
}
@media (max-width: 767px) {
    .brand-main-tires-item-tire img {
        width: auto;
        height: 100%;
    }
}

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Font Size
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Widths
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Responsive Breakpoints
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Root Variables
--------------------------------------------------------------*/
:root {
    --color-primary: #ed2939;
    --color-secondary: #333;
    --color-tertiary: #e1e1e1;
    --color-white: #fff;
    --color-black: #000;
    --swiper-theme-color: #ed2939 !important;
    --color-background-primary: #ed2939;
    --color-background-body: #fff;
    --color-background-alternative: #f5f5f5;
    --color-background-dark: #333;
    --color-background-button: #ed2939;
    --color-text-screen: #333;
    --color-text-main: #333;
    --color-text-input: #333;
    --color-text-input-focus: #333;
    --color-link: #333;
    --color-link-visited: #ed2939;
    --color-link-hover: #ed2939;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
}

.locations-map {
    position: relative;
    padding: 0 !important;
}
.locations-map-content {
    position: relative;
    margin-bottom: 50px;
}
@media (max-width: 767px) {
    .locations-map-content {
        margin-bottom: 20px;
    }
}
.locations-map-content .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
@media (max-width: 1024px) {
    .locations-map-content .wrapper {
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .locations-map-content .wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
.locations-map-content-main {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 70%;
}
@media (max-width: 1024px) {
    .locations-map-content-main {
        width: 40%;
        max-width: 40%;
    }
}
@media (max-width: 767px) {
    .locations-map-content-main {
        width: 100%;
        max-width: 100%;
    }
}
.locations-map-content-main h2 {
    text-transform: uppercase;
    font-style: italic;
    font-weight: 800;
    margin: 0 0 25px 0 !important;
}
@media (max-width: 767px) {
    .locations-map-content-main h2 {
        margin-bottom: 10px !important;
    }
}
.locations-map-content-main p {
    margin: 0 !important;
}
.locations-map-content-filters {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 20px;
}
@media (max-width: 1024px) {
    .locations-map-content-filters {
        width: 65%;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
    }
}
@media (max-width: 767px) {
    .locations-map-content-filters {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
}
.locations-map-content-filters .slm {
    position: relative;
    width: 285px;
    height: 40px;
    cursor: pointer;
}
@media (max-width: 1024px) {
    .locations-map-content-filters .slm {
        width: 60%;
        height: auto;
    }
}
@media (max-width: 767px) {
    .locations-map-content-filters .slm {
        width: 100%;
    }
}
.locations-map-content-filters .slm input {
    height: 40px;
    border-radius: 12px;
    background: #F2F2F2;
    border: none;
    padding: 20px 40px 20px 11px;
    width: 100%;
    font-family: inherit;
}
@media (max-width: 1024px) {
    .locations-map-content-filters .slm input {
        height: 100%;
    }
}
@media (max-width: 767px) {
    .locations-map-content-filters .slm input {
        height: 40px;
    }
}
.locations-map-content-filters .slm input:focus, .locations-map-content-filters .slm input:active {
    outline: none;
}
.locations-map-content-filters .slm-search {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    -webkit-transition: 0.34s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.34s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.locations-map-content-filters .slm-search svg {
    -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
            transform: translateY(-1px);
}
.locations-map-content-filters .slm-search:hover {
    -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
}
.locations-map-content-filters .slm:hover .slm-search {
    -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
}
.locations-map-content-filters .button, .locations-map-content-filters .Header__navigation-buttons-menu-item--find-location a, .Header__navigation-buttons-menu-item--find-location .locations-map-content-filters a, .locations-map-content-filters .Header__navigation-buttons-menu-item--find_tires a, .Header__navigation-buttons-menu-item--find_tires .locations-map-content-filters a, .locations-map-content-filters button,
.locations-map-content-filters input[type=button],
.locations-map-content-filters input[type=reset],
.locations-map-content-filters input[type=submit], .locations-map-content-filters .top-header__button, .locations-map-content-filters .services-slider__button, .locations-map-content-filters .special-offers-slider__button {
    color: #ed2939;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
@media (max-width: 767px) {
    .locations-map-content-filters .button, .locations-map-content-filters .Header__navigation-buttons-menu-item--find-location a, .Header__navigation-buttons-menu-item--find-location .locations-map-content-filters a, .locations-map-content-filters .Header__navigation-buttons-menu-item--find_tires a, .Header__navigation-buttons-menu-item--find_tires .locations-map-content-filters a, .locations-map-content-filters button,
    .locations-map-content-filters input[type=button],
    .locations-map-content-filters input[type=reset],
    .locations-map-content-filters input[type=submit], .locations-map-content-filters .top-header__button, .locations-map-content-filters .services-slider__button, .locations-map-content-filters .special-offers-slider__button {
        width: 100%;
    }
}
.locations-map-content-filters .button svg *, .locations-map-content-filters .Header__navigation-buttons-menu-item--find-location a svg *, .Header__navigation-buttons-menu-item--find-location .locations-map-content-filters a svg *, .locations-map-content-filters .Header__navigation-buttons-menu-item--find_tires a svg *, .Header__navigation-buttons-menu-item--find_tires .locations-map-content-filters a svg *, .locations-map-content-filters button svg *,
.locations-map-content-filters input[type=button] svg *,
.locations-map-content-filters input[type=reset] svg *,
.locations-map-content-filters input[type=submit] svg *, .locations-map-content-filters .top-header__button svg *, .locations-map-content-filters .services-slider__button svg *, .locations-map-content-filters .special-offers-slider__button svg * {
    fill: #ed2939;
}
.locations-map-main {
    position: relative;
    width: 100%;
    padding: 0 20px;
    border-radius: 24px;
    overflow: hidden;
    height: 700px;
}
@media (max-width: 1149px) {
    .locations-map-main {
        height: 500px;
    }
}
@media (max-width: 767px) {
    .locations-map-main {
        height: 350px;
    }
}
.locations-iw-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 280px;
    font-family: inherit;
}
.locations-iw-card__img-link {
    display: block;
    padding: 0;
}
.locations-iw-card__img-link img {
    width: 100%;
    height: 150px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    display: block;
}
.locations-iw-card__content {
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.locations-iw-card__content * {
    padding: 0;
}
.locations-iw-card__title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    text-decoration: none;
    margin-bottom: 4px;
    -webkit-transition: 0.34s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.34s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.locations-iw-card__title:hover {
    color: #ed2939;
}
.locations-iw-card__address {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #666;
    margin: 0 0 6px 0;
}
.locations-iw-card__cta {
    font-size: 14px;
    color: #ed2939;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    margin-top: 4px;
    -webkit-transition: 0.34s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.34s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.locations-iw-card__cta:hover {
    color: #333;
}
.locations-items {
    position: relative;
    padding: 0 !important;
    margin-bottom: 150px !important;
}
@media (max-width: 1024px) {
    .locations-items {
        margin-bottom: 80px !important;
    }
}
@media (max-width: 767px) {
    .locations-items {
        margin-bottom: 50px !important;
    }
}
.locations-items .wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}
@media (max-width: 1024px) {
    .locations-items .wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .locations-items .wrapper {
        grid-template-columns: 1fr;
    }
}
.locations-items-card {
    position: relative;
    border-radius: 12px;
    border: 1px solid #E2E2E2;
    background: #fff;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 8px 16px 0 rgba(0, 0, 0, 0.02), 0 16px 32px 0 rgba(0, 0, 0, 0.02);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 8px 16px 0 rgba(0, 0, 0, 0.02), 0 16px 32px 0 rgba(0, 0, 0, 0.02);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
}
.locations-items-card a {
    padding: 0 !important;
}
.locations-items-card img {
    width: 100%;
    height: 240px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    -webkit-transition: 0.34s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.34s cubic-bezier(0.215, 0.61, 0.355, 1);
    border-radius: 12px 12px 0 0;
}
.locations-items-card img:hover {
    opacity: 0.8;
}
.locations-items-card-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
}
.locations-items-card-content-title {
    font-weight: 600;
    color: #333 !important;
    margin: 0 0 3px 0 !important;
    padding: 0 !important;
    gap: 0 !important;
}
.locations-items-card-content p {
    font-weight: 400;
    line-height: 1.5;
    margin: 0 !important;
}
.locations-items-card-content-cta {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #ed2939;
    padding: 0 !important;
    margin: 20px 0 0 0 !important;
    gap: 5px;
    -webkit-transition: 0.34s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.34s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (max-width: 767px) {
    .locations-items-card-content-cta {
        margin-top: 15px !important;
    }
}
.locations-items-card-content-cta svg {
    -webkit-transition: 0.34s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.34s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.locations-items-card-content-cta svg path {
    -webkit-transition: 0.34s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.34s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.locations-items-card-content-cta svg * {
    fill: #ed2939;
}
.locations-items-card-content-cta:hover {
    color: #333;
}
.locations-items-card-content-cta:hover svg {
    -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
}
.locations-items-card-content-cta:hover svg * {
    fill: #333;
}
.locations-presentation {
    position: relative;
    width: calc(100% - 40px);
    margin-inline: auto;
    border-radius: 24px;
    height: auto;
    padding: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 1;
}
@media (max-width: 767px) {
    .locations-presentation {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }
}
.locations-presentation-map {
    position: relative;
    width: 50%;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    min-height: 500px;
    z-index: -1;
    overflow: hidden;
}
@media (max-width: 767px) {
    .locations-presentation-map {
        width: 100%;
        height: 360px;
        min-height: 360px;
        border-radius: 0 0 24px 24px;
    }
}
.locations-presentation-map #locations-presentation-map {
    position: absolute;
    inset: 0;
    width: calc(100% + 30px);
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
}
@media (max-width: 767px) {
    .locations-presentation-map #locations-presentation-map {
        width: 100%;
        border-radius: 0 0 24px 24px;
    }
}
.locations-presentation-content {
    position: relative;
    width: 50%;
    border-radius: 24px;
    background: #333;
    z-index: 2;
    min-height: 500px;
    height: auto;
    padding: 100px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
    overflow: hidden;
}
@media (max-width: 767px) {
    .locations-presentation-content {
        width: 100%;
        border-radius: 24px 24px 0 0;
        min-height: inherit;
        padding: 80px 20px;
    }
}
.locations-presentation-content #art {
    position: absolute;
    left: -74%;
    bottom: -84%;
    pointer-events: none;
}
@media (max-width: 767px) {
    .locations-presentation-content #art {
        display: none;
    }
}
.locations-presentation-content-img {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 24px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: -2;
}
.locations-presentation-content:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #333333;
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(51, 51, 51)), color-stop(70%, rgba(51, 51, 51, 0.86)), to(rgba(51, 51, 51, 0)));
    background: -webkit-linear-gradient(bottom, rgb(51, 51, 51) 0%, rgba(51, 51, 51, 0.86) 70%, rgba(51, 51, 51, 0) 100%);
    background: linear-gradient(0deg, rgb(51, 51, 51) 0%, rgba(51, 51, 51, 0.86) 70%, rgba(51, 51, 51, 0) 100%);
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 24px;
}
.locations-presentation-content h2 {
    font-style: italic;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    margin: 0 !important;
    text-align: center;
}
.locations-presentation-content p {
    width: 100%;
    max-width: 488px;
    color: #fff;
    margin: 0 !important;
    text-align: center;
}
.locations-presentation-content .phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: -30px;
    padding: 0;
    color: #ed2939;
}
.locations-presentation-content .phone svg {
    margin-right: 3px;
}

.gm-style-iw {
    border-radius: 12px !important;
    padding: 0 !important;
    overflow: hidden !important;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 8px 16px 0 rgba(0, 0, 0, 0.02), 0 16px 32px 0 rgba(0, 0, 0, 0.02) !important;
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 8px 16px 0 rgba(0, 0, 0, 0.02), 0 16px 32px 0 rgba(0, 0, 0, 0.02) !important;
}

.gm-style-iw-d {
    overflow: auto !important;
    max-height: none !important;
}

.gm-style-iw-chr {
    margin-bottom: -48px !important;
}

.locations-map-error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 2rem;
    text-align: center;
    background: #f5f5f5;
    border-radius: 12px;
    min-height: 200px;
}
.locations-map-error__title {
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    color: #333;
}
.locations-map-error__text {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #666;
    max-width: 480px;
}

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Font Size
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Widths
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Responsive Breakpoints
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Root Variables
--------------------------------------------------------------*/
:root {
    --color-primary: #ed2939;
    --color-secondary: #333;
    --color-tertiary: #e1e1e1;
    --color-white: #fff;
    --color-black: #000;
    --swiper-theme-color: #ed2939 !important;
    --color-background-primary: #ed2939;
    --color-background-body: #fff;
    --color-background-alternative: #f5f5f5;
    --color-background-dark: #333;
    --color-background-button: #ed2939;
    --color-text-screen: #333;
    --color-text-main: #333;
    --color-text-input: #333;
    --color-text-input-focus: #333;
    --color-link: #333;
    --color-link-visited: #ed2939;
    --color-link-hover: #ed2939;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
}

.location-page {
    position: relative;
    border-top: 1px solid #E2E2E2;
    padding-top: 50px;
}
@media (max-width: 1024px) {
    .location-page {
        padding-top: 20px;
    }
}
.location-page .breadcrumb a {
    color: #333;
}
.location-page .breadcrumb a:hover {
    color: #ed2939;
}
.location-page .breadcrumb p {
    color: rgba(51, 51, 51, 0.5);
}
.location-page .breadcrumb svg * {
    fill: #333;
}
.location-page-hero {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 100px;
}
@media (max-width: 1024px) {
    .location-page-hero {
        margin-top: 20px;
        margin-bottom: 50px;
    }
}
@media (max-width: 767px) {
    .location-page-hero {
        margin-bottom: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        gap: 20px;
    }
}
.location-page-hero-main {
    position: relative;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
}
@media (max-width: 1024px) {
    .location-page-hero-main {
        gap: 20px;
        width: 55%;
    }
}
@media (max-width: 767px) {
    .location-page-hero-main {
        width: 100%;
    }
}
.location-page-hero-main-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
@media (max-width: 1024px) {
    .location-page-hero-main-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px;
    }
}
.location-page-hero-main-header h1 {
    margin: 0 !important;
}
@media (max-width: 1024px) {
    .location-page-hero-main-header a {
        width: 100%;
    }
}
.location-page-hero-main-contact {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
}
@media (max-width: 1024px) {
    .location-page-hero-main-contact {
        gap: 10px;
    }
}
.location-page-hero-main-contact a,
.location-page-hero-main-contact p {
    padding: 0 !important;
    margin: 0 !important;
}
@media (max-width: 1024px) {
    .location-page-hero-main .image-and-text__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px;
    }
}
.location-page-hero-main .image-and-text__buttons a {
    font-size: 18px;
    min-width: 230px;
    padding: 11px 20px;
}
@media (max-width: 1024px) {
    .location-page-hero-main .image-and-text__buttons a {
        min-width: inherit;
        width: 100%;
        max-width: 100%;
    }
}
.location-page-hero-pic {
    position: relative;
    width: 40.6%;
    height: auto;
    border-radius: 24px;
}
@media (max-width: 767px) {
    .location-page-hero-pic {
        width: 100%;
    }
}
.location-page-hero-pic img {
    border-radius: 24px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    width: 100%;
    height: 100%;
}
.location-page-map {
    position: relative;
    width: 100%;
    padding: 0 20px;
    border-radius: 24px;
    height: 700px;
}
@media (max-width: 1149px) {
    .location-page-map {
        height: 500px;
    }
}
@media (max-width: 767px) {
    .location-page-map {
        height: 350px;
    }
}
.location-page-map iframe {
    border-radius: 24px;
    width: 100%;
    height: 100%;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
}
.location-page-content {
    margin-top: 100px;
    margin-bottom: 150px;
}
@media (max-width: 1024px) {
    .location-page-content {
        margin-top: 50px;
        margin-bottom: 80px;
    }
}
@media (max-width: 767px) {
    .location-page-content {
        margin-top: 30px;
        margin-bottom: 50px;
    }
}
.location-page-content h2:first-child {
    margin-top: 0 !important;
}
.location-page-content h3 {
    font-size: 24px;
}
@media (max-width: 767px) {
    .location-page-content h3 {
        font-size: 18px;
    }
}

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Font Size
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Widths
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Responsive Breakpoints
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Root Variables
--------------------------------------------------------------*/
:root {
    --color-primary: #ed2939;
    --color-secondary: #333;
    --color-tertiary: #e1e1e1;
    --color-white: #fff;
    --color-black: #000;
    --swiper-theme-color: #ed2939 !important;
    --color-background-primary: #ed2939;
    --color-background-body: #fff;
    --color-background-alternative: #f5f5f5;
    --color-background-dark: #333;
    --color-background-button: #ed2939;
    --color-text-screen: #333;
    --color-text-main: #333;
    --color-text-input: #333;
    --color-text-input-focus: #333;
    --color-link: #333;
    --color-link-visited: #ed2939;
    --color-link-hover: #ed2939;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
}

.careers {
    position: relative;
    background: #f5f5f5;
    padding: 100px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 50px;
    margin-bottom: 150px;
    width: calc(100% - 40px);
    border-radius: 24px;
    margin-inline: auto;
}
@media (max-width: 1024px) {
    .careers {
        width: 100%;
        border-radius: 0;
        padding: 80px 0;
        margin-bottom: 0;
    }
}
@media (max-width: 767px) {
    .careers {
        padding: 50px 0;
    }
}
.careers-section {
    position: relative;
}
.careers-section h2 {
    font-style: italic;
    font-weight: 800;
    text-transform: uppercase;
}
.careers-section-items {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
}
.careers-section-items-card {
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 8px 16px 0 rgba(0, 0, 0, 0.02), 0 16px 32px 0 rgba(0, 0, 0, 0.02);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 8px 16px 0 rgba(0, 0, 0, 0.02), 0 16px 32px 0 rgba(0, 0, 0, 0.02);
    border-radius: 12px;
    border: 1px solid #E2E2E2;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 15px;
}
@media (max-width: 767px) {
    .careers-section-items-card {
        padding: 20px;
    }
}
.careers-section-items-card h3 {
    font-weight: 600;
    margin: 0 !important;
}
.careers-section-items-card p {
    margin: 0 !important;
}
.careers-section-items-card a {
    font-weight: 600;
    color: #ed2939;
    padding: 0 !important;
    margin: 0 !important;
}
.careers-section-items-card a:hover {
    color: #333;
}

.career-page {
    position: relative;
}
.career-page-content {
    position: relative;
    margin-bottom: 125px;
}
@media (max-width: 1024px) {
    .career-page-content {
        margin-bottom: 80px;
    }
}
@media (max-width: 767px) {
    .career-page-content {
        margin-bottom: 50px;
    }
}

.simplepage {
    position: relative;
}
.simplepage-content {
    position: relative;
    padding-top: 0;
    padding-bottom: 150px;
}
@media (max-width: 1024px) {
    .simplepage-content {
        padding-bottom: 80px;
    }
}
@media (max-width: 767px) {
    .simplepage-content {
        padding-bottom: 50px;
    }
}
.simplepage-content h2:first-of-type {
    margin-top: 0 !important;
}

.error404 {
    position: relative;
}
.error404-card {
    position: relative;
    z-index: 1;
    padding-top: 100px !important;
    padding-bottom: 250px !important;
    border-radius: 24px;
    width: calc(100% - 40px);
    margin-inline: auto;
    margin-bottom: 50px;
}
@media (max-width: 1024px) {
    .error404-card {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}
@media (max-width: 767px) {
    .error404-card {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
        margin-bottom: 30px;
    }
}
.error404-card-img {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 24px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    width: 100%;
    height: 100%;
    z-index: -2;
}
.error404-card:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    background: -webkit-radial-gradient(circle, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(circle, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 24px;
}
.error404-card:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.2;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 24px;
}
.error404-card .wrapper {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.error404-card .wrapper h1 {
    color: #fff;
    font-size: 200px;
    line-height: 1;
    font-style: italic;
    text-transform: uppercase;
    margin-top: 0;
}
@media (max-width: 767px) {
    .error404-card .wrapper h1 {
        font-size: 150px;
    }
}
.error404-card .wrapper h2 {
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .error404-card .wrapper h2 {
        margin-bottom: 10px;
    }
}
.error404-card .wrapper p {
    width: 100%;
    max-width: 600px;
    color: #fff;
    text-align: center;
    margin-bottom: 0;
}
.error404-card .wrapper a {
    margin-top: 30px;
}
@media (max-width: 767px) {
    .error404-card .wrapper a {
        margin-top: 20px;
    }
}