/*
Theme Name:     GuitarPoint Storefront Theme
Theme URI:      https://www.guitarpoint.de/
Description:    GuitarPoint specific child theme for the Storefront theme
Author:         Orange Hive
Author URI:     https://www.orangehive.de/
Template:       storefront
Version:        1.0.0
*/
.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails{text-align:center}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::before,.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after{content:"";display:table}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after{clear:both}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li{display:inline-block;width:auto !important;float:none !important;margin-bottom:0 !important}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li img{max-height:16px;width:auto;display:block}.widget_brand_nav ul li .count{float:right}.tax-product_brand .woocommerce-products-header{display:flex;flex-direction:column;margin:0 0 2.2906835em;text-align:center}.tax-product_brand .woocommerce-products-header .brand-thumbnail{margin:0 0 1em;width:auto;max-height:2.2906835em;align-self:center;order:1}.tax-product_brand .woocommerce-products-header .woocommerce-products-header__title,.tax-product_brand .woocommerce-products-header .term-description{order:2}div#brands_a_z::before,div#brands_a_z::after{content:"";display:table}div#brands_a_z::after{clear:both}div#brands_a_z ul.brands_index{margin-left:0;padding:0}div#brands_a_z ul.brands_index li{float:none;display:inline-block;margin:0 .3342343017em .2360828548em 0;padding:0;text-transform:uppercase}div#brands_a_z ul.brands_index li a,div#brands_a_z ul.brands_index li span{float:none;display:block;border:0;padding:.3819820591em;min-width:1.618em;text-align:center;background-color:#eee;color:#43454b;line-height:1}div#brands_a_z ul.brands_index li span{opacity:.3}div#brands_a_z h3{text-transform:uppercase}div#brands_a_z a.top{padding:.6180469716em;background-color:#eee;color:#43454b;border:0;line-height:1}div#brands_a_z ul.brands{margin-left:0;list-style-position:inside}div#brands_a_z ul.brands li{margin:0 0 .3819820591em;padding:0 0 .3819820591em;border-bottom:1px solid rgba(0,0,0,.05)}.storefront-wc-brands-single-product{margin:0 0 .5407911001em}.storefront-wc-brands-single-product img{max-height:2.2906835em}@media(min-width: 768px){div#brands_a_z ul.brands_index{width:21.7391304348%;float:left;margin-right:4.347826087%;transition:all .5s ease}div#brands_a_z h3{width:73.9130434783%;float:right;margin-right:0;clear:right;text-transform:uppercase}div#brands_a_z h3:first-of-type{margin-top:0}div#brands_a_z a.top{clear:right}div#brands_a_z ul.brands{width:73.9130434783%;float:right;margin-right:0;clear:right}}

/*!******************************************************************************************************!*\
  !*** css ../node_modules/css-loader/index.js??clonedRuleSet-3.use[1]!../sass/vendor/magicscroll.css ***!
  \******************************************************************************************************/
/*
   Magic Scroll v2.0.51
   Copyright 2020 Magic Toolbox
   Buy a license: https://www.magictoolbox.com/magicscroll/
   License agreement: https://www.magictoolbox.com/license/

*/
.MagicScroll,
.mcs-caption,
.mcs-button,
.mcs-item,
.mcs-item img,
.mcs-item > *,
.mcs-bullet,
.mcs-bullet:before,
.mcs-bullet:after,
.mcs-wrapper,
.mcs-items-container {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.MagicScroll,
.mcs-item,
.mcs-item a,
.mcs-item img,
.mcs-items-container {
    position: relative;
}
.MagicScroll,
.mcs-item,
.mcs-wrapper,
.mcs-items-container {
    overflow: hidden;
    direction: ltr;
}
.mcs-wrapper,
.mcs-item img {
    line-height: 100%;
}

.MagicScroll {
    z-index: 1;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

.MagicScroll.mcs-height-auto .mcs-item > a {
    width: 100%;
}

.MagicScroll > a {
    height: 100%;
}

.MagicScroll > a > img {
    max-height: 100%;
}

.MagicScroll.mcs-height-auto {
    height: auto !important;
}

.MagicScroll.MagicScroll-horizontal {
    -moz-touch-action: pan-y;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.MagicScroll.MagicScroll-vertical {
    -moz-touch-action: pan-x;
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

body.mcs-dragging {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}
body.mcs-dragging .MagicScroll,
body.mcs-dragging button.mcs-button.mcs-horizontal.mcs-button-arrow {
    cursor: inherit;
}

.mcs-item,
.MagicScroll figure,
/*.mcs-item img,*/
.mcs-item .mcs-caption {
    display: inline-block;
}

.MagicScroll .mcs-item img {
    pointer-events: none;
}

.mcs-item img {
    display: inline-block !important;
}

.MagicScroll > * {
    display: inline-block;
    max-width: 100%;
}
.MagicScroll > *:first-child {
    visibility: hidden;
}
.MagicScroll > *:nth-child(n+2) {
    display: none;
}

.MagicScroll > a {
    line-height: 100%;
}

.MagicScroll img {
    visibility: hidden;
}
.MagicScroll .mcs-item img {
    visibility: visible;
    float: none !important;
}

.mcs-button,
.mcs-bullets,
.mcs-wrapper {
    position: absolute;
}

.MagicScroll:before,
.MagicScroll figcaption:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    height: 0;
}
.mcs-wrapper {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    vertical-align: top;
    z-index: 100;
}

.mcs-items-container {
    text-align: center;
    overflow: visible;
    width: 100%;
    height: 100%;
}

.mcs-item {
    top: 0;
    left: 0;
    zoom: 1;
    /*font-size: 9pt !important;*/
    font-size: 0;
    line-height: 100%;
    max-width: 100%;
}

.mcs-item:after,
.mcs-item > a:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.MagicScroll-horizontal .mcs-item {
    height: 100%;
}

.MagicScroll-vertical .mcs-item {
    display: block;
    width: 100%;
}

.mcs-item > a,
.MagicScroll-horizontal .mcs-items-container > * {
    display: inline-block;
}
.mcs-item a,
.mcs-item img {
    border: none;
    max-width: 100%;
    max-height: 100%;
}
.mcs-item a {
    height: 100%;
}

.mcs-item img {
    width: auto;
    height: auto;
    vertical-align: middle;
}

.MagicScroll figure {
    position: relative;
    vertical-align: middle;
    font-size: 0;
    margin: 0;
    max-width: 100%;
    max-height: 100%;
    line-height: normal;
}

.lt-ie9-magic .mcs-item > a > img {
    position: static;
}
.lt-ie9-magic figcaption {
    display: block;
}
.lt-ie10-magic .mcs-item a img {
    border: none;
}

.ie7-magic .mcs-item img,
.ie7-magic .MagicScroll-vertical .mcs-item a {
    display: inline-block;
}

.ie7-magic .MagicScroll-horizontal .mcs-item  {
    display: inline;
}

.mcs-button {
    display: block;
}

.MagicScroll .mcs-hidden {
    display: none !important;
    visibility: hidden !important;
}

.ie11-magic .MagicScroll[data-mode="scroll"] .mcs-items-container,
.MagicScroll[data-mode="carousel"] .mcs-items-container,
.MagicScroll[data-mode="cover-flow"] .mcs-items-container {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px;

    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
}
.MagicScroll[data-mode="carousel"] .mcs-item,
.MagicScroll[data-mode="cover-flow"] .mcs-item {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.MagicScroll figcaption {
    display: inline-block;
    position: relative;
    left: 0;
    float: left;
    width: 100%;
    line-height: 100%;
    clear: both;
    z-index: 150;
}
.MagicScroll figcaption,
.MagicScroll[data-mode="carousel"] .mcs-item .mcs-caption,
.MagicScroll[data-mode="cover-flow"] .mcs-item .mcs-caption {
    left: 50%;
    -webkit-transform: translateZ(1px) translateX(-50%);
    transform: translateZ(1px) translateX(-50%);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}


.lt-ie9-magic .MagicScroll figcaption,
.lt-ie9-magic .MagicScroll figure img {
    float: right;
}
.MagicScroll .mcs-reflection {
    -webkit-transform: translateZ(-1px);
    position: absolute;
    display: inline-block;
    left: 0px;
    z-index: 1;
}

.MagicScroll .mcs-item.mcs-noimg {
    background: url("data:image/png;base64,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") center center no-repeat;
}


/*
 * Caption
 */
.mcs-item .mcs-caption {
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    z-index: 150;
}

.MagicScroll[data-mode="cover-flow"] .mcs-item figcaption.mcs-caption,
.MagicScroll[data-mode="carousel"] .mcs-item figcaption.mcs-caption {
    top: 100%;
}

.MagicScroll[data-mode="scroll"] .mcs-item figure,
.MagicScroll[data-mode="animation"] .mcs-item figure {
    overflow: hidden;
}

.MagicScroll[data-mode="scroll"] .mcs-item .mcs-caption,
.MagicScroll[data-mode="animation"] .mcs-item .mcs-caption {
    left: 0;
    width: 100%;
    bottom: 0;
    -webkit-transition: -webkit-transform .25s;
            transition: transform .25s;
    -webkit-transform: translateY(150%);
            -ms-transform: translate(0, 150%);
            transform: translateY(150%);
}

.MagicScroll[data-mode="scroll"] .mcs-item:hover .mcs-caption,
.MagicScroll[data-mode="animation"] .mcs-item:hover .mcs-caption {
    -webkit-transform: translateY(0%);
        -ms-transform: translate(0, 0%);
            transform: translateY(0%);
}

.MagicScroll[data-mode="scroll"].caption-below .mcs-caption,
.MagicScroll[data-mode="animation"].caption-below .mcs-caption {
    -webkit-transition: none;
            transition: none;
    -webkit-transform: none;
            -ms-transform: none;
            transform: none;
}

.lt-ie9-magic .MagicScroll[data-mode="scroll"] .mcs-item .mcs-caption,
.lt-ie9-magic .MagicScroll[data-mode="animation"] .mcs-item .mcs-caption {
    bottom: -150%;
}
.lt-ie9-magic .MagicScroll[data-mode="scroll"] .mcs-item:hover .mcs-caption,
.lt-ie9-magic .MagicScroll[data-mode="animation"] .mcs-item:hover .mcs-caption {
    bottom: 0%;
}

/**
 * Buttons & Arrows
 */
.mcs-button {
    cursor: pointer;
    z-index: 1000;
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear;
}
.MagicScroll:hover > .mcs-button:hover {
    opacity: 1;
}

.mcs-button-arrow {
    z-index: 120;
}
.MagicScroll-horizontal .mcs-button-arrow {
    width: 40px;
    height: 100%;
    top: 0;
}
.MagicScroll-vertical .mcs-button-arrow {
    width: 100%;
    height: 40px;
    left: 0;
}

.MagicScroll-horizontal .mcs-button-arrow-prev { left: 0; right: auto; top: 0; bottom: 0; }
.MagicScroll-horizontal .mcs-button-arrow-next { left: auto; right: 0; top: 0; bottom: 0; }
.MagicScroll-vertical .mcs-button-arrow-prev { top: 0; bottom: auto; left: 0; right: 0; }
.MagicScroll-vertical .mcs-button-arrow-next { top: auto; bottom: 0; left: 0; right: 0; }


.MagicScroll[data-mode="carousel"] .mcs-item,
.MagicScroll[data-mode="cover-flow"] .mcs-item {
    overflow: visible;
}

/*
 * Bullets
 */
.mcs-bullets {
    text-align: center;
    display: inline-block !important;
    opacity: 0;
    top: 100%;
}
.mcs-bullets.show {
    opacity: 1.0;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.MagicScroll-horizontal .mcs-bullets {
    width: 100%;
    left: 0;
}
.MagicScroll-vertical .mcs-bullets {
    top: 0;
    left: 100%;
    display: inline-block;
    vertical-align: middle;
}
.mcs-bullet {
    border-radius: 50%;
    margin: 4px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-indent: 9999px;
    vertical-align: middle;
    font: 0/0 a;
    color: transparent;
    outline: none;
}
.mcs-bullet.active {
    cursor: default;
}


/**
 * Animation mode
 */
[data-mode="animation"] div[data-action="exit"],
[data-mode="animation"] div[data-action="enter"] {
    -webkit-animation-duration: 0.35s;
            animation-duration: 0.35s;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
}
[data-mode="animation"] div[data-action="enter"] {
    -webkit-animation-timing-function: cubic-bezier(.12,.37,.25,1);
            animation-timing-function: cubic-bezier(.12,.37,.25,1);
}
[data-mode="animation"] .mcs-item {
    -webkit-animation-duration: 0;
    -webkit-transform: none;
            animation-name: none;
            animation-duration: 0;
}

[data-mode="animation"] .mcs-item[data-animation-nth="1"] {
    -webkit-animation-delay: 0.15s;
            animation-delay: 0.15s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="2"] {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="3"] {
    -webkit-animation-delay: 0.25s;
            animation-delay: 0.25s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="4"] {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="5"] {
    -webkit-animation-delay: 0.35s;
            animation-delay: 0.35s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="6"] {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="7"] {
    -webkit-animation-delay: 0.45s;
            animation-delay: 0.45s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="8"] {
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="9"] {
    -webkit-animation-delay: 0.55s;
            animation-delay: 0.55s;
}
[data-mode="animation"] .mcs-item[data-animation-nth="10"] {
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
}

.MagicScroll-horizontal[data-mode="animation"] [data-forward] [data-entering],
.MagicScroll-horizontal[data-mode="animation"] [data-forward] [data-exited] {
    -webkit-transform: translateX(100000px);
            transform: translateX(100000px);
}
.MagicScroll-horizontal[data-mode="animation"] [data-backward] [data-entering],
.MagicScroll-horizontal[data-mode="animation"] [data-backward] [data-exited] {
    -webkit-transform: translateX(-100000px);
            transform: translateX(-100000px);
}
.MagicScroll-vertical[data-mode="animation"] [data-forward] [data-entering],
.MagicScroll-vertical[data-mode="animation"] [data-forward] [data-exited] {
    -webkit-transform: translateY(100000px);
            transform: translateY(100000px);
}
.MagicScroll-vertical[data-mode="animation"] [data-backward] [data-entering],
.MagicScroll-vertical[data-mode="animation"] [data-backward] [data-exited] {
    -webkit-transform: translateY(-100000px);
            transform: translateY(-100000px);
}
/**
 * SlideIn animation
 */
[data-mode="animation"] .mcs-item[data-action="exit"],
.mcs-slidein[data-mode="animation"] .mcs-item[data-action="exit"] {
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
}
[data-mode="animation"] .mcs-item[data-action="enter"],
.mcs-slidein[data-mode="animation"] .mcs-item[data-action="enter"] {
    -webkit-animation-timing-function: cubic-bezier(.12,.37,.25,1);
            animation-timing-function: cubic-bezier(.12,.37,.25,1);
    -webkit-animation-duration: 0.35s;
            animation-duration: 0.35s;
}

/* Horizontal Forward */
.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"],
.mcs-slidein.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"] {
    -webkit-animation-name: h-forward-exit-slidein;
            animation-name: h-forward-exit-slidein;
}
.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"],
.mcs-slidein.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"] {
    -webkit-animation-name: h-forward-enter-slidein;
            animation-name: h-forward-enter-slidein;
}
@-webkit-keyframes h-forward-exit-slidein {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-600px);
                transform: translateX(-600px);
    }
}
@keyframes h-forward-exit-slidein {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-600px);
                transform: translateX(-600px);
    }
}
@-webkit-keyframes h-forward-enter-slidein {
    0%   {
        opacity: 0;
        -webkit-transform: translateX(180px);
                transform: translateX(180px);
    }
    100%   {
        opacity: 1;
        -webkit-transform:translateX(0px);
                transform:translateX(0px);
    }
}
@keyframes h-forward-enter-slidein {
    0%   {
        opacity: 0;
        -webkit-transform: translateX(180px);
                transform: translateX(180px);
    }
    100%   {
        opacity: 1;
        -webkit-transform:translateX(0px);
                transform:translateX(0px);
    }
}

/* Horizontal Backward */
.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"],
.mcs-slidein.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"] {
    -webkit-animation-name: h-backward-exit-slidein;
            animation-name: h-backward-exit-slidein;
}
.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"],
.mcs-slidein.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"] {
    -webkit-animation-name: h-backward-enter-slidein;
            animation-name: h-backward-enter-slidein;
}
@-webkit-keyframes h-backward-exit-slidein {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(600px);
                transform: translateX(600px);
    }
}
@keyframes h-backward-exit-slidein {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(600px);
                transform: translateX(600px);
    }
}
@-webkit-keyframes h-backward-enter-slidein {
    0%   {
        opacity: 0;
        -webkit-transform: translateX(-180px);
                transform: translateX(-180px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
    }
}
@keyframes h-backward-enter-slidein {
    0%   {
        opacity: 0;
        -webkit-transform: translateX(-180px);
                transform: translateX(-180px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
    }
}

/* Vertical Forward */
.MagicScroll-vertical[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"],
.mcs-slidein.MagicScroll-vertical[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"] {
    -webkit-animation-name: v-forward-exit-slidein;
            animation-name: v-forward-exit-slidein;
}
.MagicScroll-vertical[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"],
.mcs-slidein.MagicScroll-vertical[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"] {
    -webkit-animation-name: v-forward-enter-slidein;
            animation-name: v-forward-enter-slidein;
}
@-webkit-keyframes v-forward-exit-slidein {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-600px);
                transform: translateY(-600px);
    }
}
@keyframes v-forward-exit-slidein {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-600px);
                transform: translateY(-600px);
    }
}
@-webkit-keyframes v-forward-enter-slidein {
    0%   {
        opacity: 0;
        -webkit-transform: translateY(180px);
                transform: translateY(180px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
}
@keyframes v-forward-enter-slidein {
    0%   {
        opacity: 0;
        -webkit-transform: translateY(180px);
                transform: translateY(180px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
}

/* Vertical Backward */
.MagicScroll-vertical[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"],
.mcs-slidein.MagicScroll-vertical[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"] {
    -webkit-animation-name: v-backward-exit-slidein;
            animation-name: v-backward-exit-slidein;
}
.MagicScroll-vertical[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"],
.mcs-slidein.MagicScroll-vertical[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"] {
    -webkit-animation-name: v-backward-enter-slidein;
            animation-name: v-backward-enter-slidein;
}
@-webkit-keyframes v-backward-exit-slidein {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(600px);
                transform: translateY(600px);
    }
}
@keyframes v-backward-exit-slidein {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(600px);
                transform: translateY(600px);
    }
}
@-webkit-keyframes v-backward-enter-slidein {
    0%   {
        opacity: 0;
        -webkit-transform: translateY(-180px);
                transform: translateY(-180px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
}
@keyframes v-backward-enter-slidein {
    0%   {
        opacity: 0;
        -webkit-transform: translateY(-180px);
                transform: translateY(-180px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
}
/**
 * Bounce animation
 */
.mcs-bounce[data-mode="animation"] .mcs-item[data-action="exit"] {
    -webkit-animation-timing-function: cubic-bezier(.84,0,1,1);
            animation-timing-function: cubic-bezier(.84,0,1,1);
    -webkit-animation-duration: 0.4s;
            animation-duration: 0.4s;
    /*-webkit-animation-delay: 0s;
            animation-delay: 0s;*/
}

.mcs-bounce[data-mode="animation"] .mcs-item[data-action="enter"] {
    -webkit-animation-timing-function: cubic-bezier(.12,.37,.25,1);
            animation-timing-function: cubic-bezier(.12,.37,.25,1);
    -webkit-animation-duration: 0.4s;
            animation-duration: 0.4s;
}

/* Horizontal Forward */
.mcs-bounce.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"] {
    -webkit-animation-name: h-forward-exit-bounce;
            animation-name: h-forward-exit-bounce;
}
.mcs-bounce.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"] {
    -webkit-animation-name: h-forward-enter-bounce;
            animation-name: h-forward-enter-bounce;
}

@-webkit-keyframes h-forward-exit-bounce {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0) translateZ(-1px);
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
                transform: translateX(-2000px) translateZ(-1px);
    }
}
@keyframes h-forward-exit-bounce {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0) translateZ(-1px);
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
                transform: translateX(-2000px) translateZ(-1px);
    }
}
@-webkit-keyframes h-forward-enter-bounce {
    0%   {
        opacity: 0;
        -webkit-transform: translateX(3000px);
                transform: translateX(3000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
                transform: translateX(-30px);
    }
    75% {
        -webkit-transform:translateX(10px);
                transform:translateX(10px);
    }
    90% {
        -webkit-transform:translateX(-5px);
                transform:translateX(-5px);
    }
    100%   {
        -webkit-transform:translateX(0px);
                transform:translateX(0px);
    }
}
@keyframes h-forward-enter-bounce {
    0%   {
        opacity: 0;
        -webkit-transform: translateX(3000px);
                transform: translateX(3000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
                transform: translateX(-30px);
    }
    75% {
        -webkit-transform:translateX(10px);
                transform:translateX(10px);
    }
    90% {
        -webkit-transform:translateX(-5px);
                transform:translateX(-5px);
    }
    100%   {
        -webkit-transform:translateX(0px);
                transform:translateX(0px);
    }
}

/* Horizontal Backward */
.mcs-bounce.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"] {
    -webkit-animation-name: h-backward-exit-bounce;
            animation-name: h-backward-exit-bounce;
}
.mcs-bounce.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"] {
    -webkit-animation-name: h-backward-enter-bounce;
            animation-name: h-backward-enter-bounce;
}
@-webkit-keyframes h-backward-exit-bounce {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0) translateZ(-1px);
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
                transform: translateX(2000px) translateZ(-1px);
    }
}
@keyframes h-backward-exit-bounce {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0) translateZ(-1px);
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
                transform: translateX(2000px) translateZ(-1px);
    }
}
@-webkit-keyframes h-backward-enter-bounce {
    0%   {
        opacity: 0;
        -webkit-transform: translateX(-3000px);
                transform: translateX(-3000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
                transform: translateX(30px);
    }
    75% {
        -webkit-transform:translateX(-10px);
                transform:translateX(-10px);
    }
    90% {
        -webkit-transform:translateX(5px);
                transform:translateX(5px);
    }
    100%   {
        -webkit-transform:translateX(0px);
                transform:translateX(0px);
    }
}
@keyframes h-backward-enter-bounce {
    0%   {
        opacity: 0;
        -webkit-transform: translateX(-3000px);
                transform: translateX(-3000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
                transform: translateX(30px);
    }
    75% {
        -webkit-transform:translateX(-10px);
                transform:translateX(-10px);
    }
    90% {
        -webkit-transform:translateX(5px);
                transform:translateX(5px);
    }
    100%   {
        -webkit-transform:translateX(0px);
                transform:translateX(0px);
    }
}

/* Vertical Forward */
.mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-forward] div[data-action="exit"] {
    -webkit-animation-name: v-forward-exit-bounce;
            animation-name: v-forward-exit-bounce;
}
.mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-forward] div[data-action="enter"] {
    -webkit-animation-name: v-forward-enter-bounce;
            animation-name: v-forward-enter-bounce;
}
.mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-forward] [data-entering] {
    -webkit-transform: translateY(100000px);
            transform: translateY(100000px);
}
.mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-forward] [data-exited] {
    -webkit-transform: translateY(100000px);
            transform: translateY(100000px);
}
@-webkit-keyframes v-forward-exit-bounce {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
                transform: translateY(-2000px);
    }
}
@keyframes v-forward-exit-bounce {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
                transform: translateY(-2000px);
    }
}
@-webkit-keyframes v-forward-enter-bounce {
    0%   {
        opacity: 0;
        -webkit-transform: translateY(3000px);
                transform: translateY(3000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
    }
    75% {
        -webkit-transform:translateY(10px);
                transform:translateY(10px);
    }
    90% {
        -webkit-transform:translateY(-5px);
                transform:translateY(-5px);
    }
    100%   {
        -webkit-transform:translateY(0px);
                transform:translateY(0px);
    }
}
@keyframes v-forward-enter-bounce {
    0%   {
        opacity: 0;
        -webkit-transform: translateY(3000px);
                transform: translateY(3000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
    }
    75% {
        -webkit-transform:translateY(10px);
                transform:translateY(10px);
    }
    90% {
        -webkit-transform:translateY(-5px);
                transform:translateY(-5px);
    }
    100%   {
        -webkit-transform:translateY(0px);
                transform:translateY(0px);
    }
}

/* Vertical Backward */
.mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-backward] div[data-action="exit"] {
    -webkit-animation-name: v-backward-exit-bounce;
            animation-name: v-backward-exit-bounce;
}
.mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-backward] div[data-action="enter"] {
    -webkit-animation-name: v-backward-enter-bounce;
            animation-name: v-backward-enter-bounce;
}
@-webkit-keyframes v-backward-exit-bounce {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
                transform: translateY(2000px);
    }
}
@keyframes v-backward-exit-bounce {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
                transform: translateY(2000px);
    }
}
@-webkit-keyframes v-backward-enter-bounce {
    0%   {
        opacity: 0;
        -webkit-transform: translateY(-3000px);
                transform: translateY(-3000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
                transform: translateY(30px);
    }
    75% {
        -webkit-transform:translateY(-10px);
                transform:translateY(-10px);
    }
    90% {
        -webkit-transform:translateY(5px);
                transform:translateY(5px);
    }
    100%   {
        -webkit-transform:translateY(0px);
                transform:translateY(0px);
    }
}
@keyframes v-backward-enter-bounce {
    0%   {
        opacity: 0;
        -webkit-transform: translateY(-3000px);
                transform: translateY(-3000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
                transform: translateY(30px);
    }
    75% {
        -webkit-transform:translateY(-10px);
                transform:translateY(-10px);
    }
    90% {
        -webkit-transform:translateY(5px);
                transform:translateY(5px);
    }
    100%   {
        -webkit-transform:translateY(0px);
                transform:translateY(0px);
    }
}
/*
 * Arrows
 */
.MagicScroll-horizontal .mcs-button-arrow-prev:before,
.MagicScroll-horizontal .mcs-button-arrow-next:before,
.MagicScroll-vertical .mcs-button-arrow-prev:before,
.MagicScroll-vertical .mcs-button-arrow-next:before {
    content: "";
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    position: absolute;
    border-width: 3px;
    border-color: rgba(49,51,61,0.6);
    border-style: solid;
    border-right: none;
    border-bottom: none;
    -webkit-transition: border-color .15s linear;
            transition: border-color .15s linear;
}

.MagicScroll-horizontal .mcs-button-arrow-prev:before {
    left: 62%;
    -webkit-transform: translate(-50%, -50%) rotateZ(-45deg);
            transform: translate(-50%, -50%) rotateZ(-45deg);
}

.MagicScroll-horizontal .mcs-button-arrow-next:before {
    left: 40%;
    -webkit-transform: translate(-50%, -50%) rotateZ(135deg);
            transform: translate(-50%, -50%) rotateZ(135deg);

}
.MagicScroll-vertical .mcs-button-arrow-prev:before {
    top: 62%;
    -webkit-transform: translate(-50%, -50%) rotateZ(45deg);
            transform: translate(-50%, -50%) rotateZ(45deg);
}
.MagicScroll-vertical .mcs-button-arrow-next:before {
    top: 40%;
    -webkit-transform: translate(-50%, -50%) rotateZ(-135deg);
            transform: translate(-50%, -50%) rotateZ(-135deg);
}
.mcs-button-arrow.mcs-disabled {
    opacity: 0.01 !important;
}
.MagicScroll > .mcs-button-arrow {
    /*font-size: 20px;*/
    width: 30px;
    height: 30px;
    margin: auto;
    opacity: 0.6;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.MagicScroll-horizontal .mcs-button-arrow-prev { left: 0; right: auto; top: 0; bottom: 0; }
.MagicScroll-horizontal .mcs-button-arrow-next { left: auto; right: 0; top: 0; bottom: 0; }
.MagicScroll-vertical .mcs-button-arrow-prev { top: 0; bottom: auto; left: 0; right: 0; }
.MagicScroll-vertical .mcs-button-arrow-next { top: auto; bottom: 0; left: 0; right: 0; }

.MagicScroll:hover > .mcs-button-arrow:hover:not(.mcs-disabled) {
    opacity: 1;
}

.MagicScroll:hover > .mcs-button-arrow:hover:not(.mcs-disabled):before {
    border-color: rgba(49,51,61,1);
}

.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow {
    width: 24px;
    height: 24px;
    border-radius: 3px;
    background: rgba(255, 255, 255, .75);
    box-shadow: 0 0 1px rgba(153, 153, 153, .5);
    -webkit-transition: background-color .15s linear;
            transition: background-color .15s linear;
}

.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:before {
    width: 8px;
    height: 8px;
}

.MagicScroll-horizontal.MagicScroll-arrows-inside:hover > .mcs-button-arrow:hover:not(.mcs-disabled) {
    background-color: rgba(255, 255, 255, .96);
}
.MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-prev {
    left: 5px;
}
.MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-next {
    right: 5px;
}
.MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-prev {
    top: 5px;
}
.MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-next {
    bottom: 5px;
}

.lt-ie10-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow {
    border: 1px solid rgba(153, 153, 153, .5);
}
.lt-ie9-magic .mcs-button-arrow:before {
    border-color: #83858B;
}
.lt-ie9-magic .MagicScroll:hover > .mcs-button-arrow:hover:before {
    border-color: #31333D;
}
.lt-ie9-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:before {
    border-color: #31333D;
}
.lt-ie9-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow {
    background: #fff;
    border: 1px solid #999;
    filter: alpha(opacity = 60);
}
.lt-ie9-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:hover {
    filter: alpha(opacity = 96);
}
.lt-ie9-magic .mcs-button-arrow.mcs-disabled {
    filter: alpha(opacity = 0.01) !important;
}

/*
 * Bullets
 */
.MagicScroll-horizontal .mcs-bullets {
    margin-top: 10px;
}
.MagicScroll-horizontal.MagicScroll-bullets {
    margin-bottom: 35px;
}
.MagicScroll-vertical .mcs-bullets {
    margin-left: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.MagicScroll-vertical.MagicScroll-bullets {
    margin-right: 35px;
}

.mcs-bullet {
    width: 10px;
    height: 10px;
    background-color: #83858B;
}
.mcs-bullet:hover {
    background-color: #5a5a5a;
}
.mcs-bullet.active {
    background-color: transparent;
    border: 1px solid #5a5a5a;
}


/* Caption */
.mcs-item .mcs-caption {
    color: white;
    padding: 5px 0;
    font: normal 9pt/1.2em 'Helvetica Neue', Helvetica, 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
    text-rendering: geometricPrecision;
}
.MagicScroll[data-mode="scroll"] .mcs-item .mcs-caption,
.MagicScroll[data-mode="animation"] .mcs-item .mcs-caption {
    background-color: #31333D;
    background-color: rgba(49,51,61,0.7);
}
.lt-ie9-magic .MagicScroll[data-mode="scroll"] .mcs-item .mcs-caption,
.lt-ie9-magic .MagicScroll[data-mode="animation"] .mcs-item .mcs-caption {
    filter: alpha(opacity=60);
}

/* Carousel & Cover Flow */
.MagicScroll[data-mode="carousel"],
.MagicScroll[data-mode="cover-flow"] {
    background: #4f4f4f;
}
.MagicScroll[data-mode="carousel"] img,
.MagicScroll[data-mode="cover-flow"] img {
    box-shadow: 0px 15px 30px -10px #000;
}
.MagicScroll[data-mode="carousel"] figcaption,
.MagicScroll[data-mode="cover-flow"] figcaption {
    padding: 4px 0 0;
    font-size: 10pt;
    font-family: 'Lucida Sans Unicode', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}


/* Misc */
.MagicScroll.mcs-shadows {
    box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.15);
}

.MagicScroll.mcs-border .mcs-item {
    background: #fff;
    border: 1px solid #efefef;
}
.MagicScroll-horizontal.mcs-border .mcs-item {
    margin: 0 3px;
}
.MagicScroll-vertical.mcs-border .mcs-item {
    margin: 3px 0;
}
/*
 * Loader
 */
.mcs-loader {
    pointer-events: none;
    position: absolute;
    z-index: 1000;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.mcs-loader .mcs-loader-text {
    position:absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -35px;

    width:70px;
    height:20px;
}

.mcs-loader-circles {
    position:absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    margin: auto;
    width:60px;
    height:60px;
    opacity: 1;
    -webkit-transform:scale(0.6);
    transform:scale(0.6);
}

.mcs-loader-circle {
    position:absolute;
    background-color:#ffffff;
    height:11px;
    width:11px;
    border-radius:50%;

    -webkit-animation-name:MagicCircle;
    -webkit-animation-duration:0.48s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;

    animation-name:MagicCircle;
    animation-duration:0.48s;
    animation-iteration-count:infinite;
    animation-direction:linear;
}

.mcs-loader-circle_01 {
    left:0;
    top:25px;
    -webkit-animation-delay:0.18s;
    animation-delay:0.18s;
}

.mcs-loader-circle_02 {
    left:7px;
    top:7px;
    -webkit-animation-delay:0.24s;
    animation-delay:0.24s;
}

.mcs-loader-circle_03{
    left:25px;
    top:0;
    -webkit-animation-delay:0.3s;
    animation-delay:0.3s;
}

.mcs-loader-circle_04 {
    right:7px;
    top:7px;
    -webkit-animation-delay:0.36s;
    animation-delay:0.36s;
}

.mcs-loader-circle_05 {
    right:0;
    top:25px;
    -webkit-animation-delay:0.42s;
    animation-delay:0.42s;
}

.mcs-loader-circle_06 {
    right:7px;
    bottom:7px;
    -webkit-animation-delay:0.48s;
    animation-delay:0.48s;
}

.mcs-loader-circle_07{
    left:25px;
    bottom:0;
    -webkit-animation-delay:0.54s;
    animation-delay:0.54s;
}

.mcs-loader-circle_08 {
    left:7px;
    bottom:7px;
    -webkit-animation-delay:0.6s;
    animation-delay:0.6s;
}

@-webkit-keyframes MagicCircle {
    0%{background-color:#000000}
    100%{background-color:#ffffff}
}


@keyframes MagicCircle {
    0%{background-color:#000000}
    100%{background-color:#ffffff}
}

.mcs-item-loader {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background: url('data:image/gif;base64,R0lGODlhKgAqAOZyAFlWV/X09ERAQS0pKt7d3rKwscjHyJyam3BtboaDhOfm5vf399XV1XNwcdbW1rW0tIOBgcXExGJfYJSSkj46O/b29pGPj+Pj48jHx/39/eDf39vb26Sio7u6uqyqq8rJyfHx8fn5+a2rrO3s7c/Oz+rq6qinp0dEReLi4ltYWbq4ufDw8JCOj/v7+/Pz825sbOjo6IKAgZWTlPj4+NDP0Obl5vX19fz8/Pr6+vz7+9fW1+Hg4Ozs7Le2tuTk5GdlZY2LjNrZ2djX18vKyujn556cnaGgoJaUlb28vMLBwjAsLe/v7+/u7sTDw87Nze7t7eXl5cG/wNLR0d3d3dnY2HVzc398fW9tbdTT06OhorCvrzo3OLSys7a1tWRhYlBNTuLh4dHQ0KKhofLy8rm4uJ2bnMzLy8nIyXl2d5iWlp+dnaakpXx6eoqIiMHAwdzc3M7OziIeH////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCgByACwAAAAAKgAqAAAH/4BygoOEhYaHiImKhipxcSqLkZKCAI4Ak5gMPywghZVxl4U4MxmYhRSOLJ6WogEBFaaESo5xF4SfoYIZrgE2sYNFtLlyuIQLvC2/g6iOGIPFgje8sMqCGLQUz6yCFbw31drNggwUFAzRvAuYOidbWYUXtOeHu66lhCsaKCGGVwP/Jz4QUlHFg6IWIXIQqoCCgEMYho78mygBSrUWChxqZGJojMSJ/5D8CqBx4z1DUCSAZPOrREkFyRZ9OPFPyy8XDlFQm/RBR7UQO8EJHUpUTpMGSJM22CA0gIOnUB08ESSgqtWqKYSSMMC1K1eqV61mBbfVa1dBR5UiZQrOadSnU9aLyp2bSUO1FTxMMXgBAECUX2AKFOiQd1EJCH37pvn1QbDgCL4OBfCQOPGQXwocOxaCwxDlyhBKVLMRQXMBIYaAJH4xT5CUMmcUBXFjdxCPDo4FFtLwwkuXQiMQCPeBaMSB4y4KTenRYQWmCcIRsC2hRo1oOTWOH3gwdEP0GINEWLAgYpAJ7TWExojOVo548oOyHzcBLkr0CYTelx/0QDuWamhEN0J+4+0niAvaiVHNegj0UIh+hTgxXzU+lNFDUO4VWEgITnQwIF0Q0pXIG+O9IeKJggQCACH5BAUKAHIALAAAAAAqACoAAAf/gHKCg4SFhoeIiYqGKnFxKouRkoIAjgCTmDpXR2OFlXGXhCAsPwyYhScDA0eeloUsjhSnhFuqA1CEn6GCF45xSrODWbYSua6Dn3FFwYOpqh/Ix3IYvrLMgh+2J9GggxS+GNeDErbQcgwUFKbTvruRGylfIoVQtjqIDL4XhS02FRmGrAgYmIIGISRstCjyUAXSoBsVAkicYcjIwIsNiFzLsECiRxyGXFi8OLBJsBwePyYi0oBkm2AhUi4AuIhGioFkgrWQWOHGKRobNvoUR7So0UFDIChdCkED0RAKokpVEIASgKtYAbwgioKA169erWa9ulVcV7BfBSVlqtSpOKhT2qNWPUq3LqYNPq4FAHFqQwwECM4EK2HAAAm+i0ZMAAx4TbAghQs7oHioQg/GjKUEexI58oUchi5jnjDi2gwHnQ3sK1SGcYygg6h4CKMIDAkFokhEDmLIRww0UQotSUAcBqIVBZLbKKTADIm5kjgQT7BD0AgTJkrL4ZG8QISiO6bLGPTgwIEHgzp050FUxvTqgsqfH8Q9eQdxH6ZzICQf/aAI3U1xDRDTLcGfef4JYkN3PVzjXgJJFNJfIULYdw0MHiSxgIQIFoKDEB+sYJccE46IiAbmuWXiiIEAACH5BAkKAHIALAEAAQAoACgAAAf/gHKCg4SFg0gDA0iGjI2OhhKJEo+UhhtWRi6FkQOTlZ9yKQICRpuSoJ9fowJEhJyeqI8iqw2up7GUoqM0g6+4lDSrKb23v44Nq7xyOicnOsZyGi9eXYVEqxu/RUoUDIRAAOEv3oNNbWS4GBRx7D+EHuHxECXQFwDs+CyEAfDx4UO/VODLB8JQCQj+0vyqMhDAhUcMXoSL8ssDOwoYQDHQAI1BRmggQ4qUI2WCyZMTfITMsKClywU5EMicKTNGyAoBcurMSZOmTZA4d+osidKkSpAsX7bMMbKp0087YEALUQHUDhkJEoT55YIAARRVHS3hkDUrl18wvHpV0MLQgiRlpstS+RVArVomGQjBjcthCbQWCuwSYPKurIwdhDR0CPKoxJQnhCqgUCt1EAwZQD4UcnGg84hGAQyInlFohQYUIT496HyghqAVHTqsEARCtAEHIGuwNjEoQoECEQaRsF3QmAnWrgX5Bj6otmgSxrCwfkBoefBBDmwr+CWGtabev68LmmHbzK/jB5wUsl7owvNfIzo4SV09fKEcF4IEeMr+aSMFv22HSyAAIfkECQoAcgAsAAAAACoAKgAAB/+AcoKDhIWGh4iJioZNAgJNi5GSgg2ODZOYGkAeAYWVApeEY0dXOpiFLwAAHp6WhUcDAyenhF6qACWEn6GCULEDW7SDXbcQuq6DEr9ZwoOpqgyDu4Mfv7PNggy3L9LIcie/H9iDELfRchspKRuC1bESmD4xaFGFJbcaiDq/UIVFShTOESqDoGAMdoOGpKmXSAsbJIQwUIhD8YehHgUzThiB7QIAiiBZGKqAMWNBKcJUgAwJAtGICSbXCKuyEsCFSBtiFDwjzANFChhObfCBjUHQcUiTKh1EhYPTpxxgINV265YKQQmyas0qA+nElSCxbtXaddxXsHEENYXqVOo4qlXXAVxdSrcuphocm2W4caqGiQMHgghrESBABb6LXDwADNiNsBmFCy/IgCiEE8aM89HKETkyjkOXMT9wgS3Dgs4BPhfqwNhEDUIKPoBR5KJEp0E3KkSeYWiECTFYCtkoQHxFZQLIWxRqYaMC5UkRiBfgISgACRK3KyAnoCApD+kdBjkwYMDBIBTbKyDtIJ26oPHlB2lHjmLcFOkRCME3P0jBduPN9CCdDfqRx58gLWynmTDsFSBEIfsVwgR92KzwgRCqiWdgIRkwAUMIdskRYYiIPEHeEySmGAgAIfkEBQoAcgAsAAAAACoAKgAAB/+AcoKDhIWGh4iJioZDAABDi5GSghCOEJOYPmU9FYWVAJeELkZWG5iFMQgIPZ6WhUYCAimnhGiqCCOEn6GCRLECX7SDUbcTuq6DDb8iwoOpqqaUyHI0v7PNghu3MYO7gym/NNiDE7fRGi8vGoLVsQ2YMDJAH4Ujtz6IG79EhVlbJzoMeUhAUMYOQlLWnFFEpk0TQh9ODJh4xVASghg5LMEGRcLEj0cMLbiIkSAVYUg+ghyDaAmHklyEsVEpAUqkHTIIhhGmZeIJeph2wMCmA+i4o0iTCtLwoKnTB7nGMXBE1ZEKQQeyas1q4iiFOGDDgsW6VWvXcV/Fhl361GlUbFPTq1pVSrfuKR4r4GK426FAATDCPIClsHeRjQh+/ZIQ9kMsgAuIcAhJnFiBMBVq47AAYWgy5Qg2sF0AoJaFoQ+JO/Ag9CRICUUtQuQghCFtnB+GVnToMaXQDAPAAyDKEKB4hkJFlFBggMkBcAOc5YRAgSKEoBvFAyxACuL5YkEKCBCwLKhC9htHSTyPLif8+EHYi3fCpuC5A0LuyQtakL0FNjPPzYCfePrJQVxxoTWjngGQDfgeITjIh00AQVwwm4MFCoLDDMfZlZ9digQgnnAglihHIAAh+QQJCgByACwBAAEAKAAoAAAH/4BygoOEhYNSCAhShoyNjoYTiROPlIYwHkkLhZEIk4QBHkAalYYyCQlJm5KFHgAAL6SFQKcJS4ScnoIlrgBesYQftBy3q4MQvF2/hKanO4O4gwy8sMqDO7Qyz8VyL7wM1YQctM5yPjExPoLSrhCkIyZiWIVLtDCNGrwlhSJfKRuEHQ4INFGDEBUuYR5FSTOEEI0UAiJaIeREoMUHLsAJItIgokcjhEJUtChwVLUmHj9mLOTiAUk34NqkbEDkUQ0TAoOAIxMxBY1YNUZolLPh59CjSJPKURChqdMIK5DqkEC1qgQkBbJqzdoB6YkBYMOC3bq169GvYsMyfdo06tGpVq6pIlFKty4pEAHsOgJBwoABfXoJzXDg1++UwIJyXChc+AliOYsZO5jxWE6QwiRAfIKxspGHKipiBSBhRkGhFgRSh2jEII7rC0gVpCZQQVCGChUyCMLgOg6AoxVmoxi0IEAATYIo9MYwFMXs2oKKHx/E2zUFjStmmyZuHLkgAL2LgNMwuwUh6d4h91YCzjkBJoXQF2JhHVwIGEx0n+9eCASLH9/UJV9lg+RgXA7gBAIAIfkECQoAcgAsAAAAACoAKgAAB/+AcoKDhIWGh4iJioZUCQlUi5GSghyOHJOYIx1OIYWVCZeEFT1lPpiFJgcHTp6WhT0ICDGnhGKqBy6En6GCI7EIaLSDWLcPuq6DE79RwoOpqjWDu4Mbv7PNgjW3JtLIcjG/G9iDD7fRcjAyMjCC1bETmCsdPVOFLrcjiD6/+YRdXi80GPpQoGAHHoQ0uAmi6MwaKYQYvABAEYghIQUzRrCBrQQEiiA9GMKBMWNBBcKGgAwZAJGNCCZJCEuzEkKJSDw6FAQjLArFFwxO8ViBTUPQcUiTKh30xIHTpw5ajtvQoKrVBk0EGdjKdavMcSkEiB0rVmtXrl+xhSU7VlBTqE7apWKjerVq1qV482Kq0KmZjg+nKqAgQCAXLS0DBpwAvKiFAsKEb9K6kjixBCiIMjCBDFkuJiSVKx8ZY2gzZwUtsEGREHrAEUMwIKOoQCjHjNSJPFRRQejDicpXDIVAoYEooQwBkmdAxCCO8wuFsmw5oQPTguQBbghiQIHCUQzO4wBIegM7bUEAnI8XRCE8BqQVsGtHr34QeOcUxrXAvoBQevH+hVcENjZgt9wg/60nyAXhKYFNfAHgUEiChbCAHzYZzCDhhPURAgILPxyVF4V6JaKCc7yVqKIcgQAAIfkEBQoAcgAsAAAAACoAKgAAB/+AcoKDhIWGh4iJioYaBwcai5GSgg+OD5OYKx9COIWVB5eEC0keMJiFHQUFQp6WhUkJCTKnhD2qBTaEn6GCS7EJQLSDU7cRuq6DHL8fwoOpqjyDu4M7v7PNgjy3HdLIcjK/O9iDEbfRciMmJiOC1bEcmAEkZgqFNrcriDC/S4VRaDF8GApioCAJEIQUkACjKAwXKoQ2xEBAsYyhCwUzOpiBbcQEiiB7GMqBMWPBJ8KkgAxZAdEMByanCFuzcgK7RSBIFCwh7AzFGBtOgQiAzUfQcUiTKh0UQIHTpwpCINUAoapVCEMEEdjKdSsKpC8AiB0rVmtXrl/HhSU7VlBTqE7cpY6jerVq1qV482K6kQHbBhqnblQIEKCFMDICBKQAvCjDAsKE5Z6ykjhxAyKJcECGnENYk8qVjbgwpHnzgr7NiDQALcCIoRmQK9wgpOKHB0Va2CAhRCNFZSuGMlSwYZjQhTjIGSDSMaA5lEIivqQ4KgkA8jgYBDGgQEG5nA/NB0hIiuE6hUHW4wAYdCI8s3EUrmcXlH69IPDNT4wrct0+feT+ySFBeFlgo8R1FxBSHyFQhLcFNvHFwUIhCxJyRH7YMPADCwgpCGAhYxxxhQ56yVFhiYeogJwKKLYYCAAh+QQJCgByACwBAAEAKAAoAAAH/4BygoOEhYMKBQUKhoyNjoYRiRGPlIYBQRc5hZEFk4QhTh0jlYYkBgYXm5KFTgcHJqSFZqcGM4ScnoIurgdisYQKtA63q4MPvFi/hKanIIO4gzW8sMqDILQkz8VyJrw11YQOtM5yKx0dK4LSrg+kISga6YQztAGNI7wuhR9AMjCEMAgIRFGB0JMpJR4FcaOB0A4ZCSJ6IMREoEUFLcAJWsIhosckhDJUtCjQXjUqHj8uMNRCAcmE1bik5LDkUQUUAvVVCxNRxo5YFUJolAPj59CjSJPKybGgqdMFGZD6mEC16gQpAbJqzVrwaAwEYMOC3bq169CvYsMyfdo06tGpVqapSlFKty4pDAyGash7l0KcOBOrRQEA4AXfRhcA/P1bBRwQwoQhwCQEgsXixSrADYEM2YNJQZYvA0ilsQQEzgACC/qxmAKGamTaNCHE4AVkILQpKCkCboOA30QKdfHyoqFGHSdO6BBE47eABnYFSRgwQMKgFM5pRJ9efVDz3ym2U7c+qIFzEXa5kxdExPmX9OMLGQEPvzshF0asbKi/PnohJNQhAU4gACH5BAkKAHIALAAAAAAqACoAAAf/gHKCg4SFhoeIiYqGTwYGT4uRkoIOjg6TmCEwTBmFlQaXhDhCHyuYhSgEBEyeloVCBQUdp4QaqgQthJ+hgjaxBT20gyu3CrqugxG/U8KDqaoVg7uDPL+zzYIVtyjSyHIdvzzYgwq30XIBJCQBgtWxEZgZFTa5hC23IYgrvzaFWGImRhiaEaBghRuEApRwoQgMCWODapg4QPGaqIIYF3Rq5uIBxY9ODuHAiDGHMA0fQeY7lGEByZWn3KR8wHDRjQoF650KQtFEjVM3Ngob8XOc0aNIB6kAwLQpAAZGS4iYSlXEG0FxsmrNSsGoGgtgw4LFulVr13FfxYYVtNQpU6jj06RWnXo1qd27mDDAFVbiwikMFLJ6EMYArBq/iy4A2FpFGBexIkAgAsGibBwVwt6otYBhhqHKWwEgFgZChFoMhn6YRT0IyRUtiqKkGULoQloLXAwxoKCkSCEoA4LrQKShaYlCcNKoOT5JQvABHwRtSJFigyAGTSEc/fD8xKAGAgQ0GPSi6d5mJ55HFwRe/CDsTF+My/JcAqH24wdBaNoF25bnUNwXXn6ClNCUF9ikN8ARheBXiAfxYaPDFUeM0eCAhQTgARAa4CWHgx4i0kR4TYRoYiAAIfkEBQoAcgAsAAAAACoAKgAAB/+AcoKDhIWGh4iJioYBBAQBi5GSggqOCpOYGTM4hpUEl4Q5F0GQmIQVAQGchJ6ggxcGBiSmhDapARmsloQzsQZmtIMttwu6n4QOvq7BqKk3g62DIL6zwYM3txXQu4IkviDWhAu3z3IhKCghgtOxDpgMFEpFhRm3uYcBvjOFUz0dK4Z+xBlIAUOoEC0UlZjyhBCPDgUifjDEYqBFABfC2YgQsaMQQyAqWhyoIpiCjh5XGboAYGSVYCRQRrARCQOFgR6CgYnYgYcpDAzCrfAZrqjRo4dUAFjKFEDQoiMeSJ36QIOgkSMpGDVxoKvXrlexEtz69asgpU2XPg0XlapUq0jV48oN9kFHOBg7TH04MWCAlmBhEiSQkXcRFAl9+7IJ5kGwYA5LEI05kjgxkmBUHDtOUqwQ5coSoIRbwkFzgiSGriQ+MXFQEytkFJ1ZI4XQDhmOcxbScWJLlkJEBAjfgMgHguMjCn0AIgMGpgbCBdAQpOHFC7gbjiOYcJRG9BSDICyFMCiGduJFU0SfLkg8APKCsh+PUVRE9AaE3MMXNEF7lHBfREdEfuMRMoJ2aISjngBGFKJfIT3MF84GVhjhgoMFntJDGT7M1V6GHiIyxFJDhGiiIIEAACH5BAUKAHIALAEAAQAoACgAAAf/gHKCg4SFgzkBATmGjI2OhguJC4+Uhgw/LCCFkQGThBlMMCGVhhRxcSybkoVMBAQopIVKp3EXhJyegi2uBBqxhEW0ALergwq8K7+EpqcYg7iDFbywyoMYtBTPxXIovBXVhAC0znIZFRUZgtKuCuCEF7QMjSG8LYUKZiQBsSpVHo8uSuwbBIKEgYNB3JGa4eCgQ1sKHz1x+HBRREdTKDqYcZFSiYMkNHWsFEDkyJMoKSGRwLKlBB0XV0SYSTOCggE4c+I8cbFDgZ9Af+rUyTOiz6BAV7pkCTOizJoz26WcSnUQjQ0KR9SIRSOFAAFkwAU5cMDEVkdEGnz92gZcB7JkrR+4MOTCyNq1TcBpgAvXyahBdu82IKLQxQO+B5wQsrI2BQ1CQ4BEeRSGCxVCNUzA7UBoQ4ovIgqVAEDaFyMYCVIvKYRFjIkRpCCQBiBPjo8YMXwI2pE6AYeIDGa/GDQBAYIJg2T03qHwxezacoofH8Q7tQx3XWZDICQd+SAOvT+A8zK7BHfj3gUt6Q0EnHMA/85PJ5TEul4gHgYSR78piQcYKXVXlSFSGCcFOIEAADs=') no-repeat center center;
}

.MagicScroll.mcs-rounded {
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    overflow: hidden !important;
}
.MagicScroll.mcs-rounded.MagicScroll-arrows-inside {
    overflow: hidden !important;
}
.MagicScroll.mcs-rounded.MagicScroll-arrows-outside {
    overflow: visible !important;
}
.MagicScroll.mcs-rounded .mcs-button-arrow {
    color: rgba(49,51,61,0.6);
    -webkit-transition: color .15s linear, background-color .15s linear;
    transition: color .15s linear, background-color .15s linear;
}
.MagicScroll.mcs-rounded.MagicScroll-horizontal .mcs-button-arrow {
    width: 30px;
    height: 100%;
}
.MagicScroll.mcs-rounded.MagicScroll-vertical .mcs-button-arrow {
    width: 100%;
    height: 30px;
}
.MagicScroll.mcs-rounded.MagicScroll-horizontal .mcs-button-arrow-prev {
    left: 0;
    border-radius: 10px 0 0 10px;
}
.MagicScroll.mcs-rounded.MagicScroll-horizontal .mcs-button-arrow-next {
    right: 0;
    border-radius: 0 10px 10px 0;
}

.MagicScroll.mcs-rounded.MagicScroll-vertical .mcs-button-arrow-prev {
    top: 0;
    border-radius: 10px 10px 0 0;
}
.MagicScroll.mcs-rounded.MagicScroll-vertical .mcs-button-arrow-next {
    bottom: 0;
    border-radius: 0 0 10px 10px;
}
.MagicScroll.mcs-rounded .mcs-button-arrow.mcs-disabled {
    opacity: 1 !important;
    color: rgba(49,51,61,.1);
    text-shadow: none !important;
}

.MagicScroll.mcs-rounded.MagicScroll-arrows-outside .mcs-button-arrow {
    background: #efefef;
    opacity: 1;
    box-shadow: 0 0 1px rgba(153, 153, 153, .5);
}

.MagicScroll.mcs-rounded.MagicScroll-arrows-inside .mcs-button-arrow:hover:not(.mcs-disabled) {
    background-color: rgba(255, 255, 255, .96);
    color: rgba(49,51,61,1);
}
.MagicScroll.mcs-rounded.MagicScroll-arrows-inside .mcs-button-arrow {
    background-color: rgba(255, 255, 255, .75);
    box-shadow: 0 0 1px rgba(153, 153, 153, .5);
}

.lt-ie10-magic .mcs-rounded.MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-prev {
    border-width: 0 1px 0 0;
}
.lt-ie10-magic .mcs-rounded.MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-next {
    border-width: 0 0 0 1px;
}
.lt-ie10-magic .mcs-rounded.MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-prev {
    border-width: 0 0 1px 0;
}
.lt-ie10-magic .mcs-rounded.MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-next {
    border-width: 1px 0 0 0;
}
.lt-ie9-magic .mcs-rounded.MagicScroll .mcs-button-arrow {
    color: #83858B;
}
.lt-ie9-magic .mcs-rounded.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow {
    background: #fff;
    filter: alpha(opacity = 75);
}
.lt-ie9-magic .mcs-rounded.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:hover {
    filter: alpha(opacity = 96);
}
.lt-ie9-magic .MagicScroll.mcs-rounded .mcs-button-arrow.mcs-disabled {
    filter: alpha(opacity = 75) !important;
    color: #ccc;
}

/*!********************************************************************************************************!*\
  !*** css ../node_modules/css-loader/index.js??clonedRuleSet-3.use[1]!../sass/vendor/magiczoomplus.css ***!
  \********************************************************************************************************/
/*


   Magic Zoom Plus v5.3.7
   Copyright 2020 Magic Toolbox
   Buy a license: https://www.magictoolbox.com/magiczoomplus/
   License agreement: https://www.magictoolbox.com/license/


*/

/**
 * Core styles
 */
.MagicZoom,
.mz-figure,
.mz-lens,
.mz-zoom-window,
.mz-loading,
.mz-hint,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage,
.mz-expand .mz-expand-stage .mz-image-stage .mz-caption,
.mz-thumb img,
.mz-expand-thumbnails,
.mz-expand-controls,
.mz-button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.MagicZoom,
.mz-figure {
  display: inline-block;
  outline: 0 !important;
  font-size: 0 !important;
  line-height: 100% !important;
  direction: ltr !important;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.MagicZoom {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

figure.mz-figure {
  overflow: hidden;
  margin: 0 !important;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.MagicZoom img,
.mz-figure img {
  border: 0 !important;
  margin: 0 !important;
  outline: 0 !important;
  padding: 0 !important;
}

.MagicZoom > img,
.mz-figure > img {
  width: 100%;
  height: auto;
}

.ie8-magic .MagicZoom > img,
.ie8-magic .mz-figure > img {
  width: 100%;
  max-width: none !important;
}

.mz-figure.mz-no-zoom.mz-no-expand,
.mz-expand .mz-figure.mz-no-zoom {
  cursor: default !important;
}

.mz-figure.mz-active,
.mz-expand {
  -ms-touch-action: none;
  touch-action: none;
}

.mz-lens,
.mz-zoom-window {
  position: absolute !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.mz-lens img,
.mz-zoom-window img {
  position: absolute !important;
  max-width: none !important;
  max-height: none !important;
}

.mz-lens img {
  -webkit-transition: none !important;
  transition: none !important;
}

.mz-zoom-window {
  z-index: 2000000000;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mz-zoom-window.mz-magnifier {
  /*-webkit-mask-image: -webkit-radial-gradient(circle, white, black);*/
  -webkit-mask-clip: content;
  cursor: none;
}

.mz-figure.mz-active .mz-zoom-window.mz-magnifier {
  pointer-events: auto !important;
  cursor: inherit !important;
}

.mz-zoom-window.mz-magnifier.mz-expanded {
  z-index: 2147483647;
}

.mz-zoom-window img {
  width: auto;
  height: auto;
  left: -1000%;
  right: -1000%;
  top: -1000%;
  bottom: -1000%;
  margin: auto !important;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transform-origin: 50% 50% !important;
  -ms-transform-origin: 50% 50% !important;
  transform-origin: 50% 50% !important;
}

.mz-zoom-window.mz-preview img {
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  height: auto !important;
  -webkit-transform: none !important;
  transform: none !important;
}

.lt-ie9-magic .mz-zoom-window img {
  margin: 0 !important;
}

.mz-expand-controls {
  z-index: 2147483647;
}

.mz-fade {
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
}

.mz-hidden {
  opacity: 0;
}

.mz-visible {
  opacity: 1;
}

.mobile-magic .mz-expand .mz-expand-bg {
  -webkit-transform-style: flat !important;
  transform-style: flat !important;
}

.mobile-magic .mz-expand-controls.mz-fade {
  transition: none !important;
}

.mobile-magic .mz-expand > .mz-zoom-window {
  top: 0 !important;
  left: 0 !important;
}


@media not screen and (max-device-width: 767px) {
  .mz-expanded-view-open,
  .mz-expanded-view-open body {
    overflow: hidden !important;
  }
  .mz-expanded-view-open body {
    height: auto !important;
  }
}

@media screen and (max-device-width: 767px) {
  :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]),
  :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]) body {
    overflow: hidden !important;
  }
  :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]) body {
    height: auto !important;
  }
}


/**
 * Main figure
 */
.mz-figure.mz-active {
  background: #fff;
}

.mz-figure.mz-no-zoom,
.mz-figure.mz-click-zoom,
.mz-figure.mz-active {
  cursor: pointer;
  /*cursor: -webkit-zoom-in;*/
  /*cursor: -moz-zoom-in;*/
  cursor: zoom-in;
}

.mz-figure.mz-active.mz-no-expand {
  cursor: crosshair;
}

.mz-figure.mz-active.mz-click-zoom.mz-no-expand {
  cursor: crosshair;
  /*cursor: -webkit-zoom-out;*/
  /*cursor: -moz-zoom-out;*/
  cursor: zoom-out;
}

.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand {
  cursor: none;
}

.mz-figure.mz-magnifier-zoom.mz-active {
  overflow: visible !important;
}

.mz-figure.mz-active > img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='linear' slope='0.6'/></feComponentTransfer></filter></svg>#grayscale");
  -webkit-filter: grayscale(80%) opacity(60%);
  filter: grayscale(80%) opacity(60%);
}

.no-cssfilters-magic .mz-figure.mz-active > img {
  opacity: 0.6;
}

.lt-ie10-magic .mz-figure.mz-active > img {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1, opacity=0.6);
}

.mz-expand .mz-figure.mz-active.mz-inner-zoom,
:not(.mz-expand) .mz-figure.mz-active.mz-inner-zoom > img {
  opacity: 0;
}

.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,
.lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img {
  filter: alpha(opacity=0);
}

.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom {
  background: transparent;
}

/**
 * Zoom lens
 */
.mz-lens {
  border: 1px solid #aaa;
  border-color: rgba(170, 170, 170, 0.7);
  box-shadow: 0 0 5px rgba(0, 0, 0, .3);
  cursor: none;
  z-index: 10;
  opacity: 0;
}

.mz-figure.mz-active .mz-lens {
  opacity: 1;
  -webkit-transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s;
  transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s;
}

.mz-figure.mz-active.mz-magnifier-zoom .mz-lens {
  border-radius: 50%;
  opacity: 0;
  cursor: none;
}

/**
 * Zoom window
 */
.mz-zoom-window {
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}

.mz-zoom-window.mz-magnifier {
  border-radius: 100%;
  border: 0;
  background: rgba(255, 255, 255, .3);
}

.mz-zoom-window.mz-magnifier:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 100%;
  border: 1px solid rgba(170, 170, 170, 0.7);
  box-shadow: inset 0 0 20px 1px rgba(0, 0, 0, .3);
  background: transparent;
  z-index: 1;
}

.mz-zoom-window.mz-magnifier.mz-square,
.mz-zoom-window.mz-magnifier.mz-square:before {
  border-radius: 0 !important;
}

.lt-ie9-magic .mz-zoom-window {
  border: 1px solid #e5e5e5;
}

.mz-zoom-window.mz-inner {
  border: none;
  box-shadow: none;
}

.mz-zoom-window.mz-inner:not(.mz-expanded) {
  z-index: 80;
}

/* Caption in zoom window */
.mz-zoom-window .mz-caption {
  background: #777;
  color: #fff;
  font-size: 10pt;
  opacity: 0.8;
  position: absolute;
  top: 0;
  z-index: 150;
  padding: 3px;
  width: 100%;
  line-height: normal !important;
  text-align: center !important;
}

.lt-ie9-magic .mz-zoom-window .mz-caption {
  filter: alpha(opacity=80);
}

.mz-zoom-window.caption-bottom .mz-caption {
  top: auto;
  bottom: 0;
}

.mz-zoom-window.mz-expanded > .mz-caption {
  display: none;
}

/* Zoom window animations */
.mz-zoom-window.mz-deactivating,
.mz-zoom-window.mz-activating {
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.mz-zoom-window.mz-deactivating {
  -webkit-transition-duration: .25s, .25s, .25s;
  transition-duration: .25s, .25s, .25s;
}

.mz-zoom-window.mz-p-right,
.mz-zoom-window.mz-p-left,
.mz-zoom-window.mz-p-top,
.mz-zoom-window.mz-p-bottom {
  opacity: 0;
  z-index: -100;
}

.mz-zoom-window.mz-p-right {
  -webkit-transform: translate3d(-20%, 0, 0);
  transform: translate3d(-20%, 0, 0);
}

.mz-zoom-window.mz-p-left {
  -webkit-transform: translate3d(20%, 0, 0);
  transform: translate3d(20%, 0, 0);
}

.mz-zoom-window.mz-p-top {
  -webkit-transform: translate3d(0, 20%, 0);
  transform: translate3d(0, 20%, 0);
}

.mz-zoom-window.mz-p-bottom {
  -webkit-transform: translate3d(0, -20%, 0);
  transform: translate3d(0, -20%, 0);
}

/* Inner mode animation */
.mz-zoom-window > img {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.mz-zoom-window.mz-p-inner.mz-deactivating > img,
.mz-zoom-window.mz-p-inner.mz-activating > img {
  -webkit-transition: -webkit-transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important;
  transition: transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important;
}

/* Magnifier mode animation */
.mz-zoom-window.mz-p-magnifier {
  -webkit-transform: scale(.1);
  transform: scale(.1);
}

/* Preview mode animation */
.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-preview.mz-activating,
.mz-zoom-window.mz-custom.mz-deactivating,
.mz-zoom-window.mz-custom.mz-activating {
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-custom.mz-deactivating {
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
}

.mz-zoom-window.mz-p-preview,
.mz-zoom-window.mz-p-custom {
  opacity: 0;
}


/**
 * Hint & Loading
 */
.mz-hint,
.mz-loading {
  color: #eee;
  background: rgba(49, 51, 61, 0.7);
  font: normal 12px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
  direction: ltr;
  display: inline-block;
  margin: 0;
  position: absolute;
  z-index: 1000;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.mz-hint {
  bottom: 8px;
  left: 0;
  right: 0;
  padding: 0 10%;
  background-color: transparent;
  -webkit-transition: opacity 0.4s ease, z-index 0.4s ease;
  transition: opacity 0.4s ease, z-index 0.4s ease;
}

.mz-hint-message {
  display: inline-block;
  background: rgba(49, 51, 61, 0.7);
  border-radius: 2em;
  padding: .7em 1.1em;
}

.mz-hint-message:before {
  content: '\2295';
  font-family: serif;
  font-size: 1.5em;
  speak: none;
  text-align: center;
  vertical-align: -2px;
  margin-right: 6px;
}

.mobile-magic .mz-hint-message:before {
  display: none;
}

.mz-hint-hidden {
  opacity: 0;
  z-index: -1;
  -webkit-transition-delay: .6s;
  transition-delay: .6s;
}

/* Hint in the expanded view on mobile */
.mz-expand .mz-hint {
  font-size: 18px;
  line-height: 1.1em;
  top: 50%;
  bottom: auto;
  margin: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);

}

.mz-expand .mz-hint-message {
  padding: 1.1em;
}

.mz-expand .mz-hint-message:before {
  display: none;
}

.mz-expand .mz-hint-hidden {
  opacity: 0;
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

/* Loading indicator */
.mz-loading {
  font-size: 0;
  border-radius: 100%;
  opacity: 0;
  padding: 0;
  width: 36px;
  height: 36px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.mz-loading:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 24px;
  height: 24px;
  margin: auto;
  text-indent: -9999em;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 1);
  border-top-color: transparent;
  box-sizing: border-box;
}

.mz-loading.shown {
  opacity: 1;
  z-index: 1;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
}

.mz-loading.shown:after {
  -webkit-animation: spin-loading .9s infinite linear;
  animation: spin-loading .9s infinite linear;
}

@-webkit-keyframes spin-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.lt-ie10-magic .mz-loading {
  border-radius: 2em;
  font-size: 12px;
  padding: .7em 1.1em;
  width: auto;
  height: auto;
}

.lt-ie10-magic .mz-loading:after {
  content: 'Loading...';
  text-indent: 0;
  border: none;
  position: relative;
}

.lt-ie9-magic .mz-loading {
  filter: alpha(opacity=0);
  right: 0;
  left: 0;
  width: 126px;
  margin: auto;
}

.lt-ie9-magic .mz-hint-message,
.lt-ie9-magic .mz-loading.shown {
  background: transparent !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#7c31333D', EndColorStr='#7c31333D');
}

.lt-ie9-magic .mz-hint-hidden {
  filter: alpha(opacity=0);
}


/**
 * Expanded view
 */
.mz-expand,
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg,
.mz-expand .mz-expand-stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg {
  width: auto !important;
  height: auto !important;

}

.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > svg {
  min-width: 100% !important;
  min-height: 100% !important;
}

.mz-expand {
  background-color: rgba(0, 0, 0, 1);
  text-align: center;
  vertical-align: middle;
  display: block;
  overflow: hidden;
  z-index: 2100000000;
  position: fixed;
  width: auto;
  height: auto;
  -webkit-perspective: 600px;
  perspective: 600px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-overflow-style: none;
}

/* Expanded view background */
.mz-expand .mz-expand-bg {
  display: inline-block;
  max-width: none !important;
  max-height: none !important;
  margin: auto;
  vertical-align: middle;
  z-index: -100;
  background-repeat: no-repeat;
  background-size: cover;

  -webkit-perspective: 600px;
  perspective: 600px;

  -webkit-transform: translate3d(0, 0, 0) scale(7) rotate(0.01deg);
  transform: translate3d(0, 0, 0) scale(7) rotate(0.01deg);
}

.mz-expand .mz-expand-bg > img {
  margin: auto;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.mz-expand .mz-expand-bg > img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='80' in='SourceGraphic'></feGaussianBlur></filter></svg>#blur");
  -webkit-filter: blur(20px) brightness(60%);
  filter: blur(20px) brightness(60%);
}

.mz-expand .mz-expand-bg > svg {
  margin: auto;
  opacity: .6;
}

[data-magic-ua=edge] .mz-expand .mz-expand-bg,
.lt-ie10-magic .mz-expand .mz-expand-bg {
  display: none !important;
}

.lt-ie9-magic .mz-expand {
  background: #1f1f1f;
}

[data-magic-ua=edge] .mz-expand {
  background-color: rgba(31, 31, 31, .96);
}

/** Plain backgrounds: dark-bg, white-bg **/
.mz-expand.plain-bg .mz-expand-bg,
.mz-expand.dark-bg .mz-expand-bg,
.mz-expand.white-bg .mz-expand-bg {
  display: none !important;
}

.mz-expand.dark-bg {
  background-color: #1f1f1f;
  background-color: rgba(31, 31, 31, .96);
}

.mz-expand.white-bg {
  background-color: #fff;
}

/* Expanded view stage */
.mz-expand .mz-expand-stage {
  display: flex;
  flex-direction: column;
  padding: 0;
  z-index: 2100000000;
}

.mz-expand .mz-expand-stage .mz-image-stage {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  position: relative;
  margin: 0;
  padding: 20px 0;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
  padding: 0 !important;
  left: 0;
  right: 0;
}


.mz-expand .mz-image-stage > figure {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 1;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  font-size: 0;
  overflow: hidden;
}

.mz-expand .mz-figure {
  max-width: 100% !important;
  overflow: visible;
}

.mz-expand .mz-figure > img {
  max-width: 100%;
  width: auto;
  height: auto;
}

.mz-expand .mz-zoom-in .mz-image-stage > figure,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-activating,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active {
  flex: 1 0;
  width: 100%;
  height: 100%;
}

.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active > img {
  pointer-events: none;
}

.mz-expand .mz-figure {
  cursor: pointer;
  /*cursor: -webkit-zoom-in;*/
  /*cursor: -moz-zoom-in;*/
  cursor: zoom-in;
}

.mz-expand .mz-figure.mz-active {
  cursor: crosshair;
  /*cursor: -webkit-zoom-out;*/
  /*cursor: -moz-zoom-out;*/
  cursor: zoom-out;
}

/* When inner zoom is always shown */
.mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage > figure > figure > img {
  z-index: 1;
  position: absolute !important;
  top: -5000px !important;
  bottom: -5000px !important;
  left: -5000px !important;
  right: -5000px !important;
  margin: auto !important;
}

.lt-ie10-magic .mz-zoom-window.mz-expanded img {
  filter: alpha(opacity=100);
}

.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom {
  overflow: hidden;
  filter: alpha(opacity=100);
}

/* Caption in expanded view */
.mz-expand .mz-caption {
  flex: 0 0;
  color: #fff;
  text-shadow: 0px 0px 46px #000;
  padding: 10px 30px;
  font: normal 10pt/1.25 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  text-align: center;
  width: 100%;
  opacity: 0;
}

.mz-expand .mz-caption.mz-show {
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
  opacity: 1;
}

.mz-expand .mz-zoom-in .mz-image-stage .mz-caption {
  display: none;
}

.mz-expand .mz-caption a {
  color: inherit;
  cursor: pointer;
}

.mz-expand.white-bg .mz-caption {
  color: #555;
  text-shadow: none;
}

.lt-ie9-magic .mz-expand .mz-caption {
  top: 100%;
}

.mz-expand .mz-zoom-window {
  box-shadow: none;
  background: transparent;
}

.lt-ie9-magic .mz-expand .mz-zoom-window {
  border: 0;
}

/* Expanded view on mobile */
@media screen and (max-device-width: 767px) {
  .mobile-magic .mz-expand .mz-image-stage .mz-caption {
    display: none !important;
  }
}

/**
 * Buttons & Arrows
 */
.mz-nav-controls,
.mz-expand-controls,
button.mz-button {
  margin: 0 !important;
  padding: 0 !important;
  outline: 0 !important;
}

.mz-nav-controls {
  z-index: 2100000000;
}

button.mz-button {
  color: rgba(180, 180, 180, .6) !important;
  font-size: 0;
  cursor: pointer;
  z-index: 2100000000 !important;
  background-color: transparent !important;
  border: 0 solid transparent !important;
  border-radius: 100% !important;
  box-shadow: none !important;
  position: absolute !important;
  text-transform: none !important;
  text-align: center;
  speak: none;
  width: 60px !important;
  height: 60px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  -webkit-transition: color .25s, background-color .25s !important;
  transition: color .25s, background-color .25s !important;
}

button.mz-button:before {
  display: block;
  position: static;
  height: 100%;
  transform: scale(.9);
  -webkit-transition: -webkit-transform .25s !important;
  transition: transform .25s !important;
}

:root:not(.mobile-magic) button.mz-button:hover,
button.mz-button:active {
  color: rgba(180, 180, 180, 1) !important;
}

button.mz-button:active:before {
  -webkit-transform: scale(.7) !important;
  transform: scale(.7) !important;
}

.mobile-magic .mz-expand button.mz-button:active {
  background-color: rgba(49, 51, 61, .7) !important;
}


button.mz-button.mz-button-prev,
button.mz-button.mz-button-next {
  margin: auto 10px !important;
  top: 0 !important;
  bottom: 0 !important;
  overflow: hidden !important;
}

button.mz-button.mz-button-prev {
  left: 0 !important;
  transform: rotateZ(180deg) !important;
}

button.mz-button.mz-button-next {
  right: 0 !important;
}

button.mz-button.mz-button-close {
  margin: 10px !important;
  top: 0 !important;
  right: 0 !important;
  z-index: 95 !important;
}

button.mz-button.mz-button-close:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
}

button.mz-button.mz-button-prev:before,
button.mz-button.mz-button-next:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
}

@supports (
        /*((-webkit-mask-image:url(/app/themes/gp_storefront/dist/styles/)) or (mask-image:url(/app/themes/gp_storefront/dist/styles/))) and*/
        ((-webkit-mask-repeat:no-repeat) or (mask-repeat:no-repeat)) and
        ((-webkit-mask-position:center) or (mask-position:center)) and
        ((-webkit-mask-size:cover) or (mask-size:cover))
) {
  button.mz-button:before {
    content: "" !important;
    background-color: currentColor;
    background-image: none;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
  }

  button.mz-button.mz-button-close:before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
  }

  button.mz-button.mz-button-prev:before,
  button.mz-button.mz-button-next:before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");

  }
}

@media screen and (max-device-width: 767px) {
  button.mz-button-prev,
  button.mz-button-next {
    display: none !important;
  }

  .mobile-magic .mz-expand button.mz-button.mz-button-close {
    width: 50px !important;
    height: 50px !important;
    color: rgb(180, 180, 180) !important;
  }

  .mobile-magic .mz-expand button.mz-button:before {
    transform: scale(.8);
  }
}

.lt-ie9-magic button.mz-button {
  border: 0;
  filter: alpha(opacity=75);
}

.lt-ie9-magic button.mz-button:hover {
  filter: alpha(opacity=100);
}

/* Arrows on the main image on the page */
.mz-figure .mz-nav-controls button.mz-button {
  display: none;
  width: 32px !important;
  height: 56px !important;
  margin: auto 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.mz-figure.mz-show-arrows .mz-nav-controls button.mz-button {
  display: block;
}


/**
 * Thumbnails
 */

/** Thumbnails on the page **/
a[data-zoom-id],
.mz-thumb, .mz-thumb:focus {
  display: inline-block;
  line-height: 0;
  outline: none;
}

a[data-zoom-id] img,
.mz-thumb img {
  padding-bottom: 4px;
  border: 0;
  border-bottom: 2px solid transparent;
  box-sizing: border-box;
}

.mz-thumb:not(.mz-thumb-selected):hover img {
  border-bottom-color: rgba(180, 180, 180, .3);
}

.mz-thumb.mz-thumb-selected img {
  border-bottom-color: rgb(180, 180, 180);
}

/** Thumbnails in expanded view **/
.mz-expand-thumbnails {
  flex: 0 0 80px;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 10px 0;
  z-index: 50;
  overflow: hidden;
}

.ios-magic[data-magic-engine=webkit][data-magic-engine-ver="603.1"] .mz-expand-thumbnails,
:root[data-magic-ua=firefox] .mz-expand-thumbnails {
  height: 80px;
}

.mz-expand-thumbnails .magic-thumb > img {
  cursor: pointer;
  padding-bottom: 4px;
  border: 0;
  border-bottom: 2px solid transparent;
}

.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected):hover img {
  border-bottom-color: rgba(180, 180, 180, .3);
}

.mz-expand-thumbnails .magic-thumb.magic-thumb-selected img {
  border-bottom-color: rgb(180, 180, 180);
}

.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button {
  box-shadow: none;
}

/** Thumbnails on the left in expanded view with .expand-thumbnails-left class **/
@media not screen and (max-device-width: 767px) and (orientation: portrait) {
  .mz-expand.expand-thumbnails-left .mz-expand-stage {
    flex-direction: row-reverse;
  }

  .mz-expand.expand-thumbnails-left .mz-expand-thumbnails {
    padding: 0 10px;
    height: 100%;
    overflow: hidden;
  }

  .ios-magic[data-magic-engine=webkit][data-magic-engine-ver="603.1"] .mz-expand.expand-thumbnails-left .mz-expand-thumbnails,
  :root[data-magic-ua=firefox] .mz-expand.expand-thumbnails-left .mz-expand-thumbnails {
    width: 80px;
    height: 100%;
  }

  @media not screen and (max-device-width: 767px) {
    .mz-expand-thumbnails .magic-thumbs.magic-thumbs-vertical {
      height: calc(100% - 40px);
      margin-top: 20px;
      margin-bottom: 20px;
    }
  }

  @media screen and (max-device-width: 767px) {
    .mz-expand-thumbnails .magic-thumbs.magic-thumbs-vertical.no-buttons {
      height: calc(100% - 40px);
      margin-top: 20px;
      margin-bottom: 20px;
    }
  }
}

/** Hide thumbnails in expanded view with .no-expand-thumbnails class **/
.mz-expand.no-expand-thumbnails .mz-expand-thumbnails {
  display: none;
}


/** Thumbnails shaded style (improved previous one)  **/
.thumbnails-style-shaded.mz-thumb img {
  border: 0 !important;
  padding-bottom: 0;
  box-shadow: 0 0 1px 0px rgba(0, 0, 0, .3);
}

.thumbnails-style-shaded.mz-thumb:hover:not(.mz-thumb-selected) img {
  -webkit-filter: brightness(.7);
  filter: brightness(.7);

}

.thumbnails-style-shaded.mz-thumb-selected img {
  -webkit-filter: brightness(.7) opacity(.7);
  filter: brightness(.7) opacity(.7);
}

.thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb > img {
  border: 0;
  padding-bottom: 0;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, .3);
}

.thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover {
  -webkit-filter: brightness(.75);
  filter: brightness(.75);
}

.thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb-selected img {
  -webkit-filter: brightness(.7) opacity(.7);
  filter: brightness(.7) opacity(.7);
}

.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb:hover,
.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb.mz-thumb-selected,
.no-cssfilters-magic .thumbnails-style-shaded .magic-thumb:hover,
.no-cssfilters-magic .thumbnails-style-shaded .magic-thumb.magic-thumb-selected {
  background: #000;
}

.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb:hover:not(.mz-thumb-selected) img {
  opacity: .75;
  filter: alpha(opacity=75);
}

.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb-selected img {
  opacity: .7;
  filter: alpha(opacity=70);
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb {
  position: relative;
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  z-index: 100;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0);
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected):after {
  background-color: rgba(0, 0, 0, 0.2);
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb.magic-thumb-selected:after {
  background-color: rgba(0, 0, 0, 0.3);
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb img {
  position: relative;
  z-index: 1;
}

.ie9-magic .thumbnails-style-shaded.mz-thumb img {
  box-shadow: 0 0 4px 0px rgba(0, 0, 0, .3);
}

.magic-thumbs,
.magic-thumbs .magic-thumbs-wrapper,
.magic-thumbs ul,
.magic-thumbs li,
.magic-thumbs li:before,
.magic-thumbs li:after,
.magic-thumbs li img,
.magic-thumbs .magic-thumbs-button {
  margin: 0;
  padding: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.magic-thumbs {
  direction: ltr;
  overflow: visible;
  z-index: 100;
  position: relative;
  left: 0;
  top: 0;
  padding: 0 40px;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: none;
  touch-action: none;
}

.magic-thumbs {
  width: 100%;
  height: 100%;
  white-space: nowrap;
}

.magic-thumbs.no-buttons {
  padding: 0 !important;
}

.magic-thumbs-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.magic-thumbs ul {
  list-style: none;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  position: relative;
  white-space: nowrap;
}

.magic-thumbs.no-buttons ul {
  left: 0 !important;
  padding: 0 !important;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}


.magic-thumbs ul li {
  margin: 0 4px;
  height: 100%;
  width: auto;
  vertical-align: top;
  line-height: 0;
  display: inline-block;
}

.magic-thumbs ul li:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}

.magic-thumbs ul li > img {
  width: auto;
  height: auto;
  max-width: none !important;
  max-height: 100% !important;
  vertical-align: middle;
}

.ie8-magic .magic-thumbs ul li > img {
  max-width: none !important;
  max-height: none !important;
}

/* vertical */
.magic-thumbs.magic-thumbs-vertical {
  height: 100%;
}

.magic-thumbs-vertical {
  padding: 40px 0;
}

.magic-thumbs-vertical ul {
  height: auto;
  width: 100%;
  white-space: normal;
}

.magic-thumbs-vertical ul li {
  width: 100%;
  height: auto;
}

.magic-thumbs-vertical ul li {
  margin: 4px 0;
}

.magic-thumbs-vertical ul li > img {
  max-width: 100% !important;
  max-height: none !important;
}

.ie8-magic .magic-thumbs-vertical ul li > img {
  width: 100%;
}

/**
 * Buttons
 */
.magic-thumbs button.magic-thumbs-button {
  color: rgba(180, 180, 180, .6) !important;
  font-size: 0;
  cursor: pointer;
  z-index: 90 !important;
  background-repeat: no-repeat;
  background-color: transparent !important;
  background-image: none;
  border: 0;
  border-radius: 100%;
  box-shadow: none !important;
  overflow: hidden;
  position: absolute;
  text-transform: none !important;
  speak: none;
  text-align: center;
  width: 33px;
  height: 33px;
  top: 0;
  bottom: 0;
  margin: auto 3px;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  -webkit-transition: color .25s, background-color .25s !important;
  transition: color .25s, background-color .25s !important;
}

.magic-thumbs button.magic-thumbs-button:before {
  display: block;
  position: static;
  height: 100%;
  transform: scale(1);
  -webkit-transition: -webkit-transform .25s !important;
  transition: transform .25s !important;
}

.mobile-magic .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled),
:root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):hover,
.magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active {
  color: rgba(180, 180, 180, 1) !important;
}

.magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active:before {
  -webkit-transform: scale(.7) !important;
  transform: scale(.7) !important;
}

.mobile-magic .mz-expand .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active {
  background-color: rgba(49, 51, 61, .7) !important;
}

.magic-thumbs .magic-thumbs-button-prev {
  left: 0;
  transform: rotateZ(180deg) !important;
}

.magic-thumbs .magic-thumbs-button-next {
  right: 0;
}

.magic-thumbs-vertical button.magic-thumbs-button {
  top: auto;
  right: 0;
  bottom: auto;
  left: 0;
  margin: 3px auto;
}

.magic-thumbs-vertical button.magic-thumbs-button-prev {
  top: 0;
  transform: rotateZ(-90deg) !important;
}

.magic-thumbs-vertical button.magic-thumbs-button-next {
  bottom: 0;
  transform: rotateZ(90deg) !important;
}

.magic-thumbs .magic-thumbs-button-prev:before,
.magic-thumbs .magic-thumbs-button-next:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
}

@supports (
        /*((-webkit-mask-image:url(/app/themes/gp_storefront/dist/styles/)) or (mask-image:url(/app/themes/gp_storefront/dist/styles/))) and*/
        ((-webkit-mask-repeat:no-repeat) or (mask-repeat:no-repeat)) and
        ((-webkit-mask-position:center) or (mask-position:center)) and
        ((-webkit-mask-size:cover) or (mask-size:cover))
) {
  .magic-thumbs button.magic-thumbs-button:before {
    content: "" !important;
    background-color: currentColor;
    background-image: none;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
  }

  .magic-thumbs .magic-thumbs-button-prev:before,
  .magic-thumbs .magic-thumbs-button-next:before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");

  }
}

.magic-thumbs.no-buttons .magic-thumbs-button {
  display: none !important;
}

.magic-thumbs-button-disabled {
  opacity: 0.2;
  filter: alpha(opacity=20);
}

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/index.js??clonedRuleSet-3.use[1]!../node_modules/resolve-url-loader/index.js??clonedRuleSet-3.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!../sass/guitarpoint.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
Theme Name:     GuitarPoint Storefront Theme
Theme URI:      https://www.guitarpoint.de/
Description:    GuitarPoint specific child theme for the Storefront theme
Author:         Orange Hive
Author URI:     https://www.orangehive.de/
Template:       storefront
Version:        1.0.0
*/
/* no sidebar needed, always hide and increase size of content-area */
:root {
  --white: #ffffff;
  --light-grey: #f1f1f1;
  --lighter-grey: #aaaaaa;
  --grey: #717271;
  --dark-grey: #4b4b4b;
  --darker-grey: #222;
  --black: #0f0f0f;
  --yellow: #ffff00;
  --red: #b32929;
}

@media only screen and (min-width: 768px) {
  .mobile-only {
    display: none;
  }
}

.desktop-only {
  display: none;
}
@media only screen and (min-width: 768px) {
  .desktop-only {
    display: block;
  }
}

footer .footer__social > ul img, header .language-switcher .globe img, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:link .svg img, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:visited .svg img, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:hover .svg img, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:active .svg img, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:focus .svg img {
  height: 100%;
  width: auto;
  object-fit: contain;
  max-width: unset;
}

footer .footer__shipping ul.logo-list img {
  height: auto;
  width: 100%;
  object-fit: contain;
}

.has-text-align-left {
  text-align: left;
}

.has-text-align-center {
  text-align: center;
}

.has-text-align-right {
  text-align: right;
}

.hidden {
  display: none;
}

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

/* roboto-slab-100 - latin */
@font-face {
  font-family: "Roboto Slab Thin";
  font-display: swap;
  font-style: normal;
  font-weight: 100;
  src: url(/app/themes/gp_storefront/dist/f4edd1bc318338240812.eot); /* IE9 Compat Modes */
  src: local("Roboto Slab Thin"), url(/app/themes/gp_storefront/dist/f4edd1bc318338240812.eot?#iefix) format("embedded-opentype"), url(/app/themes/gp_storefront/dist/a979c32f27b858fa5de9.woff2) format("woff2"), url(/app/themes/gp_storefront/dist/e37edc1a8f03997d9e7d.woff) format("woff"), url(/app/themes/gp_storefront/dist/249d21082c34aeb3d555.ttf) format("truetype"), url(/app/themes/gp_storefront/dist/84c854e12d4b9c4ad2f6.svg#RobotoSlab) format("svg"); /* Legacy iOS */
}
/* roboto-slab-300 - latin */
@font-face {
  font-family: "Roboto Slab Light";
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: url(/app/themes/gp_storefront/dist/6a7601a639e77856db1c.eot); /* IE9 Compat Modes */
  src: local("Roboto Slab Light"), url(/app/themes/gp_storefront/dist/6a7601a639e77856db1c.eot?#iefix) format("embedded-opentype"), url(/app/themes/gp_storefront/dist/b048aeb1a50a068b7f31.woff2) format("woff2"), url(/app/themes/gp_storefront/dist/56b61f820dc7f241c650.woff) format("woff"), url(/app/themes/gp_storefront/dist/188e7f47ecf6ff01700d.ttf) format("truetype"), url(/app/themes/gp_storefront/dist/2468834bab9e6ac9c78b.svg#RobotoSlab) format("svg"); /* Legacy iOS */
}
/* roboto-slab-200 - latin */
@font-face {
  font-family: "Roboto Slab Extra Light";
  font-display: swap;
  font-style: normal;
  font-weight: 200;
  src: url(/app/themes/gp_storefront/dist/3cce4b7abf8970de02a9.eot); /* IE9 Compat Modes */
  src: local("Roboto Slab Extra Light"), url(/app/themes/gp_storefront/dist/3cce4b7abf8970de02a9.eot?#iefix) format("embedded-opentype"), url(/app/themes/gp_storefront/dist/abd8a2a8afe8bdd8cfb8.woff2) format("woff2"), url(/app/themes/gp_storefront/dist/fa60d2107c401689d62d.woff) format("woff"), url(/app/themes/gp_storefront/dist/34d2089784175b82b484.ttf) format("truetype"), url(/app/themes/gp_storefront/dist/341e7964a4cf7348347c.svg#RobotoSlab) format("svg"); /* Legacy iOS */
}
/* roboto-slab-regular - latin */
@font-face {
  font-family: "Roboto Slab Regular";
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url(/app/themes/gp_storefront/dist/ddb698d939c3bf16e0e2.eot); /* IE9 Compat Modes */
  src: local("Roboto Slab"), local("Roboto Slab Regular"), url(/app/themes/gp_storefront/dist/ddb698d939c3bf16e0e2.eot?#iefix) format("embedded-opentype"), url(/app/themes/gp_storefront/dist/08a5cee38bce5c1b95a9.woff2) format("woff2"), url(/app/themes/gp_storefront/dist/6e7d872880f05b6a32bf.woff) format("woff"), url(/app/themes/gp_storefront/dist/c4488d1afd6aff37be97.ttf) format("truetype"), url(/app/themes/gp_storefront/dist/8cc38ce63cddfd724f22.svg#RobotoSlab) format("svg"); /* Legacy iOS */
}
/* roboto-slab-600 - latin */
@font-face {
  font-family: "Roboto Slab Semi Bold";
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  src: url(/app/themes/gp_storefront/dist/3f5a01488085c9bf8713.eot); /* IE9 Compat Modes */
  src: local("Roboto Slab Semi Bold"), url(/app/themes/gp_storefront/dist/3f5a01488085c9bf8713.eot?#iefix) format("embedded-opentype"), url(/app/themes/gp_storefront/dist/ddb5b2e1b258ac8a85af.woff2) format("woff2"), url(/app/themes/gp_storefront/dist/4a2cce8c680799515d22.woff) format("woff"), url(/app/themes/gp_storefront/dist/a84a1e91d187562ee14f.ttf) format("truetype"), url(/app/themes/gp_storefront/dist/9c895f6da5e6c0005423.svg#RobotoSlab) format("svg"); /* Legacy iOS */
}
/* roboto-slab-700 - latin */
@font-face {
  font-family: "Roboto Slab Bold";
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url(/app/themes/gp_storefront/dist/a83adfb7d97fc6351f38.eot); /* IE9 Compat Modes */
  src: local("Roboto Slab Bold"), url(/app/themes/gp_storefront/dist/a83adfb7d97fc6351f38.eot?#iefix) format("embedded-opentype"), url(/app/themes/gp_storefront/dist/82b3547260f45a27b592.woff2) format("woff2"), url(/app/themes/gp_storefront/dist/f609c129caccc0cd2f46.woff) format("woff"), url(/app/themes/gp_storefront/dist/599f0faa9ebb758ab76a.ttf) format("truetype"), url(/app/themes/gp_storefront/dist/610ddacce64f37cd038e.svg#RobotoSlab) format("svg"); /* Legacy iOS */
}
/* holtwood-one-sc-regular - latin */
@font-face {
  font-family: "Holtwood One SC";
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url(/app/themes/gp_storefront/dist/24443d741e643a344b41.eot); /* IE9 Compat Modes */
  src: local("Holtwood One SC"), local("HoltwoodOneSC"), url(/app/themes/gp_storefront/dist/24443d741e643a344b41.eot?#iefix) format("embedded-opentype"), url(/app/themes/gp_storefront/dist/ec79a494f003eb44c079.woff2) format("woff2"), url(/app/themes/gp_storefront/dist/a2e08be744356d5579dd.woff) format("woff"), url(/app/themes/gp_storefront/dist/47c5613ff63d2e1142c0.ttf) format("truetype"), url(/app/themes/gp_storefront/dist/a90995249ab64e61e00b.svg#HoltwoodOneSC) format("svg"); /* Legacy iOS */
}
body {
  font-family: "Roboto Slab Thin", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--black);
}
body.vintage {
  background-color: var(--darker-grey);
}

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
  margin: 0;
}

p {
  margin-bottom: 0.5rem;
}

a, li, p, table {
  font-family: "Roboto Slab Light", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}

strong {
  font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}

a:link, a:visited, a:hover, a:active, a:focus {
  color: var(--black);
  transition: color 0.2s;
  text-decoration-color: var(--grey) !important;
}

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus {
  outline-color: var(--yellow);
}

.content-area {
  width: 100% !important;
  float: none !important;
  margin-right: 0 !important;
}

.col-full {
  max-width: unset;
  margin: 0 auto !important;
  padding: 0;
  padding-inline: 2.617924em;
}
@media only screen and (max-width: 568px) {
  .col-full {
    padding-inline: 1.41575em;
  }
}
@media only screen and (min-width: 900px) {
  .col-full {
    max-width: 56.25rem;
  }
}
@media only screen and (min-width: 1024px) {
  .col-full {
    padding-inline: 0;
  }
}
@media only screen and (min-width: 1440px) {
  .col-full {
    max-width: 75rem;
  }
}

h1, .h1, h3, .h3, .site-content .h3, h2, .h2, .site-content .h2, .site-content .h1 {
  font-size: 2rem;
  line-height: 1.5;
  font-family: "Holtwood One SC", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0.5em;
  text-transform: uppercase;
  letter-spacing: 0;
}
h1 > span, .h1 > span, h3 > span, .h3 > span, .site-content .h3 > span, h2 > span, .h2 > span, .site-content .h2 > span, .site-content .h1 > span {
  display: block;
  font-size: 0.8em;
  text-transform: none;
}

h2, .h2, .site-content .h2 {
  font-size: 1.5rem;
  letter-spacing: 0;
}

h3, .h3, .site-content .h3 {
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  letter-spacing: 0;
}
h3 > span, .h3 > span, .site-content .h3 > span {
  font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}
h3 > a:link, h3 > a:visited, h3 > a:hover, h3 > a:active, h3 > a:focus, .h3 > a:link, .h3 > a:visited, .h3 > a:hover, .h3 > a:active, .h3 > a:focus, .site-content .h3 > a:link, .site-content .h3 > a:visited, .site-content .h3 > a:hover, .site-content .h3 > a:active, .site-content .h3 > a:focus {
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.storefront-primary-navigation {
  order: 5;
}
@media only screen and (min-width: 900px) {
  .storefront-primary-navigation {
    order: 0;
    flex: 1;
  }
}
.storefront-primary-navigation .col-full {
  margin-inline: 0;
  padding-inline: 0;
  flex-direction: column;
}
@media only screen and (min-width: 900px) {
  .storefront-primary-navigation .col-full {
    flex-direction: row;
  }
}

button.menu-toggle {
  display: block !important;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  background: transparent url(/app/themes/gp_storefront/dist/f25d51d3214b10ed543f.svg) no-repeat center center !important;
  color: var(--white);
  border: none;
  border-radius: 0;
  float: none;
}
button.menu-toggle::before, button.menu-toggle::after {
  display: none;
}
button.menu-toggle > span {
  display: none;
}
@media only screen and (min-width: 900px) {
  button.menu-toggle {
    display: none !important;
  }
}

.main-navigation {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  position: fixed;
  top: 3.3rem;
  left: 0;
  z-index: 8;
  background: var(--black);
  height: 100%;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
}
.main-navigation::before, .main-navigation::after {
  display: none;
}
@media only screen and (min-width: 900px) {
  .main-navigation {
    position: static;
    top: auto;
    left: auto;
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between;
    height: auto;
    max-height: unset;
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .main-navigation {
    width: auto;
  }
}
body.admin-bar .main-navigation {
  top: 6.175rem;
}
@media only screen and (min-width: 900px) {
  body.admin-bar .main-navigation {
    top: 0;
  }
}

.woocommerce-active .site-header .main-navigation {
  width: 100%;
  margin: 0;
  float: none;
}
@media only screen and (min-width: 1024px) {
  .woocommerce-active .site-header .main-navigation {
    width: auto;
  }
}

.main-navigation.active {
  max-height: 100rem;
}
.main-navigation > .nav-item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--grey);
}
@media only screen and (min-width: 900px) {
  .main-navigation > .nav-item {
    border-bottom: 0;
  }
}
.main-navigation > .nav-item a.nav-link:link, .main-navigation > .nav-item a.nav-link:visited, .main-navigation > .nav-item a.nav-link:hover, .main-navigation > .nav-item a.nav-link:active, .main-navigation > .nav-item a.nav-link:focus {
  display: block;
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--white);
  text-decoration: none;
  white-space: nowrap;
  padding: 1.25rem 2.617924em;
  text-transform: uppercase;
  width: 100%;
}
@media only screen and (max-width: 568px) {
  .main-navigation > .nav-item a.nav-link:link, .main-navigation > .nav-item a.nav-link:visited, .main-navigation > .nav-item a.nav-link:hover, .main-navigation > .nav-item a.nav-link:active, .main-navigation > .nav-item a.nav-link:focus {
    padding-inline: 1.41575em;
  }
}
@media only screen and (min-width: 900px) {
  .main-navigation > .nav-item a.nav-link:link, .main-navigation > .nav-item a.nav-link:visited, .main-navigation > .nav-item a.nav-link:hover, .main-navigation > .nav-item a.nav-link:active, .main-navigation > .nav-item a.nav-link:focus {
    font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-transform: none;
    padding: 1rem;
    width: auto;
  }
}
.main-navigation > .nav-item a.nav-link:hover, .main-navigation > .nav-item a.nav-link:active, .main-navigation > .nav-item a.nav-link:focus, .main-navigation > .nav-item a.nav-link.active {
  color: var(--yellow);
}
.main-navigation > .nav-item a.nav-link:focus {
  text-decoration: underline;
  outline: none;
}
.main-navigation > .nav-item .nav-filter {
  display: none;
  position: fixed;
  left: 0;
  top: 7.4375rem;
  width: 100%;
  background-color: var(--black);
}
@media only screen and (min-width: 900px) {
  .main-navigation > .nav-item .nav-filter {
    top: 4.375rem;
    border: 1px solid var(--grey);
  }
}
body.admin-bar .main-navigation > .nav-item .nav-filter {
  top: 10.3125rem;
}
@media only screen and (min-width: 900px) {
  body.admin-bar .main-navigation > .nav-item .nav-filter {
    top: 6.375rem;
  }
}

.main-navigation > .nav-item .nav-filter .container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  position: relative;
  width: 100%;
  margin: 0;
}
@media only screen and (min-width: 900px) {
  .main-navigation > .nav-item .nav-filter .container {
    flex-direction: row;
    align-items: stretch;
    max-width: 56.25rem;
    margin: 3rem auto 1rem auto;
    gap: 2rem;
  }
}
@media only screen and (min-width: 1440px) {
  .main-navigation > .nav-item .nav-filter .container {
    max-width: 75rem;
  }
}
.main-navigation > .nav-item .nav-filter .container > .nav-item {
  position: relative;
  width: 100%;
  border-bottom: 1px solid var(--grey);
}
@media only screen and (min-width: 900px) {
  .main-navigation > .nav-item .nav-filter .container > .nav-item {
    max-width: 12rem;
    flex: 1;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: auto;
    border-bottom: none;
  }
}
.main-navigation > .nav-item .nav-filter .container > .nav-item::after {
  display: none;
  content: "";
  background-color: var(--grey);
  width: 1px;
  height: 8rem;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (min-width: 900px) {
  .main-navigation > .nav-item .nav-filter .container > .nav-item::after {
    display: block;
  }
}
.main-navigation > .nav-item .nav-filter .container > .nav-item > .nav-link {
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
}
@media only screen and (min-width: 900px) {
  .main-navigation > .nav-item .nav-filter .container > .nav-item > .nav-link {
    text-transform: none;
  }
}
.main-navigation > .nav-item .nav-filter .container > .nav-item .nav-link {
  display: block;
  white-space: nowrap;
  padding: 1.25rem 2.617924em;
  color: var(--white);
  background-color: var(--black);
  text-transform: none;
}
@media only screen and (max-width: 568px) {
  .main-navigation > .nav-item .nav-filter .container > .nav-item .nav-link {
    padding-inline: 1.41575em;
  }
}
@media only screen and (min-width: 900px) {
  .main-navigation > .nav-item .nav-filter .container > .nav-item .nav-link {
    padding: 0 0 0.5rem 0 !important;
  }
}
.main-navigation > .nav-item .nav-filter .container > .nav-item .nav-link:hover, .main-navigation > .nav-item .nav-filter .container > .nav-item .nav-link:active, .main-navigation > .nav-item .nav-filter .container > .nav-item .nav-link:focus {
  color: var(--yellow);
}
.main-navigation > .nav-item .nav-filter .container > .nav-item .up-arrow, .main-navigation > .nav-item .nav-filter .container > .nav-item .down-arrow {
  position: absolute;
  top: 0.8em;
  right: 0.707875em;
  border: 0;
  background: none;
}
.main-navigation > .nav-item .nav-filter .container > .nav-item .up-arrow > img, .main-navigation > .nav-item .nav-filter .container > .nav-item .down-arrow > img {
  width: 0.75rem;
  height: auto;
  max-width: none;
}
.main-navigation > .nav-item .nav-filter .container > .nav-item .up-arrow {
  display: none;
}
.main-navigation > .nav-item .nav-filter .container > .nav-item.active .up-arrow {
  display: inline-block;
}
.main-navigation > .nav-item .nav-filter .container > .nav-item.active .down-arrow {
  display: none;
}
.main-navigation > .nav-item .nav-filter .container .nav-sub {
  display: none;
}
@media only screen and (min-width: 900px) {
  .main-navigation > .nav-item .nav-filter .container .nav-sub {
    display: block;
    margin-bottom: auto;
  }
}
.main-navigation > .nav-item .nav-filter .container .nav-sub .nav-link__sub {
  font-size: 0.875rem;
  padding-block: 0.75rem;
  padding-left: 2.8315em;
}
.main-navigation > .nav-item .nav-filter .container .nav-sub .nav-link__all {
  font-size: 0.875rem;
  padding-block: 0.75rem;
  padding-left: 2.8315em;
}
.main-navigation > .nav-item .nav-filter .container .nav-sub .nav-link__all::after {
  content: ">";
}
.main-navigation > .nav-item .nav-filter .container > .nav-item.active .nav-sub {
  display: block;
}
.main-navigation > .nav-item .nav-filter .container .nav-filter-brands {
  margin-top: 2rem;
}
.main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.75rem;
}
.main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:link, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:visited, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:hover, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:active, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:focus {
  padding: 0 0.5rem 0 0;
}
.main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:link .svg, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:visited .svg, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:hover .svg, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:active .svg, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:focus .svg {
  display: block;
  height: 3.5rem;
  max-width: 4rem;
  background: var(--white);
  -webkit-mask-image: var(--image-url);
  mask-image: var(--image-url);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: background 0.3s;
}
.main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:link .svg img, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:visited .svg img, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:hover .svg img, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:active .svg img, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:focus .svg img {
  max-width: 4rem;
  vertical-align: middle;
  display: block;
}
.main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:hover, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:active, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:focus {
  color: var(--yellow);
}
.main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:hover .svg, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:active .svg, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:focus .svg {
  background: var(--yellow);
}
.main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:hover .svg img, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:active .svg img, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__logos > a:focus .svg img {
  opacity: 0;
}
.main-navigation > .nav-item .nav-filter .container .nav-filter-brands__all-brands {
  position: absolute;
  right: 0;
  bottom: 0;
}
.main-navigation > .nav-item .nav-filter .container .nav-filter-brands__all-brands > a:link, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__all-brands > a:visited, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__all-brands > a:hover, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__all-brands > a:active, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__all-brands > a:focus {
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--white);
  text-decoration: none;
  text-transform: uppercase;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0;
}
.main-navigation > .nav-item .nav-filter .container .nav-filter-brands__all-brands > a:link svg, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__all-brands > a:visited svg, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__all-brands > a:hover svg, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__all-brands > a:active svg, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__all-brands > a:focus svg {
  height: auto;
  width: 1.25rem;
}
.main-navigation > .nav-item .nav-filter .container .nav-filter-brands__all-brands > a:hover, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__all-brands > a:active, .main-navigation > .nav-item .nav-filter .container .nav-filter-brands__all-brands > a:focus {
  color: var(--yellow);
}
.main-navigation > .nav-item .back-toggle,
.main-navigation > .nav-item .nav-toggle {
  border: 0;
  background: none;
}
.main-navigation > .nav-item .back-toggle > img,
.main-navigation > .nav-item .nav-toggle > img {
  width: 0.75rem;
  height: auto;
  max-width: none;
}
.main-navigation > .nav-item .back-toggle {
  display: none;
}
.main-navigation > .nav-item.active {
  position: fixed;
  top: 3.3rem;
  left: 0;
  z-index: 9;
  width: 100%;
}
body.admin-bar .main-navigation > .nav-item.active {
  top: 6.175rem;
}

.main-navigation > .nav-item.active a.nav-link:link, .main-navigation > .nav-item.active a.nav-link:visited, .main-navigation > .nav-item.active a.nav-link:hover, .main-navigation > .nav-item.active a.nav-link:active, .main-navigation > .nav-item.active a.nav-link:focus {
  color: var(--black);
  background-color: var(--yellow);
  padding-left: 0;
}
.main-navigation > .nav-item.active a.nav-link:hover, .main-navigation > .nav-item.active a.nav-link:active, .main-navigation > .nav-item.active a.nav-link:focus {
  color: var(--black);
}
.main-navigation > .nav-item.active .back-toggle,
.main-navigation > .nav-item.active .nav-toggle {
  color: var(--black);
  background-color: var(--yellow);
}
.main-navigation > .nav-item.active .back-toggle {
  display: block !important;
}
.main-navigation > .nav-item.active .nav-toggle {
  display: none;
}
.main-navigation > .nav-item.active .nav-filter {
  display: block;
}
@media only screen and (min-width: 768px) {
  .main-navigation > .nav-item:has(.nav-filter):hover > .nav-filter {
    display: block;
  }
}

button, .button, input[type=button], input[type=submit] {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
button.alt, .button.alt, input[type=button].alt, input[type=submit].alt {
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  border: 1px solid var(--black);
  background-color: var(--yellow);
  color: var(--black);
}
button.alt:hover, button.alt:focus, .button.alt:hover, .button.alt:focus, input[type=button].alt:hover, input[type=button].alt:focus, input[type=submit].alt:hover, input[type=submit].alt:focus {
  background-color: var(--black);
  border-color: var(--white);
  color: var(--white);
}

.variations_button button.disabled,
.variations_button .button:disabled {
  opacity: 0.7 !important;
}

#wpadminbar {
  position: fixed !important;
  z-index: 999999;
}

.site {
  padding-top: 3.3rem;
}
@media only screen and (min-width: 900px) {
  .site {
    padding-top: 4.4375rem;
  }
}
body.admin-bar .site {
  padding-top: 2.875rem;
}
@media only screen and (min-width: 900px) {
  body.admin-bar .site {
    padding-top: 4.4375rem;
  }
}

.site-content a, .site-content li, .site-content p {
  font-family: "Roboto Slab Light", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5;
}

header.site-header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 100000;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid var(--grey);
}
@media only screen and (min-width: 900px) {
  header.site-header {
    padding-top: 0.75rem;
    padding-bottom: 0;
    height: 4.5rem;
  }
}
body.admin-bar header.site-header {
  top: 2.875rem;
}
@media only screen and (min-width: 768px) {
  body.admin-bar header.site-header {
    top: 2rem;
  }
}

header.site-header .site-branding {
  position: relative;
  z-index: 10;
}
header.site-header .site-branding img {
  max-width: 9rem;
  min-height: 3.25rem;
}
@media only screen and (min-width: 900px) {
  header.site-header .site-branding img {
    max-width: 11rem;
    min-height: 4rem;
  }
}
@media only screen and (min-width: 1440px) {
  header.site-header .site-branding img {
    max-width: 12rem;
    min-height: 4.3125rem;
  }
}
.woocommerce-active header.site-header .site-branding {
  width: auto;
  float: none;
  margin: 0 auto -1rem 0;
}
@media only screen and (min-width: 900px) {
  .woocommerce-active header.site-header .site-branding {
    margin-right: 1rem;
  }
}
@media only screen and (min-width: 1440px) {
  .woocommerce-active header.site-header .site-branding {
    margin-right: 3rem;
  }
}

header.site-header .custom-logo-link {
  display: inline-block;
}
header .col-full {
  display: flex;
  justify-content: stretch;
  align-items: center;
  gap: 1rem;
}
header .col-full::before, header .col-full::after {
  display: none;
}
header .language-switcher {
  position: relative;
}
header .language-switcher .globe {
  padding: 0;
  background: none;
  height: 1.25rem;
  vertical-align: middle;
}
@media only screen and (min-width: 900px) {
  header .language-switcher .globe {
    height: 1.5rem;
  }
}
header .language-switcher .dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 10;
  background-color: var(--black);
  padding: 1rem;
  transform: translateX(-50%);
}
header .language-switcher .dropdown ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
header .language-switcher .dropdown ul a:link, header .language-switcher .dropdown ul a:visited, header .language-switcher .dropdown ul a:hover, header .language-switcher .dropdown ul a:active, header .language-switcher .dropdown ul a:focus {
  font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--white);
  text-decoration: none;
}
header .language-switcher .dropdown ul a:hover, header .language-switcher .dropdown ul a:active, header .language-switcher .dropdown ul a:focus {
  color: var(--yellow);
}
header .language-switcher.active .dropdown {
  display: block;
}
header .account-link a {
  display: block;
  text-indent: -9999px;
  width: 1.25rem;
  height: 1.25rem;
  background: transparent url(/app/themes/gp_storefront/dist/48d7c71300e4e5b27563.svg) center center no-repeat;
}
@media only screen and (min-width: 900px) {
  header .account-link a {
    width: 1.5rem;
    height: 1.5rem;
  }
}

.site-search {
  position: relative;
  margin-bottom: 0;
}
.woocommerce-active header.site-header .site-search {
  width: auto;
  float: none;
}

.site-search::before {
  content: "";
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  background: transparent url(/app/themes/gp_storefront/dist/81e1e3885b6c473e8b56.svg) no-repeat center center;
  cursor: pointer;
}
@media only screen and (min-width: 900px) {
  .site-search::before {
    height: 1.5rem;
    width: 1.5rem;
  }
}
.site-search .widget_product_search {
  position: fixed;
  top: 7.4375rem;
  left: 0;
  width: 100%;
  z-index: -1;
  background-color: var(--black);
  padding: 0;
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
  overflow: hidden;
}
@media only screen and (min-width: 900px) {
  .site-search .widget_product_search {
    top: 4.4375rem;
  }
}
body.admin-bar header.site-header .site-search .widget_product_search {
  top: 10.3125rem;
}
@media only screen and (min-width: 900px) {
  body.admin-bar header.site-header .site-search .widget_product_search {
    top: 6.4375rem;
  }
}

.site-search .widget_product_search .woocommerce-product-search {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin: 1rem auto;
}
@media only screen and (min-width: 900px) {
  .site-search .widget_product_search .woocommerce-product-search {
    max-width: 56.25rem;
  }
}
@media only screen and (min-width: 1440px) {
  .site-search .widget_product_search .woocommerce-product-search {
    max-width: 75rem;
  }
}
.site-search .widget_product_search .woocommerce-product-search input.search-field {
  border: none;
  border-bottom: 1px solid var(--grey);
  background: transparent;
  width: 13rem;
  text-align: left;
  font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  color: var(--white);
  padding: 0.5rem 0;
  margin-right: 1.5rem;
}
.site-search .widget_product_search .woocommerce-product-search::before {
  display: none;
  /*
  top: 50%;
  left: auto;
  right: 0;
  transform: translateY(-50%);
  content: "";
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  background: transparent url(/app/themes/gp_storefront/dist/styles/../../images/search-light.svg) no-repeat center center;
  @include breakpoint(for-tablet-landscape-up) {
      height: 1.5rem;
      width: 1.5rem;
  }*/
}
.site-search .widget_product_search .woocommerce-product-search button[type=submit] {
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
  clip: auto;
  clip-path: none;
  margin: 0;
  top: auto;
  left: auto;
  text-indent: -99999px;
  background: transparent url(/app/themes/gp_storefront/dist/81e1e3885b6c473e8b56.svg) no-repeat center center;
}
@media only screen and (min-width: 900px) {
  .site-search .widget_product_search .woocommerce-product-search button[type=submit] {
    height: 1.5rem;
    width: 1.5rem;
  }
}
.site-search.active .widget_product_search {
  max-height: 5rem;
}

.site-header-cart {
  display: none;
}
@media only screen and (min-width: 900px) {
  .site-header-cart {
    display: block;
  }
}
.site-header-cart .cart-contents {
  padding: 0;
}
.site-header-cart .cart-contents > span {
  display: none;
}
.site-header-cart .cart-contents::after {
  content: "";
  display: block;
  height: 1.25rem;
  width: 1.3rem;
  background: transparent url(/app/themes/gp_storefront/dist/6653b87eee37db8925fb.svg) no-repeat center center;
}
@media only screen and (min-width: 900px) {
  .site-header-cart .cart-contents::after {
    height: 1.5rem;
    width: 1.6875rem;
  }
}
.woocommerce-active header.site-header .site-header-cart {
  width: auto;
  float: none;
  margin: 0;
}

.site-header-cart .widget_shopping_cart {
  min-width: 25rem;
  background-color: var(--black);
}
.site-header-cart .widget_shopping_cart .buttons,
.site-header-cart .widget_shopping_cart .total {
  background-color: var(--black);
}
@media only screen and (min-width: 900px) {
  .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
    left: auto;
    right: 0;
  }
}
.site-header-cart::after {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -0.25rem;
  right: -0.125rem;
  content: attr(data-item-count);
  background-color: var(--yellow);
  color: var(--black);
  font-size: 0.625rem;
  line-height: 1;
  width: 1rem;
  height: 1rem;
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  border-radius: 100%;
  opacity: 1;
  z-index: 1000000;
}

.header-visual {
  background: var(--black);
  width: 100%;
  /*
      &--shop-wrapper {
          display: flex;
          justify-content: center;
          align-items: center;
          overflow: hidden;
          margin: 0;
          width: 100%;
          > img { min-height: 17rem; }
      }*/
}
.header-visual img {
  margin: 0 auto;
  width: 100%;
  max-width: 120rem;
  max-height: 28rem;
  min-height: 17rem;
  object-fit: cover;
}
.header-visual__footer {
  height: 4rem;
}
.header-visual__footer > div {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (min-width: 900px) {
  .header-visual__footer > div {
    max-width: 56.25rem;
  }
}
@media only screen and (min-width: 1440px) {
  .header-visual__footer > div {
    max-width: 75rem;
  }
}
.header-visual__footer > div span {
  font-size: 1.25rem;
  color: var(--white);
  font-family: "Roboto Slab Light", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.header-visual__footer > div a:link, .header-visual__footer > div a:visited, .header-visual__footer > div a:hover, .header-visual__footer > div a:active, .header-visual__footer > div a:focus {
  font-size: 1.25rem;
  color: var(--white);
  text-decoration: none;
}
.header-visual__footer > div a:hover, .header-visual__footer > div a:active, .header-visual__footer > div a:focus {
  color: var(--yellow);
}
.header-visual:not(:has(+ .storefront-breadcrumb)) {
  margin-bottom: 3rem;
}

footer {
  font-family: "Roboto Slab Light", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  color: var(--lighter-grey);
}
footer.site-footer {
  padding: 1rem 0 4rem 0;
  color: var(--lighter-grey);
}
@media only screen and (min-width: 768px) {
  footer.site-footer {
    padding-bottom: 2rem;
  }
}
footer a:not(.button):not(.components-button):link, footer a:not(.button):not(.components-button):visited, footer a:not(.button):not(.components-button):hover, footer a:not(.button):not(.components-button):active, footer a:not(.button):not(.components-button):focus {
  color: var(--lighter-grey);
  text-decoration: none;
}
footer a:not(.button):not(.components-button):hover, footer a:not(.button):not(.components-button):active, footer a:not(.button):not(.components-button):focus, footer a:not(.button):not(.components-button).current-menu-item {
  color: var(--yellow);
}
footer .footer__heading {
  color: var(--white);
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
footer .col-full {
  padding-top: 3rem;
  max-width: unset;
}
footer .col-full > .row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-inline: auto;
  gap: 2rem;
}
footer .col-full > .row .row {
  width: 100%;
}
@media only screen and (min-width: 900px) {
  footer .col-full > .row {
    max-width: 56.25rem;
  }
}
@media only screen and (min-width: 1440px) {
  footer .col-full > .row {
    max-width: 75rem;
  }
}
footer .footer__opening-hours table {
  width: auto;
}
footer .footer__opening-hours table tbody tr td {
  padding: 0;
  background: none;
}
footer .footer__opening-hours table tbody tr td.separator {
  width: 1rem;
}
footer .footer__opening-hours table tbody tr:nth-child(2n) td {
  background: none;
}
footer .footer__shipping ul.logo-list {
  list-style: none;
  margin: 0 0 1rem 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
footer .footer__shipping ul.logo-list img {
  max-width: 5rem;
}
footer .footer__shipping ul.logo-list:not(:last-child) {
  margin-bottom: 3rem;
}
@media only screen and (min-width: 900px) {
  footer .footer__shipping ul.logo-list {
    display: grid;
    grid-template-columns: repeat(3, 5rem);
  }
}
footer .footer__social > ul {
  margin: 0 0 1rem 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem 2rem;
}
footer .footer__social > ul a {
  display: block;
  height: 2rem;
}
footer .menu-footer {
  padding: 2rem 0 1rem 0;
  border-top: 1px solid var(--lighter-grey);
}
footer .menu-footer > div {
  margin-inline: auto;
}
@media only screen and (min-width: 900px) {
  footer .menu-footer > div {
    max-width: 56.25rem;
  }
}
@media only screen and (min-width: 1440px) {
  footer .menu-footer > div {
    max-width: 75rem;
  }
}
footer .nav {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 1rem;
}
@media only screen and (min-width: 900px) {
  footer .nav {
    justify-content: space-between;
  }
}

.storefront-handheld-footer-bar ul li.my-account > a::before {
  content: "";
  background: url(/app/themes/gp_storefront/dist/48d7c71300e4e5b27563.svg) center center no-repeat;
  background-size: 1.5rem;
}
.storefront-handheld-footer-bar ul li.search > a::before {
  content: "";
  background: url(/app/themes/gp_storefront/dist/81e1e3885b6c473e8b56.svg) center center no-repeat;
  background-size: 1.5rem;
}
.storefront-handheld-footer-bar ul li.cart > a::before {
  content: "";
  background: url(/app/themes/gp_storefront/dist/6653b87eee37db8925fb.svg) center center no-repeat;
  background-size: 1.5rem;
}
.storefront-handheld-footer-bar ul li.cart .count {
  background-color: var(--yellow);
  font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.storefront-handheld-footer-bar .site-search {
  padding-inline: 2.617924em !important;
}
.storefront-handheld-footer-bar .site-search::before {
  display: none;
}
@media only screen and (max-width: 568px) {
  .storefront-handheld-footer-bar .site-search {
    padding-inline: 1.41575em !important;
  }
}
.storefront-handheld-footer-bar .site-search .widget_product_search {
  position: relative;
  max-height: unset;
  overflow: hidden;
  top: auto;
  left: auto;
  text-transform: uppercase;
  width: 100%;
  padding: 0;
}
.storefront-handheld-footer-bar .site-search .widget_product_search .woocommerce-product-search {
  margin-block: 0;
}
.storefront-handheld-footer-bar .site-search .widget_product_search .woocommerce-product-search input.search-field {
  flex: 1;
}

.storefront-breadcrumb {
  padding: 1rem 0;
  margin: 0 0 2em;
}

.woocommerce-breadcrumb {
  font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--grey) !important;
}
.woocommerce-breadcrumb a:link, .woocommerce-breadcrumb a:visited, .woocommerce-breadcrumb a:hover, .woocommerce-breadcrumb a:active, .woocommerce-breadcrumb a:focus {
  font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--grey);
}
.woocommerce-breadcrumb a:hover, .woocommerce-breadcrumb a:active, .woocommerce-breadcrumb a:focus {
  color: var(--black);
}
body.vintage .woocommerce-breadcrumb {
  color: var(--lighter-grey) !important;
}
body.vintage .woocommerce-breadcrumb a:link, body.vintage .woocommerce-breadcrumb a:visited, body.vintage .woocommerce-breadcrumb a:hover, body.vintage .woocommerce-breadcrumb a:active, body.vintage .woocommerce-breadcrumb a:focus {
  color: var(--lighter-grey);
}
body.vintage .woocommerce-breadcrumb a:hover, body.vintage .woocommerce-breadcrumb a:active, body.vintage .woocommerce-breadcrumb a:focus {
  color: var(--white);
}

.woocommerce-breadcrumb a:first-of-type::before {
  display: none;
}

.wp-block-group.alignfull {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-inline: -50vw !important;
}
.wp-block-group.alignfull .wp-block-group__inner-container {
  padding: 3.75rem 2.617924em;
  margin: 0 auto;
}
@media only screen and (max-width: 568px) {
  .wp-block-group.alignfull .wp-block-group__inner-container {
    padding-inline: 1.41575em;
  }
}
@media only screen and (min-width: 900px) {
  .wp-block-group.alignfull .wp-block-group__inner-container {
    padding-inline: 0;
    max-width: 56.25rem;
  }
}
@media only screen and (min-width: 1440px) {
  .wp-block-group.alignfull .wp-block-group__inner-container {
    max-width: 75rem;
  }
}
.wp-block-group.alignfull .wp-block-group__inner-container.is-layout-grid {
  gap: 3rem 1.5rem;
}
.wp-block-group.wp-block-group-is-layout-flex.is-content-justification-space-between figure.wp-block-image,
.wp-block-group.wp-block-group-is-layout-flex.is-content-justification-space-between .wp-block-button {
  margin-bottom: 0;
}
.wp-block-group.wp-block-group-is-layout-flex.is-content-justification-space-between.wp-container-core-group-is-layout-1 {
  flex-wrap: wrap;
}
.wp-block-group.wp-block-group-is-layout-flex.is-content-justification-space-between.wp-container-core-group-is-layout-1 > .wp-block-heading, .wp-block-group.wp-block-group-is-layout-flex.is-content-justification-space-between.wp-container-core-group-is-layout-1 > .wp-block-buttons {
  flex: 1 0 100%;
}
@media only screen and (min-width: 1024px) {
  .wp-block-group.wp-block-group-is-layout-flex.is-content-justification-space-between.wp-container-core-group-is-layout-1 {
    flex-wrap: nowrap;
  }
  .wp-block-group.wp-block-group-is-layout-flex.is-content-justification-space-between.wp-container-core-group-is-layout-1 > .wp-block-heading, .wp-block-group.wp-block-group-is-layout-flex.is-content-justification-space-between.wp-container-core-group-is-layout-1 > .wp-block-buttons {
    flex: unset;
  }
}
.wp-block-group.intro-block .wp-block-heading {
  line-height: 100%;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 568px) {
  .wp-block-group.intro-block .wp-block-heading {
    font-size: 3rem;
    margin-bottom: 5.5rem;
  }
}
.wp-block-group.intro-block .wp-block-heading > span {
  font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.wp-block-group.intro-block p {
  display: block;
  max-width: 59rem;
  font-size: 2rem;
  margin-bottom: 7rem;
}
@media only screen and (max-width: 568px) {
  .wp-block-group.intro-block p {
    font-size: 1.5rem;
    margin-bottom: 4rem;
  }
}
.wp-block-group.contact-block {
  margin-bottom: 7.25rem;
}
@media only screen and (max-width: 568px) {
  .wp-block-group.contact-block {
    margin-bottom: 3.5rem;
  }
}
@media only screen and (min-width: 568px) {
  .wp-block-group.contact-block .wp-block-heading {
    font-size: 3rem;
    margin-bottom: 4rem;
  }
}
.wp-block-group.contact-block p {
  max-width: 53.5rem;
}
.wp-block-group.contact-block p strong {
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
}
.wp-block-group.video-block {
  margin-bottom: 11.25rem;
}
@media only screen and (max-width: 568px) {
  .wp-block-group.video-block {
    margin-bottom: 5rem;
  }
}
@media only screen and (min-width: 568px) {
  .wp-block-group.video-block .wp-block-heading {
    font-size: 2rem;
  }
}
.wp-block-group.video-block .wp-block-heading > span {
  color: var(--grey);
}
@media only screen and (min-width: 568px) {
  .wp-block-group.video-block .wp-block-heading > span {
    font-size: 1.25rem;
  }
}
.wp-block-group.video-block p {
  max-width: 53.5rem;
}
@media only screen and (min-width: 568px) {
  .wp-block-group.video-block p {
    font-size: 1.5rem;
  }
}
.wp-block-group.offer-block {
  background-color: var(--darker-grey);
  background-image: url(/app/themes/gp_storefront/dist/9dbde87ff8e3b5f47373.jpg);
  background-position: top right;
  background-repeat: no-repeat;
  color: var(--white);
  padding: 3rem 6rem 3rem 3rem;
  max-width: 59rem;
  margin-top: 7.5rem;
  margin-bottom: 11.25rem;
  background-size: 4rem;
}
@media only screen and (max-width: 568px) {
  .wp-block-group.offer-block {
    padding: 2rem 3rem 2rem 2rem;
    margin-bottom: 5rem;
  }
}
@media only screen and (min-width: 568px) {
  .wp-block-group.offer-block {
    background-size: 7rem;
  }
}
@media only screen and (min-width: 900px) {
  .wp-block-group.offer-block {
    background-size: auto;
  }
}
.wp-block-group.offer-block .wp-block-heading {
  color: var(--yellow);
  text-transform: uppercase;
  margin-bottom: 2rem;
}
.wp-block-group.offer-block p {
  font-weight: bold;
}
.wp-block-group.offer-block ul:has(+ p) {
  margin-bottom: 3rem;
}

.wp-block-group.offer-block ul {
  margin-left: 2rem;
  line-height: 1.75rem;
}
.wp-block-group.offer-block ul li {
  margin-block: 1rem;
}
.wp-block-group.offer-block p:last-child {
  margin-top: 3.5rem;
}

.wp-block-columns {
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .wp-block-columns {
    flex-direction: row;
  }
}
.wp-block-columns > .wp-block-column {
  flex: 1;
}

.wp-block-image.alignfull {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-inline: -50vw !important;
  max-height: 50rem;
  overflow: hidden;
}
.wp-block-image.alignfull > img {
  width: 100%;
  object-fit: contain;
}
.wp-block-image .aligncenter {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wp-block-image.alignwide {
  width: calc(100% + 20rem);
  position: relative;
  margin-inline: -10rem !important;
}
.wp-block-image.alignwide > img {
  width: 100%;
  object-fit: contain;
}

p.center-block {
  display: block;
  max-width: 53.5rem;
  padding: 4rem 0;
  margin: 0 auto;
}
figure.wp-block-image:has(+ p.center-block) {
  margin-bottom: 0 !important;
}

@media only screen and (min-width: 568px) {
  p.center-block {
    padding: 7.5rem 0;
    font-size: 1.5rem;
  }
}

.wp-block-pullquote.alignfull {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-inline: -50vw !important;
  margin-bottom: 0 !important;
  background-color: var(--black);
}
.wp-block-pullquote.alignfull blockquote p {
  text-align: center;
  font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 3rem;
  margin: 0 auto !important;
  padding: 2rem 2.617924em;
  color: var(--white);
  text-wrap: balance;
}
@media only screen and (max-width: 568px) {
  .wp-block-pullquote.alignfull blockquote p {
    padding-inline: 0;
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 900px) {
  .wp-block-pullquote.alignfull blockquote p {
    max-width: 56.25rem;
  }
}
@media only screen and (min-width: 1440px) {
  .wp-block-pullquote.alignfull blockquote p {
    max-width: 75rem;
  }
}
@media only screen and (min-width: 900px) {
  .wp-block-pullquote.alignfull blockquote p br {
    display: inline-block;
    content: " ";
    margin: 0 1rem 0.5rem;
    vertical-align: middle;
  }
  .wp-block-pullquote.alignfull blockquote p br:before {
    content: "\2022";
    display: inline-block;
  }
}
.wp-block-pullquote.alignfull blockquote p a {
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.wp-block-pullquote.alignfull blockquote p a:link, .wp-block-pullquote.alignfull blockquote p a:visited, .wp-block-pullquote.alignfull blockquote p a:hover, .wp-block-pullquote.alignfull blockquote p a:active, .wp-block-pullquote.alignfull blockquote p a:focus {
  display: inline-block;
  color: var(--white);
  border: 1px solid var(--white);
  padding: 0 0.5rem;
  text-transform: uppercase;
  font-size: 0.9em;
  text-decoration: none;
}
.wp-block-pullquote.alignfull blockquote p a:hover, .wp-block-pullquote.alignfull blockquote p a:active, .wp-block-pullquote.alignfull blockquote p a:focus {
  color: var(--black);
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.matterport-embed,
.youtube-embed {
  width: 100%;
  aspect-ratio: 16/9;
}

.wp-block-button .wp-block-button__link {
  border: 1px solid var(--black) !important;
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  min-height: 1.275rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  text-transform: uppercase;
  background-color: transparent;
}
.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus {
  background-color: var(--yellow);
}

.wc-block-grid__products {
  display: flex !important;
  margin: 0 !important;
  gap: 1rem;
}
.wc-block-grid__products .wc-block-grid__product {
  margin: 0;
  padding: 0 !important;
  border: none;
  float: none;
  background: var(--black);
  color: var(--white);
}
.wc-block-grid__products .wc-block-grid__product-link {
  color: var(--white);
  display: grid !important;
}
@media only screen and (min-width: 1440px) {
  .wc-block-grid__products .wc-block-grid__product-link {
    grid-template-rows: 17.5rem 1fr;
  }
}
@media only screen and (min-width: 1440px) {
  .wc-block-grid__products .wc-block-grid__product-link {
    grid-template-rows: minmax(24rem, 25rem) 1fr;
  }
}
.wc-block-grid__products .wc-block-grid__product-image {
  margin-bottom: 0 !important;
}
.wc-block-grid__products .wc-block-grid__product-image > img {
  width: 100% !important;
  margin-bottom: 0 !important;
}
.wc-block-grid__products .wc-block-grid__product-title {
  font-family: "Roboto Slab Light", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--white);
  padding: 2rem 1rem 1rem 1rem;
}
.wc-block-grid__products .wc-block-grid__product .price {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--white);
  font-size: 1.375rem;
}
.wc-block-grid__products .wc-block-grid__product .price .woocommerce-price-suffix {
  display: none;
}
.wc-block-grid__products .wc-block-grid__product-sold {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 10;
  padding: 0.25rem 0.75rem;
  background: var(--yellow);
  color: var(--black);
  text-transform: uppercase;
  font-size: 1rem;
  font-family: "Holtwood One SC", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.wc-block-grid.has-4-columns .wc-block-grid__product {
  flex: 1 1 calc(50% - 1rem) !important;
  max-width: 50% !important;
}
@media only screen and (max-width: 568px) {
  .wc-block-grid.has-4-columns .wc-block-grid__product {
    flex: 1 1 auto !important;
    max-width: 100% !important;
  }
}
@media only screen and (min-width: 900px) {
  .wc-block-grid.has-4-columns .wc-block-grid__product {
    flex: 1 1 calc(33% - 1rem) !important;
    max-width: 33% !important;
  }
}
@media only screen and (min-width: 1024px) {
  .wc-block-grid.has-4-columns .wc-block-grid__product {
    flex: 1 1 calc(25% - 1rem) !important;
    max-width: 25% !important;
  }
}

.woocommerce-message {
  background-color: var(--light-grey);
  color: var(--black);
}
.woocommerce-message::before {
  color: var(--black);
}
.woocommerce-message .button {
  color: var(--black);
  font-weight: 400;
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.woocommerce-info a {
  font-size: 1rem;
}

.single-product div.product {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas: "top-left" "mid-left" "mid-right" "top-right" "bottom";
  gap: 2.5rem 1.25rem;
  /*
  .woocommerce-tabs {
      grid-area: center;
      width: 100%;
  }
   */
}
@media only screen and (min-width: 1024px) {
  .single-product div.product {
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "top-left top-right" "mid-left mid-right" "bottom bottom";
  }
}
@media only screen and (min-width: 1440px) {
  .single-product div.product {
    grid-template-columns: 3fr 1fr;
  }
}
.single-product div.product .woocommerce-product-gallery {
  grid-area: top-left;
  width: auto !important;
  margin: 0 !important;
  float: none !important;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport img {
  width: 100%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
  gap: 1rem;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs::before {
  display: none;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs > li {
  width: auto;
  margin: 0;
}
.single-product div.product .summary {
  display: flex;
  flex-direction: column;
  grid-area: top-right;
  width: auto !important;
  margin: 0 !important;
  padding: 1rem;
  float: none !important;
  background: var(--black);
  color: var(--white);
}
.single-product div.product .summary .h1, .single-product div.product .summary h2, .single-product div.product .summary .h2, .single-product div.product .summary h3, .single-product div.product .summary .h3 {
  font-size: 1.25rem;
  font-family: "Holtwood One SC", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .single-product div.product .summary .h1, .single-product div.product .summary h2, .single-product div.product .summary .h2, .single-product div.product .summary h3, .single-product div.product .summary .h3 {
    text-align: left;
  }
}
@media only screen and (min-width: 1440px) {
  .single-product div.product .summary .h1, .single-product div.product .summary h2, .single-product div.product .summary .h2, .single-product div.product .summary h3, .single-product div.product .summary .h3 {
    font-size: 1.5rem;
  }
}
.single-product div.product .summary .product_title {
  font-size: 1rem;
  color: var(--white);
  font-family: "Roboto Slab Light", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  text-align: center;
  margin-bottom: auto;
}
@media only screen and (min-width: 1024px) {
  .single-product div.product .summary .product_title {
    text-align: left;
  }
}
.single-product div.product .summary .price {
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--white);
  font-size: 1.875rem;
  text-align: center;
  margin: 0.25rem 0 0 0;
}
@media only screen and (min-width: 1024px) {
  .single-product div.product .summary .price {
    text-align: left;
  }
}
.single-product div.product .summary .price--call-for-price {
  padding-bottom: 1rem;
}
.single-product div.product .summary .price .woocommerce-price-suffix {
  display: none;
}
.single-product div.product .summary .legal-price-info {
  text-align: center;
  margin-block: 0;
}
@media only screen and (min-width: 1024px) {
  .single-product div.product .summary .legal-price-info {
    text-align: left;
  }
}
.single-product div.product .summary .woocommerce-product-details__short-description {
  padding-block: 1rem;
  font-size: 0.9rem;
  color: var(--lighter-grey);
}
.single-product div.product .summary .woocommerce-product-details__short-description p, .single-product div.product .summary .woocommerce-product-details__short-description a, .single-product div.product .summary .woocommerce-product-details__short-description li {
  font-size: 0.9rem;
}
.single-product div.product .summary .woocommerce-product-details__short-description strong, .single-product div.product .summary .woocommerce-product-details__short-description b {
  font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.single-product div.product .summary .stock {
  display: none;
}
.single-product div.product .summary:has(.stock.out-of-stock)::before {
  display: block;
  content: "Sold";
  font-family: "Holtwood One SC", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--black);
  background-color: var(--yellow);
  padding: 1rem;
  margin: -1rem -1rem 1rem -1rem;
  text-align: center;
}

.single-product div.product .summary .edit-link {
  display: none;
}
.single-product div.product .summary .cart {
  margin-bottom: 0;
}
.single-product div.product .summary .cart .single_add_to_cart_button {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .single-product div.product .summary .cart .single_add_to_cart_button {
    width: auto;
  }
}
.single-product div.product .summary .wc-gzd-additional-info {
  display: block;
  font-size: 0.625rem;
  line-height: 1.5;
  color: var(--lighter-grey);
}
.single-product div.product .summary .wc-gzd-additional-info a:link, .single-product div.product .summary .wc-gzd-additional-info a:visited, .single-product div.product .summary .wc-gzd-additional-info a:hover, .single-product div.product .summary .wc-gzd-additional-info a:active, .single-product div.product .summary .wc-gzd-additional-info a:focus {
  font-family: "Roboto Slab Light", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--lighter-grey);
  text-decoration: none;
  font-size: 0.625rem;
  line-height: 1.5;
}
.single-product div.product .summary .wc-gzd-additional-info a:hover, .single-product div.product .summary .wc-gzd-additional-info a:active, .single-product div.product .summary .wc-gzd-additional-info a:focus {
  text-decoration: underline;
}
.single-product div.product .summary .wc-gzd-additional-info.deposit-packaging-type, .single-product div.product .summary .wc-gzd-additional-info.price, .single-product div.product .summary .wc-gzd-additional-info.deposit-amount, .single-product div.product .summary .wc-gzd-additional-info.defect-description, .single-product div.product .summary .wc-gzd-additional-info.delivery-time-info {
  margin-block: 0 !important;
}
.single-product div.product .summary__more-info {
  margin: 0 -1rem -1rem -1rem;
  padding: 1rem;
  border-top: 1rem solid var(--white);
  color: var(--white);
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .single-product div.product .summary__more-info {
    text-align: left;
  }
}
.single-product div.product .summary__more-info h2 {
  font-size: 1rem;
  color: var(--white);
}
@media only screen and (min-width: 1440px) {
  .single-product div.product .summary__more-info h2 {
    font-size: 1.5rem;
  }
}
.single-product div.product .summary__more-info p {
  margin-bottom: 1rem;
}
.single-product div.product .summary__more-info p:last-child {
  margin-bottom: 0;
}
.single-product div.product .summary__more-info a {
  color: var(--white);
}
.single-product div.product .summary__more-info .more-info__email.btn {
  display: inline-block;
  font-size: 0.875rem;
  margin: 0.5rem 0;
  border: 1px solid var(--white);
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  min-height: 1.275rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding: 0.5rem 0.75rem;
  text-transform: uppercase;
  cursor: pointer;
  user-select: none;
}
@media only screen and (min-width: 900px) {
  .single-product div.product .summary__more-info .more-info__email.btn {
    padding-block: 0.25rem;
  }
}
@media only screen and (min-width: 1440px) {
  .single-product div.product .summary__more-info .more-info__email.btn {
    padding-block: 0.5rem;
  }
}
.single-product div.product .summary__more-info .more-info__email.btn:hover, .single-product div.product .summary__more-info .more-info__email.btn:active, .single-product div.product .summary__more-info .more-info__email.btn:focus {
  background-color: var(--yellow);
  color: var(--black);
}
.single-product div.product .summary__more-info .more-info__phone span {
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.single-product div.product .summary__more-info .more-info__whatsapp {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
@media only screen and (min-width: 1024px) {
  .single-product div.product .summary__more-info .more-info__whatsapp {
    justify-content: flex-start;
  }
}
.single-product div.product .summary__more-info .more-info__whatsapp span {
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.single-product div.product .woocommerce_product_description_tab {
  grid-area: mid-left;
  /*
  &::after {
      display: none;
      content: "";
      width: 4rem;
      height: 100%;
      background: transparent url(/app/themes/gp_storefront/dist/styles/../../../images/_assets_icons_content_divider_vertical.svg) top center no-repeat;
      background-size: contain;
      @include breakpoint(for-small-desktop-up) {
          display: block;
      }
  }
  */
}
.single-product div.product .woocommerce_product_description_tab .mejs-container {
  width: 100% !important;
}
.single-product div.product .woocommerce_product_description_tab > div {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .single-product div.product .woocommerce_product_description_tab > div {
    width: calc(100% - 5rem);
  }
}
.single-product div.product .woocommerce_product_description_tab h2 {
  margin-bottom: 1rem;
}
.single-product div.product .embeded-video {
  position: relative;
  margin-top: 2rem;
  display: grid;
}
.single-product div.product .embeded-video .image-wrapper {
  grid-area: 1/1;
}
.single-product div.product .embeded-video .image-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  filter: brightness(50%);
}
.single-product div.product .embeded-video .wrapper {
  grid-area: 1/1;
  z-index: 1;
}
.single-product div.product .embeded-video .wrapper > iframe {
  max-height: 100%;
  aspect-ratio: 16/9;
}
.single-product div.product .product_meta {
  grid-area: mid-right;
  margin-top: 0;
  padding-top: 0;
  border-top: none;
  font-family: "Roboto Slab Light", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
}
.single-product div.product .product_meta__specs {
  margin-bottom: 2.5rem;
}
.single-product div.product .product_meta h3 {
  font-family: "Holtwood One SC", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.single-product div.product .related.products {
  grid-area: bottom;
  position: relative;
  width: 100%;
  padding-top: 5rem;
  /*
  &::before {
      position: absolute;
      top: 0;
      left: 50%;
      content: "";
      display: block;
      width: 100%;
      height: 3.25rem;
      background: transparent url(/app/themes/gp_storefront/dist/styles/../../../images/_assets_icons_content_divider.svg) no-repeat center center;
      background-size: contain;
      transform: translateX(-50%);
  }
  */
}
.single-product div.product .related.products h2 {
  text-align: center;
}
.single-product div.product .related.products .products.columns-4 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  list-style: none;
}
@media only screen and (min-width: 568px) {
  .single-product div.product .related.products .products.columns-4 {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.single-product div.product .related.products .products.columns-4 .product {
  flex: 1;
  float: none;
  width: unset;
  margin: 0;
  background-color: var(--black);
  display: flex;
  flex-direction: column;
  color: var(--white);
}
@media only screen and (min-width: 568px) {
  .single-product div.product .related.products .products.columns-4 .product {
    flex: 1 1 48%;
  }
}
@media only screen and (min-width: 1024px) {
  .single-product div.product .related.products .products.columns-4 .product {
    flex: 1 1 23%;
  }
}
.single-product div.product .related.products .products.columns-4 .product h2.woocommerce-loop-product__title {
  color: var(--white);
  font-size: 1rem;
  font-family: "Roboto Slab Light", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  padding: 0 1rem;
}
.single-product div.product .related.products .products.columns-4 .product .woocommerce-loop-product__link {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.single-product div.product .related.products .products.columns-4 .product .woocommerce-loop-product__link img {
  width: auto;
  flex: 1;
  object-fit: cover;
}
.single-product div.product .related.products .products.columns-4 .product .price .woocommerce-Price-amount.amount {
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--white);
  font-size: 1.375rem;
}
.single-product div.product .related.products .products.columns-4 .product .price .woocommerce-price-suffix {
  display: none;
}
.single-product div.product .related.products .products.columns-4 .product .wc-gzd-additional-info {
  display: none;
}
.single-product div.product .related.products .products.columns-4 .product .button {
  align-self: center;
  border: 1px solid var(--white);
  color: var(--white);
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  background-color: var(--black);
  margin-bottom: 1rem;
}
.single-product div.product .related.products .products.columns-4 .product .button:hover, .single-product div.product .related.products .products.columns-4 .product .button:active, .single-product div.product .related.products .products.columns-4 .product .button:focus {
  background-color: var(--yellow);
  color: var(--black);
}
.single-product div.product .related.products .products.columns-4::before, .single-product div.product .related.products .products.columns-4::after {
  display: none;
}
.single-product div.product .variations_form .variations select {
  border: 1px solid var(--black);
  font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  padding: 0.5rem;
  width: 100%;
  max-width: unset;
  background-color: var(--light-grey);
  color: var(--black);
  box-sizing: border-box;
  box-shadow: none;
}
.single-product div.product .variations_form .variations select:focus, .single-product div.product .variations_form .variations select:focus-visible {
  outline: 1px solid var(--yellow);
}
.single-product div.product .variations_form .variations select::placeholder {
  color: var(--grey);
}
.single-product div.product .variations_form .variations .reset_variations {
  display: none !important;
}
.single-product div.product .variations_form .single_variation_wrap .quantity input.qty {
  border: 1px solid var(--black);
  font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  padding-inline: 0.5rem;
  background-color: var(--light-grey);
  color: var(--black);
  box-sizing: border-box;
  box-shadow: none;
}
.single-product div.product .variations_form .single_variation_wrap .quantity input.qty:focus, .single-product div.product .variations_form .single_variation_wrap .quantity input.qty:focus-visible {
  outline: 1px solid var(--yellow);
}
.single-product div.product .variations_form .single_variation_wrap .quantity input.qty::placeholder {
  color: var(--grey);
}

body.woocommerce-cart main .woocommerce {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  grid-template-areas: "top" "left" "right";
  gap: 1.25rem;
}
@media only screen and (min-width: 1440px) {
  body.woocommerce-cart main .woocommerce {
    grid-template-columns: 2fr 1fr;
    grid-template-areas: "top top" "left right";
  }
}
@media only screen and (min-width: 1440px) {
  body.woocommerce-cart main .woocommerce {
    grid-template-columns: 3fr 1fr;
  }
}
body.woocommerce-cart main .woocommerce-notices-wrapper {
  grid-area: top;
  width: 100%;
}
body.woocommerce-cart main .woocommerce-cart-form {
  grid-area: left;
}
body.woocommerce-cart main .woocommerce .cart-collaterals {
  grid-area: right;
}
body.woocommerce-cart main .woocommerce .cart-collaterals .cart_totals {
  width: auto;
  float: none;
}
body.woocommerce-cart main .woocommerce .cart-collaterals .cart_totals h2 {
  background-color: var(--light-grey);
  padding: 1rem;
  margin-bottom: 0;
}
body.woocommerce-cart main .woocommerce .cart-collaterals .cart_totals table.shop_table td, body.woocommerce-cart main .woocommerce .cart-collaterals .cart_totals table.shop_table th {
  padding: 1rem;
  background-color: var(--light-grey);
}
body.woocommerce-cart main .woocommerce .cart-collaterals .cart_totals table.shop_table tr.cart-subtotal td, body.woocommerce-cart main .woocommerce .cart-collaterals .cart_totals table.shop_table tr.cart-subtotal th {
  border-bottom: 1px solid var(--black);
}
body.woocommerce-cart main .woocommerce .cart-collaterals .cart_totals table.shop_table p, body.woocommerce-cart main .woocommerce .cart-collaterals .cart_totals table.shop_table li {
  font-size: 1rem;
}
body.woocommerce-cart main .woocommerce .cart-collaterals .cart_totals .wc-gzd-additional-wrapper {
  text-align: left;
}
body.woocommerce-cart main .woocommerce .cart-collaterals .wc-proceed-to-checkout .checkout-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.125rem;
}
body.woocommerce-cart main .woocommerce .shop_table thead th {
  background-color: var(--black);
  color: var(--white);
  font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  border-bottom: 0.5rem solid var(--white);
}
body.woocommerce-cart main .woocommerce .shop_table th, body.woocommerce-cart main .woocommerce .shop_table td {
  font-family: "Roboto Slab Light", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  padding: 0.5rem 1rem;
}
body.woocommerce-cart main .woocommerce .shop_table .product-subtotal td {
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}
body.woocommerce-cart main .woocommerce .shop_table .product-remove a.remove:link::before, body.woocommerce-cart main .woocommerce .shop_table .product-remove a.remove:visited::before, body.woocommerce-cart main .woocommerce .shop_table .product-remove a.remove:hover::before, body.woocommerce-cart main .woocommerce .shop_table .product-remove a.remove:active::before, body.woocommerce-cart main .woocommerce .shop_table .product-remove a.remove:focus::before {
  color: var(--black);
}
body.woocommerce-cart main .woocommerce .shop_table .product-remove a.remove:hover::before, body.woocommerce-cart main .woocommerce .shop_table .product-remove a.remove:active::before, body.woocommerce-cart main .woocommerce .shop_table .product-remove a.remove:focus::before {
  color: var(--red);
}
body.woocommerce-cart main .woocommerce .shop_table .product-name a {
  text-decoration: none;
}
body.woocommerce-cart main .woocommerce .shop_table .button {
  font-family: "Roboto Slab Semi Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  border: 1px solid var(--white);
  background: var(--grey);
  color: var(--white);
}
body.woocommerce-cart main .woocommerce .shop_table .button:hover, body.woocommerce-cart main .woocommerce .shop_table .button:active, body.woocommerce-cart main .woocommerce .shop_table .button:focus {
  background: var(--black);
}
body.woocommerce-cart main .woocommerce .shop_table .button[disabled] {
  opacity: 0.5;
}
body.woocommerce-cart main .woocommerce .shop_table .button[disabled]:hover, body.woocommerce-cart main .woocommerce .shop_table .button[disabled]:active, body.woocommerce-cart main .woocommerce .shop_table .button[disabled]:focus {
  background: var(--grey);
}

.woocommerce-checkout h3 {
  font-family: "Holtwood One SC", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.woocommerce-checkout label {
  font-size: 0.875rem;
}
.woocommerce-checkout .form-row {
  margin-bottom: 1rem;
}
.woocommerce-checkout .woocommerce-input-wrapper {
  position: relative;
  display: block;
}
.woocommerce-checkout .woocommerce-input-wrapper input[type=text],
.woocommerce-checkout .woocommerce-input-wrapper input[type=number],
.woocommerce-checkout .woocommerce-input-wrapper input[type=email],
.woocommerce-checkout .woocommerce-input-wrapper input[type=tel],
.woocommerce-checkout .woocommerce-input-wrapper input[type=url],
.woocommerce-checkout .woocommerce-input-wrapper input[type=password],
.woocommerce-checkout .woocommerce-input-wrapper input[type=search],
.woocommerce-checkout .woocommerce-input-wrapper select,
.woocommerce-checkout .woocommerce-input-wrapper textarea,
.woocommerce-checkout .woocommerce-input-wrapper .input-text {
  border: 1px solid var(--black);
  font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  padding: 0.5rem;
  width: 100%;
  background-color: transparent;
  color: var(--black);
  -webkit-appearance: none;
  box-sizing: border-box;
  box-shadow: none;
}
.woocommerce-checkout .woocommerce-input-wrapper input[type=text]:focus, .woocommerce-checkout .woocommerce-input-wrapper input[type=text]:focus-visible,
.woocommerce-checkout .woocommerce-input-wrapper input[type=number]:focus,
.woocommerce-checkout .woocommerce-input-wrapper input[type=number]:focus-visible,
.woocommerce-checkout .woocommerce-input-wrapper input[type=email]:focus,
.woocommerce-checkout .woocommerce-input-wrapper input[type=email]:focus-visible,
.woocommerce-checkout .woocommerce-input-wrapper input[type=tel]:focus,
.woocommerce-checkout .woocommerce-input-wrapper input[type=tel]:focus-visible,
.woocommerce-checkout .woocommerce-input-wrapper input[type=url]:focus,
.woocommerce-checkout .woocommerce-input-wrapper input[type=url]:focus-visible,
.woocommerce-checkout .woocommerce-input-wrapper input[type=password]:focus,
.woocommerce-checkout .woocommerce-input-wrapper input[type=password]:focus-visible,
.woocommerce-checkout .woocommerce-input-wrapper input[type=search]:focus,
.woocommerce-checkout .woocommerce-input-wrapper input[type=search]:focus-visible,
.woocommerce-checkout .woocommerce-input-wrapper select:focus,
.woocommerce-checkout .woocommerce-input-wrapper select:focus-visible,
.woocommerce-checkout .woocommerce-input-wrapper textarea:focus,
.woocommerce-checkout .woocommerce-input-wrapper textarea:focus-visible,
.woocommerce-checkout .woocommerce-input-wrapper .input-text:focus,
.woocommerce-checkout .woocommerce-input-wrapper .input-text:focus-visible {
  outline: 1px solid var(--black);
}
.woocommerce-checkout .woocommerce-input-wrapper input[type=text]::placeholder,
.woocommerce-checkout .woocommerce-input-wrapper input[type=number]::placeholder,
.woocommerce-checkout .woocommerce-input-wrapper input[type=email]::placeholder,
.woocommerce-checkout .woocommerce-input-wrapper input[type=tel]::placeholder,
.woocommerce-checkout .woocommerce-input-wrapper input[type=url]::placeholder,
.woocommerce-checkout .woocommerce-input-wrapper input[type=password]::placeholder,
.woocommerce-checkout .woocommerce-input-wrapper input[type=search]::placeholder,
.woocommerce-checkout .woocommerce-input-wrapper select::placeholder,
.woocommerce-checkout .woocommerce-input-wrapper textarea::placeholder,
.woocommerce-checkout .woocommerce-input-wrapper .input-text::placeholder {
  color: var(--grey);
}
.woocommerce-checkout .woocommerce-input-wrapper:has(select)::after {
  content: "";
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  z-index: 1;
  width: 1rem;
  height: 1rem;
  background: transparent url(/app/themes/gp_storefront/dist/a21f7d7831ebb6199fd3.svg) no-repeat center center;
  background-size: contain;
}
.woocommerce-checkout .woocommerce-input-wrapper .select2-container--default .select2-selection--single {
  border: 1px solid var(--black);
  border-radius: 0;
  font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  padding: 0.5rem;
  width: 100%;
  background-color: transparent;
  color: var(--black);
  height: 2.625rem;
}
.woocommerce-checkout .woocommerce-input-wrapper .select2-container--default .select2-selection--single:focus, .woocommerce-checkout .woocommerce-input-wrapper .select2-container--default .select2-selection--single:focus-visible {
  outline: 1px solid var(--black);
}
.woocommerce-checkout .woocommerce-input-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}
.woocommerce-checkout .woocommerce-form__label-for-checkbox.checkbox {
  position: relative;
  padding-left: 2rem !important;
  display: block !important;
}
.woocommerce-checkout .woocommerce-form__label-for-checkbox.checkbox::before {
  border: 1px solid var(--black);
  content: "";
  height: 1rem;
  left: 0;
  position: absolute;
  top: 5px;
  width: 1rem;
}
.woocommerce-checkout .woocommerce-form__label-for-checkbox.checkbox:has(.input-checkbox:checked)::before {
  background-color: var(--yellow);
}
.woocommerce-checkout .woocommerce-form__label-for-checkbox.checkbox:has(.input-checkbox:checked)::after {
  content: "\D7";
  height: 1rem;
  left: 3px;
  position: absolute;
  top: -5px;
  width: 1rem;
  color: var(--black);
  font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
}
.woocommerce-checkout .woocommerce-form__label-for-checkbox.checkbox span {
  font-size: 1.125rem;
  font-family: "Roboto Slab Semi Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
}
.woocommerce-checkout .woocommerce-form__label-for-checkbox.checkbox span a {
  font-family: "Roboto Slab Semi Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.woocommerce-checkout .woocommerce-form__label-for-checkbox.checkbox .woocommerce-form__input-checkbox.input-checkbox {
  display: none;
}
.woocommerce-checkout .checkbox-legal .woocommerce-form__label-for-checkbox.checkbox:has(.input-checkbox:checked)::after {
  left: 2px;
  top: -6px;
}
.woocommerce-checkout .checkbox-legal.woocommerce-validated .woocommerce-form__label-for-checkbox.checkbox::before {
  background-color: var(--yellow);
}
.woocommerce-checkout .checkbox-legal.woocommerce-validated .woocommerce-form__label-for-checkbox.checkbox::after {
  content: "\D7";
  height: 1rem;
  left: 0.175rem;
  top: -10px;
  position: absolute;
  width: 1rem;
  color: var(--black);
  font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
}
.woocommerce-checkout .woocommerce-checkout-review-order {
  margin-top: 2rem;
}
@media only screen and (min-width: 768px) {
  .woocommerce-checkout .woocommerce-checkout-review-order {
    margin-top: 0;
  }
}
.woocommerce-checkout .woocommerce-checkout-review-order .payment_methods > li.wc_payment_method > label::before {
  border-radius: 100%;
  border: 4px solid var(--white);
  background-color: var(--white);
  color: var(--white);
  outline: 1px solid var(--black);
  content: "" !important;
  width: 0.5rem;
  height: 0.5rem;
  vertical-align: text-top !important;
  margin-right: 0.5rem !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order .payment_methods li.wc_payment_method > input[type=radio]:first-child:checked + label::before {
  border-color: var(--yellow);
  background-color: var(--black);
}
.woocommerce-checkout .woocommerce-checkout-payment {
  margin-bottom: 2rem !important;
}
.woocommerce-checkout .woocommerce-checkout-payment li, .woocommerce-checkout .woocommerce-checkout-payment p {
  font-size: 0.875rem;
}
.woocommerce-checkout .shop_table {
  margin-top: 2rem;
}
.woocommerce-checkout .shop_table thead th {
  color: var(--white);
  background-color: var(--black);
  font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.woocommerce-checkout .shop_table tfoot tr:first-child td,
.woocommerce-checkout .shop_table tfoot tr:first-child th {
  border-top: 0.25rem solid var(--white);
}
.woocommerce-checkout .shop_table tfoot td:last-child {
  text-align: right;
}
.woocommerce-checkout .shop_table th, .woocommerce-checkout .shop_table td {
  font-family: "Roboto Slab Light", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}
.woocommerce-checkout .shop_table .wc-gzd-cart-item-thumbnail {
  display: none;
}
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .product-name {
  width: unset;
}
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .product-name .wc-gzd-cart-item-name-wrapper {
  justify-content: space-between;
  gap: 0.25rem;
}
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .product-name .wc-gzd-product-differential-taxation-mark,
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .product-name .product-quantity {
  white-space: nowrap;
}
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .product-total {
  text-align: right;
}

.select2-dropdown {
  border-color: var(--black);
}

.woocommerce-mini-cart-item {
  display: flex;
  flex-wrap: wrap;
}
.woocommerce-mini-cart-item a {
  flex: 1 1 90%;
}
.woocommerce-mini-cart-item a:link, .woocommerce-mini-cart-item a:visited, .woocommerce-mini-cart-item a:hover, .woocommerce-mini-cart-item a:active, .woocommerce-mini-cart-item a:focus {
  color: var(--yellow);
}
.woocommerce-mini-cart-item a:hover, .woocommerce-mini-cart-item a:active, .woocommerce-mini-cart-item a:focus {
  color: var(--yellow) !important;
  text-decoration: underline;
}
.woocommerce-mini-cart-item a.remove::before {
  color: var(--white);
}
.woocommerce-mini-cart-item .remove {
  flex: 1 1 10%;
}
.woocommerce-mini-cart-item .quantity {
  flex: 1 1 100%;
  text-align: right;
}
.woocommerce-mini-cart__buttons a.button:link, .woocommerce-mini-cart__buttons a.button:visited, .woocommerce-mini-cart__buttons a.button:hover, .woocommerce-mini-cart__buttons a.button:active, .woocommerce-mini-cart__buttons a.button:focus {
  background-color: var(--white);
  border: 1px solid var(--white);
  color: var(--black);
  font-family: "Roboto Slab Semi Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.woocommerce-mini-cart__buttons a.button:hover, .woocommerce-mini-cart__buttons a.button:active, .woocommerce-mini-cart__buttons a.button:focus {
  background-color: var(--light-grey);
  border-color: var(--light-grey);
}
.woocommerce-mini-cart__buttons a.button.checkout:link, .woocommerce-mini-cart__buttons a.button.checkout:visited, .woocommerce-mini-cart__buttons a.button.checkout:hover, .woocommerce-mini-cart__buttons a.button.checkout:active, .woocommerce-mini-cart__buttons a.button.checkout:focus {
  background-color: var(--yellow);
  border: 1px solid var(--yellow);
  color: var(--black);
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.woocommerce-mini-cart__buttons a.button.checkout:hover, .woocommerce-mini-cart__buttons a.button.checkout:active, .woocommerce-mini-cart__buttons a.button.checkout:focus {
  background-color: var(--black);
  border-color: var(--yellow);
  color: var(--yellow);
}

.woocommerce-order-details {
  margin-bottom: 3.706325903em;
}
.woocommerce-order-details .wc-gzd-additional-wrapper {
  font-family: "Roboto Slab Thin", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--grey);
}
.woocommerce-order-details .woocommerce-table--order-details .product-total {
  text-align: right;
}

.woocommerce-MyAccount-content .form-row {
  margin-bottom: 1rem;
}
.woocommerce-MyAccount-content select {
  padding: 0.6180469716em;
  background-color: #f2f2f2;
  color: #43454b;
  border: 0;
  box-sizing: border-box;
  font-weight: 400;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125);
}
.woocommerce-MyAccount-content .select2-container--default .select2-selection--single {
  padding: 0.6180469716em;
  background-color: #f2f2f2;
  color: #43454b;
  border: 0;
  box-sizing: border-box;
  font-weight: 400;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125);
  height: auto;
}
.woocommerce-MyAccount-content .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
}

.select2-container--open .select2-dropdown {
  border: none;
  background-color: #f2f2f2;
  color: #43454b;
  box-shadow: 0 5px 3px rgba(0, 0, 0, 0.125);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #fff;
}

/*.BorlabsCookie {
    ._brlbs-content-blocker {
        ._brlbs-embed {
            display: block;
            ._brlbs-thumbnail {
                width: 100%;
            }
        }
    }
}
*/
#BorlabsCookieBox .brlbs-cmpnt-btn.brlbs-cmpnt-font-semibold,
.brlbs-cmpnt-container .brlbs-cmpnt-btn.brlbs-cmpnt-font-semibold {
  font-family: "Roboto Slab Semi Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}

#BorlabsCookieBox .brlbs-cmpnt-w-4,
.brlbs-cmpnt-container .brlbs-cmpnt-w-4 {
  width: 2rem;
}

#BorlabsCookieBox .brlbs-cmpnt-h-4,
.brlbs-cmpnt-container .brlbs-cmpnt-h-4 {
  height: 2rem;
}

body .brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-content {
  font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.filter-container .filter-btn {
  display: flex;
  justify-content: center;
  width: 80%;
  border: 1px solid var(--black);
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  min-height: 1.275rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding: 0.5rem 0.75rem;
  margin-inline: auto;
  text-transform: uppercase;
  cursor: pointer;
  user-select: none;
}
.filter-container .filter-btn:hover, .filter-container .filter-btn:active, .filter-container .filter-btn:focus {
  background-color: var(--yellow);
  color: var(--black);
}
.filter-container .filter-btn__wrapper {
  padding-block: 1.25rem;
  display: block;
}
@media only screen and (min-width: 900px) {
  .filter-container .filter-btn__wrapper {
    display: none;
  }
}
body.vintage .filter-container .filter-btn {
  border-color: var(--white);
  color: var(--white);
}

@media only screen and (min-width: 900px) {
  .category-filter {
    display: block;
  }
}
.category-filter__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  background-color: var(--black);
  color: var(--white);
  padding: 1.25rem;
  gap: 1rem;
}
@media only screen and (min-width: 900px) {
  .category-filter__wrapper {
    flex-direction: row;
  }
}
.category-filter__wrapper > div {
  width: 100%;
}
.category-filter__wrapper--tags {
  max-width: 12rem;
}
.category-filter__wrapper--category {
  max-width: 12rem;
}
.category-filter__wrapper--brand {
  max-width: 14rem;
}
.category-filter__wrapper--availability {
  max-width: 12rem;
}
.category-filter__wrapper--sort {
  max-width: 15rem;
}
.category-filter .filter-label {
  font-size: 1.125rem;
  text-transform: uppercase;
  font-family: "Roboto Slab Semi Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 0.5rem 0;
  line-height: 1.5;
}
.category-filter .filter-dropdown {
  position: relative;
}
.category-filter .filter-dropdown .btn-white {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-inline: 0;
  text-transform: uppercase;
  border: 1px solid var(--light-grey);
  width: 100%;
  position: relative;
  color: var(--white);
  cursor: pointer;
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  min-height: 1.275rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding: 0.5rem 0.75rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
}
.category-filter .filter-dropdown .btn-white:hover, .category-filter .filter-dropdown .btn-white:active, .category-filter .filter-dropdown .btn-white:focus {
  background-color: var(--yellow);
  color: var(--black);
  border-color: var(--grey);
}
.category-filter .filter-dropdown .dropdown-button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--black);
  width: 1.5rem;
  height: 1.5rem;
  right: 0.5rem;
}
.category-filter .filter-dropdown .dropdown-icon {
  width: 0.75rem;
  height: 0.75rem;
}
.category-filter .filter-dropdown .dropdown-options {
  position: absolute;
  z-index: 11;
  background-color: var(--black);
  width: 100%;
  max-height: 23.5rem;
  overflow-y: auto;
}
.category-filter .filter-dropdown .dropdown-options > button {
  background: transparent;
  color: var(--white);
  font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  padding: 0.5rem 1rem;
  width: 100%;
  text-align: left;
}
.category-filter .filter-dropdown .dropdown-options > button:hover, .category-filter .filter-dropdown .dropdown-options > button:active, .category-filter .filter-dropdown .dropdown-options > button:focus {
  background-color: var(--yellow);
  color: var(--black);
}
.category-filter .filter-dropdown .dropdown-options .dropdown-option {
  background: transparent;
  color: var(--white);
  font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  padding: 0 0.5rem;
  margin-top: 0.5rem;
  width: 100%;
  text-align: left;
}
.category-filter .filter-dropdown .dropdown-options .dropdown-option .checkbox-label {
  cursor: pointer;
  display: block;
  margin-bottom: 0.5rem;
  margin-left: 2rem;
  position: relative;
  user-select: none;
}
.category-filter .filter-dropdown .dropdown-options .dropdown-option .checkbox-label::before {
  background-color: var(--black);
  border: 1px solid var(--white);
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 0;
  left: -2rem;
}
.category-filter .filter-dropdown .dropdown-options .dropdown-option input[type=checkbox]:checked + .checkbox-label::after,
.category-filter .filter-dropdown .dropdown-options .dropdown-option input[type=radio]:checked + .checkbox-label::after {
  background-color: var(--yellow);
  border-color: var(--black);
  content: "";
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: -1.75rem;
  top: 0.25rem;
}

.filter-container .text-results {
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-align: right;
  margin-block: 0.5rem 1.5rem;
  font-size: 1.25rem;
}
body.vintage .filter-container .text-results {
  color: var(--white);
}

.spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 8rem;
}
.spinner img {
  width: 5rem;
  height: 5rem;
}

#product-grid,
.card-container.grid-gap-4 {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr;
  gap: 1.25rem 0;
  max-width: 100%;
  width: 100%;
}
@media only screen and (min-width: 568px) {
  #product-grid,
  .card-container.grid-gap-4 {
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0;
  }
}
@media only screen and (min-width: 768px) {
  #product-grid,
  .card-container.grid-gap-4 {
    gap: 1.25rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 900px) {
  #product-grid,
  .card-container.grid-gap-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
#product-grid .card,
.card-container.grid-gap-4 .card {
  display: grid;
  position: relative;
  grid-column: 1;
  grid-template-rows: auto 1fr;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  max-width: 100%;
  width: 100%;
  height: 100%;
  min-height: unset !important;
  background-color: var(--black);
}
@media only screen and (min-width: 568px) {
  #product-grid .card,
  .card-container.grid-gap-4 .card {
    grid-column: unset;
    width: calc(50vw - 1.33333rem);
  }
}
@media only screen and (min-width: 768px) {
  #product-grid .card,
  .card-container.grid-gap-4 .card {
    width: calc(33.33333vw - 1.33333rem);
  }
}
@media only screen and (min-width: 900px) {
  #product-grid .card,
  .card-container.grid-gap-4 .card {
    grid-template-rows: 2fr 1fr;
  }
}
@media only screen and (min-width: 1200px) {
  #product-grid .card,
  .card-container.grid-gap-4 .card {
    grid-template-rows: 17.5rem 3fr;
  }
}
@media only screen and (min-width: 1440px) {
  #product-grid .card,
  .card-container.grid-gap-4 .card {
    grid-template-rows: minmax(24rem, 25rem) 1fr;
    max-height: 35rem;
  }
}
#product-grid .product-image,
.card-container.grid-gap-4 .product-image {
  position: relative;
  max-height: 30rem;
  overflow: hidden;
}
@media only screen and (min-width: 568px) {
  #product-grid .product-image,
  .card-container.grid-gap-4 .product-image {
    max-height: 20rem;
  }
}
@media only screen and (min-width: 900px) {
  #product-grid .product-image,
  .card-container.grid-gap-4 .product-image {
    max-height: 30rem;
  }
}
#product-grid .product-image img,
.card-container.grid-gap-4 .product-image img {
  width: 100%;
  max-width: 100%;
  height: 100% !important;
  object-fit: cover;
}
#product-grid .product-sold,
.card-container.grid-gap-4 .product-sold {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 10;
  padding: 0.25rem 0.75rem;
  background: var(--yellow);
  color: var(--black);
  text-transform: uppercase;
  font-size: 1rem;
  font-family: "Holtwood One SC", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}
#product-grid .product-link,
.card-container.grid-gap-4 .product-link {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
  color: var(--white);
  padding: 1rem;
  text-decoration: none;
}
#product-grid .product-description,
.card-container.grid-gap-4 .product-description {
  font-family: "Roboto Slab Light", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0;
  text-align: center;
  text-wrap: balance;
}
#product-grid .product-price,
.card-container.grid-gap-4 .product-price {
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.375rem;
  text-align: center;
}

.product-loadmore {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-block: 4rem;
}
.product-loadmore button {
  outline: 2px solid transparent;
  outline-offset: 2px;
  color: var(--black);
  text-transform: uppercase;
  font-size: 0.875rem;
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  padding: 0.5rem 1.5rem;
  background-color: var(--yellow);
  border: 2px solid var(--black);
  cursor: pointer;
}
.product-loadmore button:hover, .product-loadmore button:active, .product-loadmore button:focus {
  color: var(--yellow);
  background-color: var(--black);
}
.product-loadmore button > span {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: nowrap;
}
.product-loadmore button > span img {
  width: 1rem;
  height: 1rem;
}

.teaser-card {
  height: 100%;
  grid-gap: 1rem;
  display: none;
}
@media only screen and (min-width: 568px) {
  .teaser-card {
    display: grid;
    grid-template-rows: 1fr;
  }
}
@media only screen and (min-width: 900px) {
  .teaser-card {
    grid-column: unset;
  }
}
.teaser-card__link {
  position: relative;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
@media only screen and (min-width: 568px) {
  .teaser-card__link {
    display: block;
  }
}
.teaser-card__link .h2 {
  padding-inline: 1rem;
  width: 100%;
  display: block;
  right: 0;
  left: 0;
  bottom: 2rem;
  position: absolute;
  color: var(--white);
  line-height: 2;
  text-align: center;
}
@media only screen and (min-width: 900px) {
  .teaser-card__link .h2 {
    font-size: 1rem;
    line-height: 1;
  }
}
@media only screen and (min-width: 1200px) {
  .teaser-card__link .h2 {
    font-size: 0.875rem;
  }
}
.teaser-card__link .h2 > span {
  font-size: 1.25rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  background-color: var(--black);
  margin-bottom: 0.25rem;
  line-height: 2;
}
.teaser-card--mobile {
  display: block;
  position: relative;
  height: auto;
  background-position: 50%;
  background-size: cover;
  max-width: 100%;
  width: 100%;
  min-height: 25rem;
}
@media only screen and (min-width: 568px) {
  .teaser-card--mobile {
    display: none;
  }
}
.teaser-card--mobile > .h2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--white);
  line-height: 2;
  text-align: center;
  width: 100%;
}
.teaser-card--mobile > .h2 > span {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  display: inline-flex;
  margin-bottom: 0.25rem;
  font-size: 1.5rem;
}
.teaser-card--mobile > .h2 > span img {
  height: 1.25rem;
  margin-left: 0.5rem;
}
.teaser-card--mobile .text-image {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 80%;
}
.teaser-card--banner {
  display: none;
  grid-column-end: -1;
  grid-column-start: 1;
}
@media only screen and (min-width: 900px) {
  .teaser-card--banner {
    display: block;
  }
}
@media only screen and (min-width: 1200px) {
  .teaser-card--banner {
    max-width: 75rem;
  }
}
.teaser-card--banner .text-image {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 1rem;
  padding-right: 1rem;
  flex-direction: column;
  -webkit-box-direction: normal;
  width: 16rem;
  display: flex;
  right: 12rem;
}
.teaser-card--banner .banner-image {
  display: none;
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .teaser-card--banner .banner-image {
    display: block;
  }
}

.storefront-sticky-add-to-cart {
  color: var(--white);
  background-color: var(--black);
  top: 4.5rem;
}
.admin-bar .storefront-sticky-add-to-cart {
  top: 5rem;
}
@media only screen and (min-width: 900px) {
  .admin-bar .storefront-sticky-add-to-cart {
    top: 6.5rem;
  }
}

.storefront-sticky-add-to-cart__content-button {
  white-space: nowrap;
  margin: 0 0 0 1.41575em;
}

.shipping-table {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-inline: -50vw !important;
  margin-top: 2rem;
  margin-bottom: 4rem;
  color: var(--white);
  background-color: var(--black);
}
.shipping-table__content {
  padding: 3.75rem 2.617924em;
  margin: 0 auto;
}
@media only screen and (max-width: 568px) {
  .shipping-table__content {
    padding-inline: 1.41575em;
  }
}
@media only screen and (min-width: 900px) {
  .shipping-table__content {
    padding-inline: 0;
    max-width: 56.25rem;
  }
}
@media only screen and (min-width: 1440px) {
  .shipping-table__content {
    max-width: 75rem;
  }
}
.shipping-table__country-select {
  color: var(--black);
  background-color: var(--white);
  padding: 1rem;
  margin-bottom: 1rem;
}
.shipping-table__country-select select {
  padding: 0.25rem;
  background-color: var(--light-grey);
  border: none;
  outline: none;
  font-family: "Roboto Slab Light", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.shipping-table__methods h2 {
  color: var(--white);
}
.shipping-table__methods table {
  width: 100%;
  border: 1px solid var(--white);
  border-collapse: collapse;
}
.shipping-table__methods table th, .shipping-table__methods table td {
  padding: 0.5rem;
  border: 1px solid var(--white);
  background-color: transparent !important;
}
.shipping-table__methods table th:first-child, .shipping-table__methods table td:first-child {
  width: 70%;
}
.shipping-table__methods table th:last-child, .shipping-table__methods table td:last-child {
  width: 30%;
  text-align: right;
}
.shipping-table__methods .shipping-information.block {
  display: block;
}
.shipping-table__methods .shipping-information.hidden {
  display: none;
}

.MagicScroll.mcs-border .mcs-item {
  border-color: rgba(0, 0, 0, 0.3);
}

.MagicScroll {
  margin-top: 1rem;
}
.MagicScroll-horizontal .mcs-button-arrow, .MagicScroll-vertical .mcs-button-arrow {
  background-color: rgba(0, 0, 0, 0.6) !important;
  border-radius: 0 !important;
  height: 100% !important;
  margin: 0;
  outline: none;
  top: 0;
  bottom: 0;
  width: 30px;
  opacity: 0.6;
  transition: opacity 0.15s linear;
}
.MagicScroll-horizontal .mcs-button-arrow-prev:hover::before, .MagicScroll-horizontal .mcs-button-arrow-next:hover::before, .MagicScroll-vertical .mcs-button-arrow-prev:hover::before, .MagicScroll-vertical .mcs-button-arrow-next:hover::before {
  border-color: var(--white);
}
.MagicScroll-horizontal .mcs-button-arrow-prev::before, .MagicScroll-horizontal .mcs-button-arrow-next::before, .MagicScroll-vertical .mcs-button-arrow-prev::before, .MagicScroll-vertical .mcs-button-arrow-next::before {
  border-color: var(--white);
}
.MagicScroll-horizontal .mcs-button-arrow-prev, .MagicScroll-vertical .mcs-button-arrow-prev {
  left: 0;
}
.MagicScroll-horizontal .mcs-button-arrow-next, .MagicScroll-vertical .mcs-button-arrow-next {
  right: 0;
}

@media only screen and (min-width: 768px) {
  .MagicZoom,
  .MagicZoom .mz-figure,
  .MagicZoom .mz-figure .mz-lens {
    height: 400px;
  }
}
@media only screen and (min-width: 1200px) {
  .MagicZoom,
  .MagicZoom .mz-figure,
  .MagicZoom .mz-figure .mz-lens {
    height: 450px;
  }
}
@media only screen and (min-width: 1440px) {
  .MagicZoom,
  .MagicZoom .mz-figure,
  .MagicZoom .mz-figure .mz-lens {
    height: 678px;
  }
}

.MagicZoom .mz-figure > img {
  object-fit: contain !important;
  height: 300px !important;
  width: auto !important;
}
@media only screen and (min-width: 768px) {
  .MagicZoom .mz-figure > img {
    height: 400px !important;
  }
}
@media only screen and (min-width: 1200px) {
  .MagicZoom .mz-figure > img {
    height: 450px !important;
  }
}
@media only screen and (min-width: 1440px) {
  .MagicZoom .mz-figure > img {
    height: 678px !important;
  }
}

.mz-thumb img, a[data-zoom-id] img {
  border-bottom: none !important;
  padding-bottom: 0;
  opacity: 0.6;
  transition: opacity 0.3s;
}

.mz-thumb.mz-thumb-selected img {
  opacity: 1;
}

.mz-thumb:not(.mz-thumb-selected):hover img {
  opacity: 0.8;
}

.single-product-slider-container .sold-badge {
  position: absolute;
  right: 0;
  padding: 0.5rem;
  color: var(--black);
  background-color: var(--yellow);
  z-index: 10;
  font-size: 1.5rem;
  font-family: "Holtwood One SC", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
}
@media only screen and (min-width: 900px) {
  .single-product-slider-container .sold-badge {
    display: none;
  }
}
.single-product-slider-container .slider-container-background {
  filter: blur(10px);
}
.single-product-slider-container #msNextButton,
.single-product-slider-container #msPrevButton {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  padding: 0;
  background-color: var(--lighter-grey);
  transition: opacity 0.25s linear;
  z-index: 10;
}
.single-product-slider-container #msNextButton::before,
.single-product-slider-container #msPrevButton::before {
  left: 40%;
  -webkit-transform: translate(-50%, -50%) rotateZ(135deg);
  transform: translate(-50%, -50%) rotateZ(135deg);
  content: "";
  top: 55%;
  width: 12px;
  height: 12px;
  position: absolute;
  border-width: 3px;
  border-color: var(--white);
  border-style: solid;
  border-right: none;
  border-bottom: none;
  transition: border-color 0.15s linear;
}
.single-product-slider-container #msNextButton:hover,
.single-product-slider-container #msPrevButton:hover {
  opacity: 1;
  background-color: var(--grey);
  cursor: pointer;
}
.single-product-slider-container #msNextButton:hover::before,
.single-product-slider-container #msPrevButton:hover::before {
  border-color: var(--dark-grey);
}
.single-product-slider-container #msNextButton:focus,
.single-product-slider-container #msPrevButton:focus {
  outline: none;
}
.single-product-slider-container #msNextButton {
  right: 0;
}
.single-product-slider-container #msPrevButton {
  left: 0;
}
.single-product-slider-container #msPrevButton::before {
  left: 60%;
  transform: translate(-50%, -50%) rotateZ(-45deg);
}
.single-product-slider-container .sliderContainer {
  display: flex;
  position: relative;
}

.error-404 .promoted.products {
  position: relative;
  width: 100%;
  padding-top: 7rem;
}
.error-404 .promoted.products::before {
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  display: block;
  width: 100%;
  height: 3.25rem;
  background: transparent url(/app/themes/gp_storefront/dist/1012db305217053c9111.svg) no-repeat center center;
  background-size: contain;
  transform: translateX(-50%);
}
.error-404 .promoted.products h2 {
  text-align: center;
}
.error-404 .promoted.products .products.columns-4 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  list-style: none;
}
@media only screen and (min-width: 568px) {
  .error-404 .promoted.products .products.columns-4 {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.error-404 .promoted.products .products.columns-4 .product {
  flex: 1;
  float: none;
  width: unset;
  margin: 0;
  background-color: var(--black);
  display: flex;
  flex-direction: column;
  color: var(--white);
}
@media only screen and (min-width: 568px) {
  .error-404 .promoted.products .products.columns-4 .product {
    flex: 1 1 48%;
  }
}
@media only screen and (min-width: 1024px) {
  .error-404 .promoted.products .products.columns-4 .product {
    flex: 1 1 23%;
  }
}
.error-404 .promoted.products .products.columns-4 .product h2.woocommerce-loop-product__title {
  color: var(--white);
  font-size: 1rem;
  font-family: "Roboto Slab Light", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  padding: 0 1rem;
}
.error-404 .promoted.products .products.columns-4 .product .woocommerce-loop-product__link {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.error-404 .promoted.products .products.columns-4 .product .woocommerce-loop-product__link img {
  width: auto;
  flex: 1;
  object-fit: cover;
}
.error-404 .promoted.products .products.columns-4 .product .price .woocommerce-Price-amount.amount {
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--white);
  font-size: 1.375rem;
}
.error-404 .promoted.products .products.columns-4 .product .price .woocommerce-price-suffix {
  display: none;
}
.error-404 .promoted.products .products.columns-4 .product .wc-gzd-additional-info {
  display: none;
}
.error-404 .promoted.products .products.columns-4 .product .button {
  align-self: center;
  border: 1px solid var(--white);
  color: var(--white);
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  background-color: var(--black);
  margin-bottom: 1rem;
}
.error-404 .promoted.products .products.columns-4 .product .button:hover, .error-404 .promoted.products .products.columns-4 .product .button:active, .error-404 .promoted.products .products.columns-4 .product .button:focus {
  background-color: var(--yellow);
  color: var(--black);
}
.error-404 .promoted.products .products.columns-4::before, .error-404 .promoted.products .products.columns-4::after {
  display: none;
}
.error-404 .widget_product_search {
  padding-inline: 0 !important;
  background-color: transparent !important;
}
.error-404 .widget_product_search form:not(.wp-block-search) {
  display: flex;
  gap: 1rem;
}
.error-404 .widget_product_search form:not(.wp-block-search)::before {
  display: none;
}
.error-404 .widget_product_search form:not(.wp-block-search) input[type=search] {
  padding-left: 0.6180469716em !important;
  background-color: transparent;
  color: var(--black);
  box-shadow: none;
  border-bottom: 1px solid var(--black);
  line-height: 1.25;
  font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
}
.error-404 .widget_product_search form:not(.wp-block-search) button[type=submit] {
  border: 1px solid var(--black);
  clip: auto;
  -webkit-clip-path: none;
  clip-path: none;
  height: auto;
  margin: 0;
  position: relative;
  width: auto;
  top: auto;
  left: auto;
  font-family: "Roboto Slab Bold", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  min-height: 1.275rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding: 0.5rem 0.75rem;
  text-transform: uppercase;
  background-color: var(--yellow);
}
.error-404 .widget_product_search form:not(.wp-block-search) button[type=submit]:hover {
  background-color: var(--black);
  color: var(--white);
}

.brands-overview {
  margin-top: 2.5rem;
}
.brands-overview__favorites {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media only screen and (min-width: 900px) {
  .brands-overview__favorites {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.brands-overview__favorites a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5rem;
  padding: 0.75rem;
}
.brands-overview__favorites a:link, .brands-overview__favorites a:visited, .brands-overview__favorites a:hover, .brands-overview__favorites a:active, .brands-overview__favorites a:focus {
  background-color: var(--light-grey);
}
.brands-overview__favorites a:hover, .brands-overview__favorites a:active, .brands-overview__favorites a:focus {
  background-color: var(--yellow);
}
.brands-overview__favorites a.p-3 {
  padding: 0.75rem;
}
.brands-overview__favorites a.p-4 {
  padding: 1rem;
}
.brands-overview__favorites a.p-5 {
  padding: 1.25rem;
}
.brands-overview__favorites a > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.brands-overview__full-list {
  margin-top: 3rem;
  font-size: 1.125rem;
}
.brands-overview__full-list h2 {
  margin-bottom: 2rem;
}
.brands-overview__full-list hr {
  background-color: var(--lighter-grey);
}
.brands-overview__grid {
  display: grid;
}
@media only screen and (min-width: 768px) {
  .brands-overview__grid {
    gap: 2rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.brands-overview__brand-group {
  display: flex;
  padding-block: 1rem;
}
.brands-overview__brand-letter {
  font-family: "Roboto Slab Regular", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  margin-right: 1rem;
}
.brands-overview__brands {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.brands-overview__brands a {
  display: block;
}
.brands-overview__brands a:link, .brands-overview__brands a:visited, .brands-overview__brands a:hover, .brands-overview__brands a:active, .brands-overview__brands a:focus {
  text-decoration: none;
}
.brands-overview__brands a:hover, .brands-overview__brands a:active, .brands-overview__brands a:focus {
  text-decoration: underline !important;
}

/*# sourceMappingURL=guitarpoint.css.map*/
ul.products li.product .price{margin-bottom:.5em}ul.products li.product .wc-gzd-additional-info{font-size:.9em}ul.products li.product .shipping-costs-info,ul.products li.product .tax-info{display:inline}ul.products li.product .delivery-time-info{margin:.5em 0}ul.products li.downloadable .tax-info,ul.products li.product .product-units-wrapper,ul.products li.virtual .tax-info{display:block}.single-product .price{display:inline}.single-product div.product p.price-unit{font-size:.9em;margin-left:1em}.single-product div[itemprop=offers]{display:inline-block}.single-product .legal-price-info{display:block;margin:.5em 0}.woocommerce #order_review_heading{display:block;width:100%}.woocommerce p.legal{width:100%}.woocommerce p.delivery-time-info,.woocommerce p.units-info{font-size:.9em;margin:.5em 0!important}.woocommerce-checkout #order_review{border-top-width:3px}.woocommerce-checkout #order_payment_heading,.woocommerce-checkout #order_review_heading{border-bottom:0;margin-bottom:.5407911001em;padding:0}.woocommerce-checkout #payment{border-top:0}.woocommerce-checkout #order_review_heading{border:none}.woocommerce-checkout .form-row.create-account label{display:inline;padding-left:5px}#order_review .place-order .button{font-size:1.387em;width:100%}#order_review table.woocommerce-checkout-review-order-table{margin-bottom:0}.woocommerce-checkout .place-order,.woocommerce-checkout .terms{float:none;margin-bottom:0;padding:1.387em;width:100%}.woocommerce-multistep-checkout .col2-set{margin:0;width:100%}.woocommerce-multistep-checkout .col2-set .col-1,.woocommerce-multistep-checkout .col2-set .col-2{float:left;margin-right:5%;width:45%}.woocommerce-multistep-checkout .col2-set .col-2{margin-right:0}.woocommerce-checkout .terms,.woocommerce-multistep-checkout .place-order{padding-left:0;padding-right:0}.woocommerce-multistep-checkout #order_review{border:none;padding:0;width:100%}.woocommerce-multistep-checkout h3#order_review_heading{border:none;padding-left:0;padding-right:0}.woocommerce-gzdp-checkout-verify-data .addresses address,.woocommerce-gzdp-checkout-verify-data .addresses p{margin-bottom:.5em}.woocommerce-multistep-checkout a.step:focus{outline:none}.woocommerce-multistep-checkout #order_review .place-order .button{float:right;width:auto}.woocommerce-multistep-checkout p.data-privacy{clear:both;float:left;width:100%}@media(max-width:800px){.woocommerce-multistep-checkout .col2-set .col-1,.woocommerce-multistep-checkout .col2-set .col-2{float:left;margin-right:0;width:100%}}#shipping_parcelshop_field label.checkbox{display:inline}label[for=reg_data_privacy]{display:inline;padding-left:5px}footer.site-footer .footer-info{display:inline-block;margin:0;position:relative;text-align:left;top:-1em}