.collapse,
.cart_coupon {
    border-top: 1px solid #d7dadd;
    border-bottom: 1px solid #d7dadd;
}
.collapse,
.cart_coupon {
    margin: 10px 0;
    padding: 10px 0;
}
.account_nav__item,
.footer_accordion__item,
.accordion__item {
    border-bottom: 1px solid #d7dadd;
}
.account_nav__item,
.footer_accordion__item,
.accordion__item {
    margin: 0 0 20px;
    padding: 0 0 20px;
}
.account_nav__title,
.collapse-trigger,
.cart_coupon-trigger,
.footer_accordion__title,
.accordion__title,
.cookie__group__title {
    position: relative;
    padding: 0 0 0 10px;
}
.account_nav__trigger,
.collapse-title,
.cart_coupon-title,
.footer_accordion__trigger,
.accordion__trigger,
.cookie__group__trigger {
    color: #000;
    font-weight: 700;
    text-decoration: none;
}
.collapse-title,
.cart_coupon-title {
    font-size: 15px;
}
.account_nav__icon,
.collapse-trigger-icon,
.cart_coupon-trigger-icon,
.footer_accordion__icon,
.accordion__icon,
.cookie__group__icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}
.account_nav__icon--active,
.footer_accordion__icon--active,
.accordion__icon--active,
.cookie__group__icon--active {
    transform: translateY(-50%) rotate(45deg);
}
.account_nav__content,
.collapse-form,
.cart_coupon-form,
.footer_accordion__content,
.accordion__content,
.cookie__group__content {
    position: relative;
    max-height: 0;
    transition: max-height 0.3s ease;
    will-change: auto;
    overflow: auto;
}
.account_nav__content-inner,
.footer_accordion__content-inner,
.accordion__content-inner,
.cookie__group__content-inner {
    padding: 10px 10px 0;
}

.blog_list-link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    text-decoration: none;
}
.blog_list-title {
    margin: 0 0 0.67rem;
}
.blog_list-excerpt {
    margin-bottom: 0.67em;
    color: #838383;
    font-size: 0.933em;
    line-height: 1.6;
}
.blog_list-action {
    margin: auto 0 0;
}

.search-container .action.primary,
.account .search-container .action.primary,
.blog__sidebar-category-tree a,
.contact__action,
.button,
.grouped__action-primary,
.action__related,
.card__actions,
.product_label-overlay,
.pager__link--next,
.pager__link--previous,
.filters__button,
.filter-clear,
.quote-success_container .button,
.success_container .button,
.nav__inner-link--all,
.pb__arrow,
.blog_list-action,
.banner__action,
.cookie__action,
.glider-prev,
.glider-next,
.pagebuilder-button-primary-full,
.pagebuilder-button-primary,
.btn,
.input--file::file-selector-button {
    background: #0babcb;
    border: 1px solid #0babcb;
    border-radius: 0;
    color: #fff;
}
.search-container .action.primary:hover,
.blog__sidebar-category-tree a:hover,
.contact__action:hover,
.button:hover,
.grouped__action-primary:hover,
.action__related:hover,
.card__actions:hover,
.product_label-overlay:hover,
.pager__link--next:hover,
.pager__link--previous:hover,
.filters__button:hover,
.filter-clear:hover,
.nav__inner-link--all:hover,
.pb__arrow:hover,
.blog_list-action:hover,
.banner__action:hover,
.cookie__action:hover,
.glider-prev:hover,
.glider-next:hover,
.pagebuilder-button-primary-full:hover,
.pagebuilder-button-primary:hover,
.btn:hover,
.input--file:hover::file-selector-button {
    background: #0a97b3;
    color: #fff;
    text-decoration: none;
}
.search-container .action.primary,
.blog_list-action,
.pagebuilder-button-tertiary-full,
.pagebuilder-button-tertiary,
.btn--sec,
.pagebuilder-button-secondary-full,
.pagebuilder-button-secondary,
.pagebuilder-button-primary-full,
.pagebuilder-button-primary,
.btn {
    display: inline-block;
    margin: 0;
    padding: 10px 15px;
    transition: background 0.5s, border-color 0.5s;
    will-change: auto;
    font-family: effra, arial, 'Helvetica Neue', helvetica, sans-serif;
    font-size: 1.067em;
    font-weight: 900;
    line-height: 1.37;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.search-container .action.primary > *,
.blog_list-action > *,
.pagebuilder-button-tertiary-full > *,
.pagebuilder-button-tertiary > *,
.btn--sec > *,
.pagebuilder-button-secondary-full > *,
.pagebuilder-button-secondary > *,
.pagebuilder-button-primary-full > *,
.pagebuilder-button-primary > *,
.btn > * {
    display: inline-block;
}
.search-container .action.primary:focus,
.blog_list-action:focus,
.pagebuilder-button-tertiary-full:focus,
.pagebuilder-button-tertiary:focus,
.btn--sec:focus,
.pagebuilder-button-secondary-full:focus,
.pagebuilder-button-secondary:focus,
.pagebuilder-button-primary-full:focus,
.pagebuilder-button-primary:focus,
.btn:focus {
    box-shadow: 0 0 5px 1px #0babcb;
}
.button--secondary,
.attr_item,
.action__related,
.pager__link--next,
.pager__link--previous,
.nav__inner-link--all,
.cookie__action--secondary,
.btn--sec,
.pagebuilder-button-secondary-full,
.pagebuilder-button-secondary,
.input--file::file-selector-button {
    background: #112030;
    border: 1px solid #112030;
    border-radius: 0;
    color: #fff;
}
.button--secondary:hover,
.attr_item:hover,
.action__related:hover,
.pager__link--next:hover,
.pager__link--previous:hover,
.nav__inner-link--all:hover,
.cookie__action--secondary:hover,
.btn--sec:hover,
.pagebuilder-button-secondary-full:hover,
.pagebuilder-button-secondary:hover,
.input--file:hover::file-selector-button {
    background: #0a131d;
    border-color: #112030;
    color: #fff;
}
.pagebuilder-button-tertiary-full,
.pagebuilder-button-tertiary {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    color: #1b232a;
}
.pagebuilder-button-tertiary-full:hover,
.pagebuilder-button-tertiary:hover {
    background: rgba(255, 255, 255, 0.8);
    border-color: rgba(255, 255, 255, 0.8);
    color: #1b232a;
}
.search-container .cp_manual_entry,
.account .search-container .cp_manual_entry,
.account .company-users-index .col.actions .action,
.download__action,
.button--text,
.category__content .button--text,
.filters__option-expand,
.filter__current__actions,
.quote-success_container .order-number,
.success_container .order-number,
.quote-success_container .page-title-wrapper a,
.success_container .page-title-wrapper a,
.loggedin_action,
.btn--text,
.pagebuilder-button-link {
    display: inline-block;
    padding: 10px 0;
    transition: opacity 0.5s;
    color: currentcolor;
    font-family: effra, arial, 'Helvetica Neue', helvetica, sans-serif;
    font-weight: 900;
    text-decoration: underline;
    cursor: pointer;
}
.search-container .cp_manual_entry *,
.account .search-container .cp_manual_entry *,
.account .company-users-index .col.actions .action *,
.download__action *,
.button--text *,
.category__content .button--text *,
.filters__option-expand *,
.filter__current__actions *,
.quote-success_container .order-number *,
.success_container .order-number *,
.quote-success_container .page-title-wrapper a *,
.success_container .page-title-wrapper a *,
.loggedin_action *,
.btn--text *,
.pagebuilder-button-link * {
    text-decoration: inherit;
}
.search-container .cp_manual_entry:hover,
.account .search-container .cp_manual_entry:hover,
.account .company-users-index .col.actions .action:hover,
.download__action:hover,
.button--text:hover,
.filters__option-expand:hover,
.filter__current__actions:hover,
.quote-success_container .order-number:hover,
.success_container .order-number:hover,
.quote-success_container .page-title-wrapper a:hover,
.success_container .page-title-wrapper a:hover,
.loggedin_action:hover,
.btn--text:hover,
.pagebuilder-button-link:hover {
    opacity: 0.6;
}
.wishlist .product-item-actions .action,
.blog__sidebar-category-tree a,
.button--small,
.action__related,
.product_label-overlay,
.pager__link--next,
.pager__link--previous,
.filter-clear,
.nav__inner-link--all,
.pb__arrow,
.glider-prev,
.glider-next,
.btn--small {
    padding: 0.5335em 1em;
    font-size: 0.8667em;
    line-height: 1;
}
.btn--large {
    padding: 20px 25px;
    font-size: 1.065rem;
}
.action__view-grouped,
.card__actions,
.nav__inner-link--all,
.pagebuilder-button-primary-full,
.pagebuilder-button-secondary-full,
.pagebuilder-button-tertiary-full,
.btn--full {
    width: 100%;
}
.wishlist .product-items .action.tocart,
.btn--primary {
    background: #0dc371;
    border-color: #0dc371;
    color: #fff;
}
.wishlist .product-items .action.tocart:hover,
.btn--primary:hover {
    background: #0f975a;
    border-color: #0f975a;
}
.btn--has-icon > * {
    display: flex;
    gap: 0.67rem;
    align-items: center;
    justify-content: center;
}
.btn--has-icon > * svg {
    fill: currentcolor;
}
.account .action-close,
.btn--reset,
.pagebuilder-button-link {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    color: inherit;
    font-weight: 400;
}
.account .action-close:hover,
.btn--reset:hover,
.pagebuilder-button-link:hover {
    background: none;
}
.scroll-button,
.btn--icon {
    display: inline-block;
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
}
.scroll-button svg,
.btn--icon svg {
    display: block;
}
.account .action-close span,
.cart_action-delete span span,
.newsletter__button-icon,
.social__item-title,
.social__title,
.sr-only {
    position: absolute;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
}

.action.expand,
.account .toolbar--pager-only .toolbar__amount,
.account .toolbar--pager-only .toolbar__limiter,
.account .toolbar--items > *,
.blog-post-list__toolbar .toolbar__limiter,
.blog-post-list__toolbar .toolbar-amount,
.product_linked-list__details .price-to,
.cart_action-edit,
.grouped__cell .price-wrapper::after,
.grouped__cell .price-to,
.grouped__cell .minimal-price-link,
.old-price .price-label,
.special-price .price-label,
.product__price .price-label,
.product__price .price-to,
.grid-price .old-price .price-label,
.grid-price .special-price .price-label,
.grid-price .price-label,
.grid-price .price-to,
.grid-price .minimal-price-link,
.search__close,
.price-to,
.pb__grid-items .grid-price .price-to,
.splide__sr,
[x-cloak],
.hidden,
.no-display {
    display: none !important;
}

.account .my-orders-search-advanced .field,
.field {
    display: block;
    margin: 0 0 20px;
}
.field-error .input {
    border-color: #f70202;
}
.field-error .messages {
    margin: 0;
    padding: 0.001rem 0.75rem;
    background-color: rgba(247, 2, 2, 0.1);
    color: #f70202;
    font-size: 0.85rem;
    list-style: none;
}
.field-error .messages li {
    margin: 0.75rem 0;
}

.wishlist .product-items textarea,
.collapse-input,
.cart_coupon-input,
.filters__option-input,
.newsletter__input,
.search__input,
.input,
.account .input--counter .input--qty,
.cart_item-qty-inner .input--qty,
.product__qty .input--qty,
.grid-action-input .input--qty {
    width: 100%;
    padding: 0 10px;
    border: 1px solid #bfbfbf;
    border-radius: 0;
    color: #262626;
    font-size: 1.065rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.wishlist .product-items textarea::-moz-placeholder,
.collapse-input::-moz-placeholder,
.cart_coupon-input::-moz-placeholder,
.filters__option-input::-moz-placeholder,
.newsletter__input::-moz-placeholder,
.search__input::-moz-placeholder,
.input::-moz-placeholder,
.account .input--counter .input--qty::-moz-placeholder,
.cart_item-qty-inner .input--qty::-moz-placeholder,
.product__qty .input--qty::-moz-placeholder,
.grid-action-input .input--qty::-moz-placeholder {
    color: #bfbfbf;
}
.wishlist .product-items textarea::placeholder,
.collapse-input::placeholder,
.cart_coupon-input::placeholder,
.filters__option-input::placeholder,
.newsletter__input::placeholder,
.search__input::placeholder,
.input::placeholder,
.account .input--counter .input--qty::placeholder,
.cart_item-qty-inner .input--qty::placeholder,
.product__qty .input--qty::placeholder,
.grid-action-input .input--qty::placeholder {
    color: #bfbfbf;
}
.wishlist .product-items textarea::-webkit-outer-spin-button,
.collapse-input::-webkit-outer-spin-button,
.cart_coupon-input::-webkit-outer-spin-button,
.filters__option-input::-webkit-outer-spin-button,
.newsletter__input::-webkit-outer-spin-button,
.search__input::-webkit-outer-spin-button,
.input::-webkit-outer-spin-button,
.account .input--counter .input--qty::-webkit-outer-spin-button,
.cart_item-qty-inner .input--qty::-webkit-outer-spin-button,
.product__qty .input--qty::-webkit-outer-spin-button,
.grid-action-input .input--qty::-webkit-outer-spin-button,
.wishlist .product-items textarea::-webkit-inner-spin-button,
.collapse-input::-webkit-inner-spin-button,
.cart_coupon-input::-webkit-inner-spin-button,
.filters__option-input::-webkit-inner-spin-button,
.newsletter__input::-webkit-inner-spin-button,
.search__input::-webkit-inner-spin-button,
.input::-webkit-inner-spin-button,
.account .input--counter .input--qty::-webkit-inner-spin-button,
.cart_item-qty-inner .input--qty::-webkit-inner-spin-button,
.product__qty .input--qty::-webkit-inner-spin-button,
.grid-action-input .input--qty::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
}
.input--qty {
    max-width: 100px;
    text-align: center;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
.account .my-orders-search-advanced .sub-label,
.label {
    display: block;
    margin: 0 0 0.5em;
    color: #838383;
    font-family: arial, 'Helvetica Neue', helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.label--required::after {
    content: '*';
}

.input--textarea {
    min-height: 200px;
    padding: 10px;
    font-family: arial, 'Helvetica Neue', helvetica, sans-serif;
    line-height: 1.4;
}

.collapse-input,
.cart_coupon-input,
.filters__option-input,
.newsletter__input,
.dob_trigger,
.password_trigger,
.input,
.account .input--counter .input--qty,
.cart_item-qty-inner .input--qty,
.product__qty .input--qty,
.grid-action-input .input--qty {
    height: 48px;
}

.account .input--counter,
.cart_item-qty-inner,
.product__qty,
.grid-action-input {
    position: relative;
}
.account .input--counter .input--qty,
.cart_item-qty-inner .input--qty,
.product__qty .input--qty,
.grid-action-input .input--qty {
    width: 100px;
    color: #262626;
    font-family: effra, arial, 'Helvetica Neue', helvetica, sans-serif;
    font-weight: 900;
    text-align: center;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
.account .input--counter .input--qty::-webkit-outer-spin-button,
.cart_item-qty-inner .input--qty::-webkit-outer-spin-button,
.product__qty .input--qty::-webkit-outer-spin-button,
.grid-action-input .input--qty::-webkit-outer-spin-button,
.account .input--counter .input--qty::-webkit-inner-spin-button,
.cart_item-qty-inner .input--qty::-webkit-inner-spin-button,
.product__qty .input--qty::-webkit-inner-spin-button,
.grid-action-input .input--qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
}
.account .input--counter .input-count,
.cart_item-qty-inner .input-count,
.product__qty .input-count,
.grid-action-input .input-count {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    height: 100%;
    padding: 0.67em;
    cursor: pointer;
}
.account .input--counter .input-count--first,
.cart_item-qty-inner .input-count--first,
.product__qty .input-count--first,
.grid-action-input .input-count--first {
    left: 0;
}
.account .input--counter .input-count--last,
.cart_item-qty-inner .input-count--last,
.product__qty .input-count--last,
.grid-action-input .input-count--last {
    right: 0;
}
.account .input--counter .input-count--icon,
.cart_item-qty-inner .input-count--icon,
.product__qty .input-count--icon,
.grid-action-input .input-count--icon {
    fill: #1b232a;
}

.choice-list-label,
.choice-label {
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
}
.choice-list--checked .choice-list-label,
.choice-list-input:checked + .choice-list-label,
.choice-input:checked + .tooltip .choice-label,
.choice-input:checked + .choice-label {
    border-color: #0babcb;
}

.choice-list,
.choice {
    position: relative;
}

.choice-label {
    display: inline-block;
    padding: 1em 1em 1em 2.5rem;
    background: #fff;
    border: 2px solid #d7dadd;
}

.choice-list {
    margin: 0 0 0.35rem;
}
.choice-list-label {
    width: 100%;
    padding: 0.75em 1.25rem 0.75rem 2.5rem;
    background: #edeef0;
    border: 2px solid transparent;
}
.choice-list-label--hidden {
    padding: 0.75em 1.25rem;
}

.choice-list-input,
.choice-input {
    display: initial;
    position: absolute;
    top: 50%;
    left: 0.95em;
    transform: translateY(-50%);
    height: 1em;
    width: 1em;
    margin: 0;
}

.search-list,
.account .search-list,
.filters__type--select,
.filters__sorter--select,
.select-wrap {
    position: relative;
}
.search-list select,
.account .search-list select,
.filters__type--select select,
.filters__sorter--select select,
.select-wrap select {
    display: block;
    height: 48px;
    width: 100%;
    min-width: 80px;
    padding: 0 40px 0 10px;
    background-color: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 0;
    color: #262626;
    font-weight: 700;
    line-height: 45px;
    text-indent: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.search-list .icon,
.filters__type--select .icon,
.filters__sorter--select .icon,
.select-wrap .icon {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    pointer-events: none;
    fill: #0babcb;
}
.search-list::-ms-expand,
.account .search-list::-ms-expand,
.filters__type--select::-ms-expand,
.filters__sorter--select::-ms-expand,
.select-wrap::-ms-expand {
    display: none;
}
.select__wrap {
    display: inline-block;
    position: relative;
    width: 100%;
    min-width: 55px;
    max-width: 100px;
}
.select__wrap select {
    display: block;
    height: 27px;
    width: 100%;
    padding: 0 20px 0 10px;
    background-color: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 0;
    color: #262626;
    font-size: 0.867em;
    font-weight: 700;
    line-height: 27px;
    text-indent: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.select__wrap .icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
    fill: #0babcb;
}
.select__wrap::-ms-expand {
    display: none;
}

.select-wrap:disabled {
    border-color: #bfbfbf;
    color: #ccc;
}

.input--multiple {
    width: 100%;
    border: 2px solid #bfbfbf;
    border-radius: 4px;
}
.input--multiple option {
    padding: 10px;
}

.tooltip {
    display: flex;
    align-items: center;
}
.tooltip .tip {
    position: relative;
    margin: 0 0 0 1em;
}
.tooltip .tip_action {
    display: block;
    margin: auto;
}
.tooltip .tip_popup {
    position: absolute;
    bottom: calc(100% + 15px);
    left: -9999px;
    z-index: 10;
    width: 260px;
    box-shadow: 2px 2px 4px -2px rgba(27, 35, 42, 0.2);
    padding: 10px;
    background: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    transition: left 0ms ease-out 0.2s, opacity 0.2s ease-in 0s;
    opacity: 0;
}
.tooltip .tip--active {
    right: -0.335em;
    left: auto;
    transition: left 0ms ease-out 0.2s, opacity 0.2s ease-in 0.2s;
    opacity: 1;
}
.tooltip .tip_arrow,
.tooltip .tip_arrow-inner {
    position: absolute;
    left: 50%;
    overflow: hidden;
}
.tooltip .tip_arrow {
    top: calc(100% + 5px);
    transform: translate(-50%, -50%);
    height: 10px;
    width: 10px;
    background: transparent;
    border-top: 1px solid #fff;
}
.tooltip .tip_arrow-inner {
    top: 0;
    transform: translate(-50%, -50%) rotate(45deg);
    height: 8px;
    width: 8px;
    box-shadow: 2px 2px 4px -2px rgba(27, 35, 42, 0.2);
    background: #fff;
    border: 1px solid #d7dadd;
}

.picker {
    position: absolute;
    bottom: 100%;
    width: 20em;
    box-shadow: 0 2px 3px 1px rgba(27, 35, 42, 0.2);
    margin: 0 0 0.67em;
    padding: 0.67em;
    background: #fff;
    border-radius: 3px;
}
.picker .picker__top {
    display: flex;
    justify-content: space-between;
    margin: 0 0 1em;
}
.picker .picker__arrow {
    display: flex;
    align-items: center;
}
.picker .picker__arrow.disabled {
    opacity: 0.3;
    pointer-events: none;
}
.picker .picker__grid {
    display: grid;
    gap: 5px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    text-align: center;
}
.picker .picker__date {
    position: relative;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.335em;
    border: 1px solid #fff;
    border-radius: 99px;
    transition: all 0.3s ease;
}
.picker .picker__date--day {
    font-size: 0.8em;
    opacity: 0.3;
}
.picker .picker__date--today {
    border-color: #0babcb;
}
.picker .picker__date--hover:hover {
    background: #0babcb;
    border-color: #0babcb;
    color: #fff;
    cursor: pointer;
}
.picker .picker__date-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}
.picker .picker__date--disabled {
    opacity: 0.4;
    pointer-events: none;
}
.picker .picker__action {
    text-align: center;
}
.picker .select--picker {
    height: 35px;
    line-height: 35px;
}

.input--file {
    padding: 1rem;
    border: 1px solid;
    cursor: pointer;
}
.input--file::file-selector-button {
    margin-right: 1rem;
}

.product-slider,
.cart_container,
.info__top-inner,
.category-cms,
.category-view-inner,
.footer_main,
.footer__container,
.confidence_message__container-inner,
.loggedin_container--inner,
.nav__list,
.page_header__top_container,
.page_header__container,
[data-appearance='contained'],
.row-full-width-inner,
.page.messages,
.feature__blog-content,
.breadcrumbs,
.page-title-wrapper,
.columns,
.container-recs {
    margin-left: auto;
    margin-right: auto;
}

.category-view-inner,
.confidence_message__container-inner,
.loggedin_container--inner,
.nav__list,
.page_header__top_container,
.page_header__container,
[data-appearance='contained'],
.row-full-width-inner,
.page.messages,
.breadcrumbs,
.page-title-wrapper,
.columns,
.container-recs {
    max-width: 1436px;
}

.product-slider,
.cart_container,
.category-cms,
.footer_main,
.footer__container {
    max-width: 1000px;
}

.account .list-inline > li,
.block-header_useful_link ul > li,
.glider-dots > li,
.splide__pagination > li,
.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

.list-ordered {
    list-style-type: decimal;
}
.list-ordered li ul {
    list-style-type: square;
}

.list-unordered {
    padding: 0.35em 0 0.75em 1em !important;
    list-style-type: disc !important;
}
.list-unordered li ul {
    list-style-type: square !important;
}

.wishlist .product-items,
.table-order-items .items-qty,
.order-links,
.nav_items,
.blog__sidebar-main .items,
.blog__sidebar-category-tree .content .items,
.pager__items,
.footer__column ul,
.block-header_useful_link ul,
.accounts__links,
.search__autocomplete ul,
.nav__inner-list-deep,
.nav__inner-list,
.nav__list,
.tabs-navigation,
.breadcrumbs__items,
.glider-dots,
.splide__pagination,
.list-unstyled,
.list-inline {
    margin: 0;
    padding: 0;
    list-style: none;
}

@keyframes spinner {
    0% {
        transform: rotate(0deg);
        transform-origin: center;
    }
    100% {
        transform: rotate(360deg);
        transform-origin: center;
    }
}
.loading-mask {
    position: fixed;
}

.loading-mask-contained {
    position: absolute;
}

.loading-mask-contained,
.loading-mask {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background: rgba(255, 255, 255, 0.7);
}

.mcs-loader,
.mz-loading,
.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 30px;
    width: 30px;
    font-size: 10px;
    text-indent: -9999em;
}
.mcs-loader::before,
.mz-loading::before,
.loader::before {
    content: '';
    display: block;
    height: calc(100% - 8px);
    width: calc(100% - 8px);
    border-top: 4px solid rgba(11, 171, 203, 0.1);
    border-right: 4px solid rgba(11, 171, 203, 0.1);
    border-bottom: 4px solid rgba(11, 171, 203, 0.1);
    border-left: 4px solid #0babcb;
    border-radius: 50%;
    animation: spinner 1.1s infinite linear;
}
.mcs-loader .mcs-loader-circles,
.mz-loading .mcs-loader-circles,
.loader .mcs-loader-circles,
.mcs-loader img,
.mz-loading img,
.loader img {
    display: none;
}

.materials {
    display: flex;
    flex-wrap: wrap;
    margin: 1.67em 0 2em;
}
.materials .materials__item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.588rem;
    width: 3rem;
    margin: 0.3335em;
    padding: 0.3335em;
    background: #bfbfbf;
    color: #fff;
    font-size: 0.6em;
    font-weight: 700;
    text-align: center;
}
.materials .materials__item--steel {
    background: #01aadc;
}
.materials .materials__item--stainless_steel {
    background: #dbcd00;
    color: #2a3640;
}
.materials .materials__item--cast_iron {
    background: #e51a29;
}
.materials .materials__item--non-ferrous {
    background: #009c52;
}
.materials .materials__item--hardened-steel {
    background: #575656;
}
.materials .materials__item--exotics {
    background: #ed6836;
}

.message {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 0 15px;
    padding: 10px 50px 10px 10px;
    border: 1px solid;
    font-size: 0.95em;
    font-weight: 700;
}

.product_linked-list__details .price-label,
.price-label,
.pb__grid-items .grid-price .price-label {
    color: #838383;
    font-family: effra, arial, 'Helvetica Neue', helvetica, sans-serif;
    font-size: 0.935em;
    font-weight: 900;
}

.product_linked-list__details .price-wrapper,
.cart_item-price-inner .price-wrapper,
.grouped__cell .price-wrapper,
.product__price .price-wrapper,
.grid-price .price-wrapper,
.price-wrapper,
.pb__grid-items .grid-price .price-wrapper {
    display: inline-block;
}

.cart_item-price-inner .price,
.cart_item-price-single .price,
.grouped__cell .price-final_price .price,
.product__price .special-price .price,
.product__price .price-from .price,
.product__price .price-final_price .price,
.grid-price .price-final_price .price,
.minicart_item-price,
.price {
    font-family: effra, arial, 'Helvetica Neue', helvetica, sans-serif;
    font-weight: 900;
}

.product_linked-list__details .price,
.cart_item-price-inner .price-wrapper,
.grouped__cell .price-final_price .price,
.product__price .special-price .price,
.product__price .price-from .price,
.product__price .price-final_price .price,
.grid-price .price-final_price .price,
.price-from .price,
.final-price .price,
.pb__grid-items .grid-price .price {
    color: #1b444d;
    font-size: 1.3em;
}

.cart_item-price-inner .price-wrapper .price-excluding-tax::after,
.cart_item-price-inner .price-wrapper .price-including-tax::after,
.cart_item-price-single .price-excluding-tax::after,
.cart_item-price-single .price-including-tax::after,
.price-wrapper::after,
.grid-price .price-wrapper::after,
.price-including-tax::after,
.price-excluding-tax::after {
    content: attr(data-label);
    margin-left: 0.25em;
    color: #8d8d8d;
    font-size: 0.65em;
    text-transform: lowercase;
}

.tier-price-container .tier__prices,
.grid-price .tier__prices .tier__prices {
    font-size: 0.9335em;
}
.tier-price-container .tier__item,
.grid-price .tier__prices .tier__item {
    display: flex;
}
.tier-price-container .tier__item-value,
.grid-price .tier__prices .tier__item-value {
    margin: 0 0.135em 0 0;
}

.wishlist .product-items,
.grid-items,
.pb__grid .grid-items {
    width: 100%;
}
.wishlist .product-item-info,
.cart_item,
.grid-item,
.pb__grid-items .grid-item {
    display: flex;
    width: 100%;
    margin: 0 0 0.67em;
    background: #fff;
}
.wishlist .product-item-info:last-of-type,
.cart_item:last-of-type,
.grid-item:last-of-type {
    margin-bottom: 0.335em;
}
.wishlist .product-item-photo,
.grid-image-wrapper,
.cart__item-image,
.pb__grid-items .grid-image-wrapper,
.pb__grid-items .grid-item-image-wrapper {
    position: relative;
    aspect-ratio: 1;
    display: block;
    flex: 0 1 auto;
    margin: 0 0 0.67em;
}
.wishlist .product-item-details,
.grid-details,
.pb__grid-items .grid-details {
    display: flex;
    flex: 1 1 auto;
}
.wishlist .product-item-link,
.product_linked-list__link,
.grid-link,
.pb__grid-items .grid-link {
    display: block;
    margin: 0.3335em 0;
    padding: 0 1em 0 0;
    color: #000;
    font-size: 1em;
    text-decoration: none;
}
.grid-actions,
.pb__grid-items .grid-actions {
    display: flex;
    margin: 0;
}

.cart__item {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
    border-bottom: 1px solid #e1e1e1;
}
.cart__item:last-of-type {
    border-bottom: none;
}
.cart .product-item-name {
    display: block;
    margin: 0 0 10px;
    color: #000;
    text-decoration: none;
}
.wishlist .product__options,
.table-order-items .item-options,
.cart__product_options {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin: 0 0 5px;
}
.wishlist .product__options,
.table-order-items .item-options,
.cart__product_options {
    font-size: 13px;
}
.wishlist .product__options__label,
.table-order-items .item-options dt,
.cart__product_options__label {
    margin: 0 0.25em 0.25em 0;
    font-weight: 400;
}
.wishlist .product__options__label::after,
.table-order-items .item-options dt::after,
.cart__product_options__label::after {
    content: ':';
}
.wishlist .product__options__values,
.table-order-items .item-options dd,
.cart__product_options__values {
    margin: 0 0.5em 0.5em 0;
    font-weight: 700;
}

.rating-summary {
    width: 100%;
    padding: 5px 5px 5px 0;
}
.rating-summary {
    border-top: 1px solid #e2e2e2;
}

.rating-summary-stars {
    position: relative;
    width: 90px;
}
.rating-summary-stars {
    margin: 0 auto;
}

.rating-summary-stars-icon {
    display: block;
}

.rating-summary-total {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.filters__option-list--inner-height::-webkit-scrollbar,
.cookie_settings::-webkit-scrollbar,
.modal-inner-wrap::-webkit-scrollbar {
    width: 6px;
}
.filters__option-list--inner-height::-webkit-scrollbar-track,
.cookie_settings::-webkit-scrollbar-track,
.modal-inner-wrap::-webkit-scrollbar-track {
    background-color: #f4f4f4;
}
.filters__option-list--inner-height::-webkit-scrollbar-thumb,
.cookie_settings::-webkit-scrollbar-thumb,
.modal-inner-wrap::-webkit-scrollbar-thumb {
    width: 5px;
    background-color: #ccc;
    border: 1px solid #fff;
    border-radius: 0;
}

.pb__arrow,
.banner__arrow,
.glider-prev,
.glider-next {
    position: absolute;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);
    padding: 0.67em;
    background: #0babcb;
    border: 0.335em solid #fff;
}
.pb__arrow--next,
.banner__arrow--next,
.glider-next {
    right: -0.335em;
}
.pb__arrow--prev,
.banner__arrow--prev,
.glider-prev {
    left: -0.335em;
}
.pb__arrow svg,
.pb__arrow_icon,
.banner__arrow_icon {
    fill: #fff;
}

.blog__sidebar-main .block-title,
.blog__sidebar-category-tree .title,
.blog_list-date,
.totals_cell,
.cart_item-sku,
.grouped__filters-title-inner,
.grouped__cell .tier-price-container .tier__item-value,
.grouped__cell .tier-price-container .price,
.grouped__table,
.grouped__th,
.availablity__text--terms,
.download__text,
.feature__text,
.app__value,
.app__rating-title,
.attr_item strong,
.product_contact,
.tier-price-container .tier__item-value,
.tier-price-container .price,
.rating__title,
.product__parts .parts__title,
.product__sku,
.grid-price .tier__prices .tier__item-value,
.grid-price .tier__prices .price,
.grid-price .minimal-price .price-label,
.size__title,
.grid-sku,
.grid-link,
.pager__items,
.toolbar .filters__type-label,
.filters__option-title,
.filters__title-inner,
.newsletter__title,
.footer_column__title,
.footer__column--address .block-content a,
.footer__column ul li,
.vat__label,
.header_contact,
.confidence_message__item strong,
.confidence_message__item,
.currency__value,
.currency__dropdown-item,
.currency__symbol,
.accounts__link,
.minicart__count,
.search__input,
.nav_contact,
.nav_sections__title,
.nav__column-title,
.nav,
.menu__label,
.header_icon-label,
.pb__grid-items .grid-link,
.modal__title,
.catalog__grid,
.table__footer .grand.totals,
.table__footer th,
.table__footer td,
h1,
h2,
h3,
h4,
h5 {
    font-family: effra, arial, 'Helvetica Neue', helvetica, sans-serif;
}

.blog__sidebar-main .block-title,
.blog__sidebar-category-tree .title,
.blog_list-date,
.totals_cell.totals_cell--grand-total,
.cart_item-sku-value,
.grouped__filters-title-inner,
.attr_item strong,
.product_contact-title,
.product_contact-number,
.product__parts .parts__title,
.product__sku .value,
.size__title,
.grid-sku-value,
.grid-link,
.pager__items,
.filters__option-title,
.filters__title-inner,
.newsletter__title,
.footer_column__title,
.footer__column--address .block-content a,
.header_contact__value,
.currency__dropdown-item,
.currency__symbol,
.accounts__link,
.nav_contact-title,
.nav_contact-number,
.nav_sections__title,
.nav__column-title,
.nav,
.pb__grid-items .grid-link,
.modal__title,
.blog_list-title,
.catalog__grid,
.table__footer .grand.totals {
    font-weight: 900;
}

.vat__label,
.minicart__count,
.menu__label {
    font-weight: 700;
}

.totals_cell,
.grouped__cell .availablity__text,
.grouped__cell .tier-price-container .tier__item-value,
.grouped__cell .tier-price-container .price,
.grouped__table,
.grouped__th,
.availablity__text--terms strong,
.download__text,
.feature__text,
.app__value,
.app__rating-title,
.tier-price-container .tier__item-value,
.tier-price-container .price,
.rating__title,
.grid-price .tier__prices .tier__item-value,
.grid-price .tier__prices .price,
.toolbar .filters__type-label,
.nav__inner-item,
.table__footer th,
.table__footer td {
    font-weight: 500;
}

.product_contact-kicker,
.product_contact-hours,
.footer__column ul li,
.confidence_message__item,
.nav_contact-kicker,
.nav_contact-hours {
    font-weight: 300;
}

.delivery__column--content,
.product__desc,
.category-cms,
.category-description-bottom,
.grid-description {
    color: #273743;
    font-size: 0.9335em;
    line-height: 1.715;
}
.delivery__column--content p,
.product__desc p,
.category-cms p,
.category-description-bottom p,
.grid-description p,
.delivery__column--content ul,
.product__desc ul,
.category-cms ul,
.category-description-bottom ul,
.grid-description ul {
    margin: 0 0 1.715em;
}
.delivery__column--content h1,
.product__desc h1,
.category-cms h1,
.category-description-bottom h1,
.grid-description h1,
.delivery__column--content h2,
.product__desc h2,
.category-cms h2,
.category-description-bottom h2,
.grid-description h2,
.delivery__column--content h3,
.product__desc h3,
.category-cms h3,
.category-description-bottom h3,
.grid-description h3,
.delivery__column--content h4,
.product__desc h4,
.category-cms h4,
.category-description-bottom h4,
.grid-description h4,
.delivery__column--content h5,
.product__desc h5,
.category-cms h5,
.category-description-bottom h5,
.grid-description h5 {
    margin: 0.5em 0;
    line-height: 1.1;
}

.delivery__column--content li,
.product__desc li,
.category-cms li,
.category-description-bottom li,
.grid-description li {
    list-style: square;
}
.delivery__column--content li::marker,
.product__desc li::marker,
.category-cms li::marker,
.category-description-bottom li::marker,
.grid-description li::marker {
    color: #0babcb;
    font-size: 1rem;
}

.paypal-express-review .column.main .block-content .box-order-billing-address {
    padding: 15px;
    background: #f6f6f7;
    border: 1px solid #f6f6f7;
}
.quote-success_container .checkout-success,
.success_container .checkout-success {
    padding: 15px;
    background: #fff;
    border: 1px solid #f6f6f7;
}

dl {
    margin: 0 0 10px;
}
dl dt {
    margin: 0 0 5px;
    font-weight: 700;
}
dl dd {
    margin: 0;
}

html {
    height: 100%;
}

body {
    margin: 0;
}
body.overflow {
    overflow: hidden;
}

* {
    box-sizing: border-box;
}

a:focus,
button:focus,
div:focus {
    outline: none;
}

a {
    color: inherit;
}

hr {
    border-style: solid;
    border-right-width: 0 !important;
    border-bottom-width: 0 !important;
    border-left-width: 0 !important;
}

.center {
    text-align: center;
}

.fieldset {
    padding: 0;
    border: none;
}
.fieldset--center {
    text-align: center;
}

.field--additional {
    margin: 0 0 1em;
}
.input--postcode {
    width: 200px;
}
.input--password {
    padding-right: 3.35rem;
}
.dob,
.password {
    position: relative;
}
.dob-message,
.password-message {
    font-style: 0.9em;
    opacity: 0.6;
}
.dob_trigger,
.password_trigger {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 1em;
    cursor: pointer;
}
.dob_icon,
.password_icon {
    fill: #bfbfbf;
}

.actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
}
.actions--start {
    justify-content: flex-start;
}
.actions--center {
    justify-content: center;
}

.btn--spaced {
    margin: 1rem auto;
}

:root {
    font-family: arial, 'Helvetica Neue', helvetica, sans-serif;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-display: swap;
}

strong,
b {
    font-weight: 700;
}

h1,
h2,
h3,
h4,
h5 {
    font-size: var(--h);
}

.page-title {
    margin-top: 0;
}

h1 {
    --h: 2em;
}

h2 {
    --h: 1.735em;
}

h3 {
    --h: 1.47em;
}

h4,
h5 {
    --h: 1.2em;
}

.is-loading {
    position: relative;
}

.page-wrapper {
    position: relative;
    right: 0;
    left: 0;
}

.container-recs,
.page-main {
    padding-left: 0.67em;
    padding-right: 0.67em;
}

.columns {
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
}

.hidden-fields {
    display: none;
}

img {
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
}

.splide,
.splide__track,
.splide__slide {
    position: relative;
    outline: none;
}

.splide__track,
.splide__list {
    min-width: 100%;
}

.splide__track {
    z-index: 0;
    overflow: hidden;
}

.splide__list {
    display: flex;
    will-change: auto;
}

.splide__slide {
    flex: none;
}

.glider-slide [data-element="empty_link"] {
    min-height: 100%;
    width: 100%;
}

.splide__pagination {
    position: absolute;
    right: 0;
    bottom: 0.67em;
    left: 0;
    text-align: center;
}
.splide__pagination__page {
    height: 16px;
    width: 16px;
    padding: 0;
    background: transparent;
    border: 2px solid #0babcb;
    transition: all 0.3s ease-in-out;
}
.splide__pagination__page.is-active {
    transform: scale(1.2);
    background: #0babcb;
    border: 2px solid #0babcb;
}

.splide--draggable .splide__slide {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.splide--fade:not(.is-active):first-of-type {
    position: relative;
    opacity: 1;
}

.splide--fade .splide__slide {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
}
.splide--fade .splide__slide.is-active {
    position: relative;
    z-index: 1;
    opacity: 1;
}

.splide--rtl {
    direction: rtl;
}

.splide__track--ttb > .splide__list {
    display: block;
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block;
}

.splide__progress__bar {
    width: 0;
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline;
}

.glider-contain {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.glider {
    position: relative;
    transform: translateZ(0);
    margin: 0 auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
}

.glider-track {
    display: flex;
    z-index: 1;
    transform: translateZ(0);
    width: 100%;
    margin: 0;
    padding: 0;
}

.glider.draggable {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: grab;
}

.glider.draggable .glider-slide img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.glider.drag {
    cursor: grabbing;
}

.glider-slide {
    align-content: center;
    justify-content: center;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.glider-slide img {
    max-width: 100%;
}

.glider::-webkit-scrollbar {
    height: 0;
    opacity: 0;
}

.glider-next.disabled,
.glider-prev.disabled {
    color: #666;
    opacity: 0.25;
    cursor: default;
}

.glider-slide {
    min-width: 150px;
}

.glider-hide {
    opacity: 0;
}

.glider-dots {
    position: absolute;
    right: 0;
    bottom: 0.67em;
    left: 0;
    text-align: center;
}

.glider-dot {
    height: 16px;
    width: 16px;
    padding: 0;
    margin: 0 5px;
    background: transparent;
    border: 2px solid #0babcb;
    transition: all 0.3s ease-in-out;
}

.glider-dot:hover,
.glider-dot:focus,
.glider-dot.active {
    transform: scale(1.2);
    background: #0babcb;
    border: 2px solid #0babcb;
}

.page-layout-2columns-left .column.main,
.page-layout-2columns-left .sidebar-main {
    width: 100%;
}
.page-layout-2columns-left .column.main {
    order: 20;
}
.page-layout-2columns-left .columns {
    display: flex;
    flex-wrap: wrap;
}
.page-layout-2columns-left .sidebar {
    order: 10;
}
.page-layout-2columns-left .sidebar-additional {
    order: 30;
    width: 100%;
}

.page-layout-2columns-right .column.main,
.page-layout-2columns-right .sidebar-main {
    width: 100%;
}
.page-layout-2columns-right .column.main {
    order: 20;
}
.page-layout-2columns-right .columns {
    display: flex;
    flex-wrap: wrap;
}
.page-layout-2columns-right .sidebar {
    order: 10;
}
.page-layout-2columns-right .sidebar-additional {
    order: 30;
    width: 100%;
}

.modal-custom,
.modal-slide,
.modal-popup {
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -9999px;
    z-index: 1050 !important;
    width: 100%;
    padding: 30px 15px;
    outline: 0;
    transition: left 0s 0.3s, visibility 0s 0.3s, opacity 0.3s ease 0s;
    overflow: hidden;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
}
.modal-custom._show,
.modal-slide._show,
.modal-popup._show {
    left: 0;
    transition: opacity 0.3s ease 0.3s;
    opacity: 1;
    visibility: visible;
    pointer-events: none;
}
.modal-inner-wrap {
    position: relative;
    left: -9999px;
    transform: translate(0);
    width: 100%;
    max-height: 100%;
    max-width: 500px;
    box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    margin: auto;
    padding: 30px;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 1;
    pointer-events: auto;
}
.modal-inner-wrap .action-close {
    position: absolute;
    top: 10px;
    right: 10px;
}
.modal-title {
    margin: 0;
    font-size: 24px;
}
.modal-content {
    margin: 0 0 10px;
    padding: 10px 0;
    line-height: 1.6;
}
.modal-footer .action {
    margin: 0 10px 10px 0;
}

._show .modal-inner-wrap {
    left: 0;
}

._has-modal-custom,
._has-modal {
    overflow: hidden;
}
._has-modal-custom ._show + .modal-custom-overlay,
._has-modal-custom ._show + .modals-overlay,
._has-modal ._show + .modal-custom-overlay,
._has-modal ._show + .modals-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040 !important;
    background-color: rgba(0, 0, 0, 0.5);
}
table {
    width: 100%;
    border-collapse: collapse;
}

tbody {
    background: #fff;
}

caption {
    display: none;
}

th {
    border-bottom: 1px solid #d7dadd;
}

tbody tr {
    background: #fff;
}
tbody tr td {
    background: #fff;
}

td,
th {
    padding: 10px;
    text-align: center;
}
td.qty,
th.qty {
    text-align: center;
}

tfoot td:first-of-type {
    width: 80%;
}
tfoot td:last-of-type {
    min-width: 12em;
    max-width: 12em;
    text-align: right;
}

.table__footer tfoot,
.table__footer tbody {
    background: none;
}
.table__footer th,
.table__footer td {
    padding: 5px 10px;
    background: transparent;
    border: none;
}
.table__footer td {
    text-align: right;
}
.table__footer .grand.totals {
    font-size: 1.4em;
}
.table__footer .grand.totals th,
.table__footer .grand.totals td {
    padding: 15px 10px 10px;
}

.breadcrumbs {
    padding: 2px 10px 10px;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden;
    font-size: 0.8em;
    font-weight: 700;
}
.breadcrumbs__items {
    margin-bottom: -30px;
    padding: 0 5px 30px;
    padding-bottom: 30px;
    overflow-x: auto;
    white-space: nowrap;
}
.breadcrumbs__items {
    display: flex;
    width: 100%;
}
.breadcrumbs__item {
    display: flex;
}
.breadcrumbs__separator {
    display: flex;
    align-items: center;
    margin: 0 8px 1px;
}
.breadcrumbs__separator-icon {
    display: block;
    height: 6px;
    width: 4px;
    fill: #0babcb;
}
.breadcrumbs__links {
    display: flex;
    margin: 0 5px 0 0;
    transition: color 0.3s ease-out;
    color: #838383;
    text-decoration: none;
}
.breadcrumbs__links:hover {
    color: #0babcb;
}
.breadcrumbs__active {
    color: #000;
}

.cookie_bar,
.cookie_settings {
    position: fixed;
    left: 50%;
    z-index: 120;
    width: calc(100% - 1em);
    max-width: 600px;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.16);
    padding: 2em;
    background: rgba(255, 255, 255, 0.95);
}

.cookie_bar {
    bottom: 1em;
    transform: translateX(-50%);
    text-align: center;
}

.cookie_settings {
    top: 50%;
    transform: translate(-50%, -50%);
    max-height: calc(100% - 1em);
    overflow-y: auto;
}
.cookie__close {
    position: absolute;
    top: 10px;
    right: 10px;
}
.cookie__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background: rgba(255, 255, 255, 0.5);
}
.cookie__title {
    margin: 0 0 0.5em;
}
.cookie__content {
    margin: 0 0 1.5em;
    line-height: 1.4;
}
.cookie__actions {
    display: flex;
    justify-content: center;
}
.cookie__action {
    width: 120px;
    margin: 0 0.5em;
}
.cookie__groups {
    margin: 0 0 1.5em;
}
.cookie__group {
    position: relative;
    margin: 0 0 0.5em;
}
.cookie__group__checkbox {
    position: absolute;
    top: 1.25em;
    left: 1em;
    z-index: 10;
    margin: 0;
}
.cookie__group__item {
    border: 1px solid #d7dadd;
    border-radius: 4px;
}
.cookie__group__title {
    margin: 0 0 0.25em;
    padding: 1em 1em 1em 2.5em;
}
.cookie__group__svg {
    display: block;
}
.cookie__group__content-inner {
    padding: 0.25em 1em 2em;
}
.cookie__list {
    line-height: 1.6;
}

.columns {
    padding-top: 0.135em;
}

.banners {
    display: flex;
    flex-wrap: wrap;
    gap: 1.335em;
    width: 100%;
    margin: 0 0 0.67em;
}

.banner-column {
    overflow: auto;
}

.banner__main {
    position: relative;
    aspect-ratio: 0.683;
    width: 100%;
    min-height: auto !important;
}

.banner__main .glider,
.banner__main .glider-track {
    min-height: 100%;
}

.banner__main .pagebuilder-slide-wrapper {
    height: 100%;
}

.banner__slim {
    width: 100%;
    position: relative;
    aspect-ratio: 0.683;
}

.banner__slim [data-content-type='slide'],
.banner__main [data-content-type='slide'],
.banner__slim .glider,
.banner__main .glider {
    display: flex;
}

.banner__slim [data-content-type='slide'],
.banner__main [data-content-type='slide'],
.banner__slim [data-element='link'],
.banner__main [data-element='link'],
.banner__slim .glider,
.banner__slim .glider-track,
.banner__main .glider,
.banner__main .glider-track {
    min-height: 100%;
    width: 100%;
}

.banner__slim .pagebuilder-slide-wrapper,
.banner__main .pagebuilder-slide-wrapper {
    height: 100%;
}

.catalog__grid {
    --min: 160px;
    --max: 1fr;
    --grid-gap: 8px;
    display: grid !important;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fill, minmax(var(--min), var(--max)));
    grid-gap: var(--grid-gap);
    text-align: center;
}
.catalog__grid a {
    display: block;
    position: relative;
    aspect-ratio: 1;
}
.catalog__grid figcaption {
    margin: 1rem 0 2rem;
    font-size: 1.2em;
}

.title__has-sub {
    margin-bottom: 0;
}
.title__has-sub + div > p {
    margin-top: 0.335em;
}

.splide__brands {
    width: 100%;
    margin-bottom: 0.33em;
    padding: 0 0 2.335em;
}
.splide__brands .splide__list {
    justify-content: space-between;
}

.brands__item {
    padding: 0 0.67em;
}

.feature__blog-header {
    margin: 0 0 3.333em;
    text-align: center;
}
.feature__blog-title {
    margin: 0 0 0.335em;
}
.feature__blog-subtitle {
    margin: 0.335em 0 0;
}
.feature__blog-content {
    max-width: 1200px;
}

.blog_list-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.blog_list-item {
    max-width: 328px;
    margin-bottom: 40px;
}
.cookie__container {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 120;
    width: calc(100% - 1em);
    max-width: 600px;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.16);
    padding: 2em;
    background: rgba(255, 255, 255, 0.95);
}
.cookie__close {
    position: absolute;
    top: 10px;
    right: 10px;
}
.cookie__title {
    margin: 0 0 0.5em;
}
.cookie__text {
    margin: 0 0 1.5em;
    line-height: 1.4;
}
.cookie__actions {
    display: flex;
    flex-wrap: wrap;
}
.cookie__action {
    margin: 0 0.5em;
}
.page.messages {
    position: sticky;
    top: calc(var(--header-sticky-height) + 10px);
    z-index: 30;
}

.message__icon {
    flex: none;
    margin: 0 10px 0 0;
}
.message--success {
    background: #07ba6e;
    border-color: #07ba6e;
    color: #fff;
}
.message--error {
    background: #f70202;
    border-color: #f70202;
    color: #fff;
}
.message--notice {
    background: #f2d80e;
    border-color: #f2d80e;
    color: #000;
}
.message--info {
    background: #0babcb;
    border-color: #0babcb;
    color: #fff;
}
.message--success .message__icon,
.message__close--success {
    fill: #fff;
}
.message--error .message__icon,
.message__close--error {
    fill: #fff;
}
.message--notice .message__icon,
.message__close--notice {
    fill: #000;
}
.message--info .message__icon,
.message__close--info {
    fill: #fff;
}
.message__close {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.modal {
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 250;
    width: 100%;
    padding: 30px 15px;
    outline: 0;
    transition: left 0s 0.3s, visibility 0s 0.3s, opacity 0.3s ease 0s;
    overflow: hidden;
    overflow-y: auto;
}
.modal_inner {
    position: relative;
    left: 0;
    z-index: 20;
    transform: translate(0);
    width: 100%;
    max-height: 100%;
    max-width: 500px;
    box-shadow: 2px 4px 2px rgba(0, 0, 0, 0.3);
    margin: auto;
    padding: 1em;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    pointer-events: auto;
}
.modal_inner--wider {
    max-width: 800px;
}
.modal__content {
    padding: 1rem 0;
}
.modal__title {
    margin: 0;
    font-size: 1.6em;
}
.modal__close {
    position: absolute;
    top: 10px;
    right: 10px;
}
.modal__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
}

hr {
    border-top: 0;
    border-left: 0;
}

.container__800 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

figure {
    width: 100%;
    margin: 0;
}

[data-content-type='row'] p {
    color: #838383;
    font-size: 0.933rem;
    line-height: 1.6;
}
[data-content-type='row'] table {
    width: 100%;
}
[data-content-type='row'] table td {
    padding: 0.67em;
}

[data-appearance='contained'],
.row-full-width-inner {
    width: 100%;
    padding: 0 10px;
}

/* Column Groups */
[data-content-type='column-line'],
[data-content-type='column-group'] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.67em;
    margin-bottom: 0.67em;
}

/* Columns */
[data-content-type='column'] {
    flex-basis: 100%;
    width: 100%;
}

/* Tabs/Tab Item */
.tabs-navigation {
    display: flex;
    border-bottom: 1px solid #d7dadd;
}
.tab-header {
    margin: 0 0 -1px;
    border: 1px solid transparent;
}
.tab-header.active {
    border: 1px solid #d7dadd;
    border-bottom-color: #fff;
}
.tab-link {
    text-decoration: none;
}
.tab-link,
.tabs-content {
    display: block;
    padding: 0.67em 1.5em;
}

.tab-align-center .tabs-navigation {
    justify-content: center;
}

.tab-align-right .tabs-navigation {
    justify-content: flex-end;
}

.accordion__svg {
    display: block;
    height: 20px;
    width: 20px;
}
/* Buttons/Button Item */
[data-appearance='stacked'] {
    margin-top: auto;
}

[data-content-type='buttons'] {
    display: flex;
    align-items: center;
}

[data-content-type='button-item'] {
    width: 100%;
}

/**
 * Media
 */
/* Image */
.pagebuilder-lazyload {
    background-image: none !important;
}

.pagebuilder-video-container {
    position: relative;
    aspect-ratio: 1.7777777778;
}
.pagebuilder-video-container iframe {
    height: 100%;
    width: 100%;
    border: none;
}

/* Map */
[data-content-type='map'] {
    position: relative;
    aspect-ratio: 1.6666666667;
}

/* Banner */
.pagebuilder-overlay {
    display: flex;
    flex: 1 0 auto;
    align-items: center;
    position: relative;
    padding: 1em 1.73em;
}
.pagebuilder-overlay [data-element='content'] * {
    margin: 0 0 0.335rem;
    line-height: 1.1em;
}
.pagebuilder-overlay [data-element='content'] p {
    font-size: 0.935em;
    line-height: 1.6;
    opacity: 0.8;
}
.pagebuilder-overlay .pagebuilder-banner-button {
    margin: 0.67rem 0 0;
}

.pagebuilder-poster-overlay {
    display: flex;
    align-items: center;
    justify-self: center;
}

.pagebuilder-poster-content {
    width: 100%;
}

.jarallax .video-overlay {
    z-index: 0;
    transform: unset;
}

.pagebuilder-banner-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.pagebuilder-banner-wrapper [data-element='content'] {
    min-height: 50px;
    overflow: auto;
}

[data-show-button='hover'] .pagebuilder-banner-button {
    transition: all 0.3s ease-in;
    opacity: 0;
    visibility: visible !important;
}
[data-show-button='hover']:hover .pagebuilder-banner-button {
    opacity: 1 !important;
}

[data-show-overlay='hover'] .pagebuilder-overlay::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--overlay);
    transition: all 0.3s ease-in;
    opacity: 0;
    visibility: visible !important;
}
[data-show-overlay='hover']:hover .pagebuilder-overlay::before {
    opacity: 1 !important;
}

[data-element='link'] {
    text-decoration: none;
}

.pagebuilder-collage-content {
    z-index: 10;
}

[data-appearance='collage-centered'] .pagebuilder-collage-content {
    margin-left: auto;
    margin-right: auto;
}

[data-appearance='collage-left'] .pagebuilder-collage-content {
    margin-right: auto;
}

[data-appearance='collage-right'] .pagebuilder-collage-content {
    margin-left: auto;
}

[data-content-type='banner'] {
    height: 100%;
}
[data-appearance='collage-left'] .pagebuilder-overlay,
[data-appearance='collage-right'] .pagebuilder-overlay {
    width: 100%;
}

.pagebuilder-slider .splide__slide {
    flex: none;
    width: 100%;
}

[data-content-type='dynamic_block'] [data-content-type='image'] img {
    display: inline;
}

.pb__list_slider .grid-item {
    flex: none;
    width: 20%;
    min-width: 200px;
    padding: 0 10px 30px;
    text-align: center;
}

.pb__grid-items {
    gap: 1rem;
}
.pb__grid-items .grid-item {
    padding: 0 10px;
    opacity: 1;
}
.pb__grid-items .grid-item a {
    cursor: pointer;
}
.pb__grid-items .grid-item-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.pb__grid-items .grid-link {
    padding: 1em;
}
.pb__grid-items .grid-details {
    flex-direction: column;
}
.pb__grid-items .grid-price .price-wrapper {
    font-size: 1.2em;
}
.pb__grid-items .grid-actions {
    margin: auto 0 0;
}
.pb__grid-items .grid-add-to {
    margin: 0 0 10px;
}
.pb__grid-items .grid-add-wl,
.pb__grid-items .grid-add-com {
    width: calc(50% - 5px);
}
.pb__grid-items .grid-reviews {
    width: 100%;
}

.pb__arrow svg,
.pb__arrow_icon {
    width: 25px;
}

.price-excluding-tax {
    display: none !important;
}

.ex_vat .price-including-tax {
    display: none !important;
}
.ex_vat .price-excluding-tax {
    display: inline-block !important;
}

.ex_vat .table--requisition .price-excluding-tax {
    display: block !important;
}

.price-box p {
    margin: 0;
}

.price-notice .price-wrapper {
    display: inline-block;
}

.page-header {
    position: sticky;
    top: 0;
    z-index: 60;
    box-shadow: 0 1px 5px 3px rgba(0, 0, 0, 0);
    transition: all 0.2s ease-in-out;
}
.page-header .page_header--sticky {
    position: sticky;
    z-index: 10;
}
.page-header .page_header--sticky .vat__wrapper {
    display: none;
}
.page-header.is_top {
    top: calc(var(--header-sticky-height) - var(--header-height) + 0px);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
}

.page_header {
    background: #112030;
    color: #fff;
}
.page_header__top {
    background: #112030;
}
.page_header__top_container {
    padding: 10px;
}
.page_header__container {
    flex-wrap: wrap;
    position: relative;
    z-index: 20;
    padding: 1rem 0.85rem 0;
    background: #112030;
}
.page_header__actions,
.page_header__container {
    display: flex;
    align-items: center;
}
.page_header__split {
    order: 60;
    width: 100%;
}
.page_header__logo {
    margin: 0 0 1.25rem;
}
.page_header__logo__img {
    display: block;
    width: 80px;
}
.page_header__icons {
    display: flex;
    align-items: center;
}

.accounts,
.minicart {
    position: relative;
    z-index: 20;
}

.accounts__trigger .account_icon {
    fill: #fff;
}

.dropdown__arrow:before {
    content: '';
    height: 0;
    width: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
}
.dropdown__arrow::before {
    position: absolute;
    top: calc(100% + 10px);
    right: 50%;
    transform: translateX(50%);
}
.dropdown__content {
    position: absolute;
    top: 100%;
    width: 300px;
    box-shadow: 3px 3px 3px -2px rgba(27, 35, 42, 0.2);
    background: white;
    border: 1px solid #fff;
    color: #1b232a;
    margin: 1rem 0 0;
}
.dropdown--active::before {
    opacity: 1;
}

.fade {
    transition: opacity 0.3s ease;
}

.fade--0 {
    opacity: 0;
}

.fade--1 {
    opacity: 1;
}

.header_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.header_icon,
.header_icon-svg,
.header_icon-trigger {
    display: flex;
}
.header_icon-trigger {
    display: block;
    position: relative;
    margin: 0 0 0 0.5rem;
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.header_icon-label {
    display: none;
    font-size: 0.875rem;
    white-space: nowrap;
}
.header_icon-svg {
    height: 25px;
    width: auto;
    fill: #fff;
}

.help__trigger {
    margin: 0;
}

.menu {
    margin: 0 auto 0 0;
}
.menu__trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.219rem 0;
    cursor: pointer;
}
.menu__label {
    line-height: 1;
    white-space: nowrap;
}
.menu__icon {
    display: flex;
    align-items: center;
    margin: 0 0.4rem 0 0;
}
.menu_icon {
    display: flex;
    align-items: center;
    height: 18px;
    width: auto;
    fill: #0babcb;
}

.nav__list {
    display: flex;
    justify-content: center;
}
.nav__link,
.nav__inner-link,
.nav__inner-link-deep {
    display: block;
    padding: 15px 40px 15px 10px;
    font-weight: 400;
    text-decoration: none;
}
.nav__link--parent {
    position: relative;
}
.nav__link--action {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    height: 11px;
    width: 11px;
    margin: 0;
    transition: all 0.2s ease-out;
    fill: #0babcb;
    opacity: 0.5;
}
.nav__icon {
    display: block;
    max-height: 100%;
    max-width: 100%;
}
.nav__inner-link--all {
    padding: 0.67em 1em;
}
.nav__inner-link-deep {
    padding-bottom: 10px;
    padding-top: 10px;
    opacity: 0.65;
}
.nav__inner-link {
    position: relative;
}
.nav__column {
    display: none;
    color: #112030;
}
.nav__overlay {
    position: fixed;
    top: var(--header-height);
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 80;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

.is_top .nav__overlay {
    top: calc(var(--header-sticky-height));
}
.nav__cat-hover {
    opacity: 0;
}

.nav__image,
.nav__cat-hover {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    height: 100%;
    width: 100%;
    transition: opacity 0.2s ease-out;
}
.nav__image.active,
.nav__cat-hover.active {
    opacity: 1;
}
.nav__image-img,
.nav__cat-hover-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.nav__image-title,
.nav__cat-hover-title {
    margin: 0 0 0.454em;
}
.nav__image-title,
.nav__image-text,
.nav__cat-hover-title,
.nav__cat-hover-text {
    position: relative;
    z-index: 10;
    padding: 0 0.67em;
    color: #fff;
    text-align: center;
}
.nav__image-text,
.nav__cat-hover-text {
    margin: 0;
    font-family: arial, 'Helvetica Neue', helvetica, sans-serif;
    font-size: 0.9335em;
    font-weight: 400;
    line-height: 1.6;
}

.nav__image {
    text-decoration: none;
}

.hover-container {
    position: absolute;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

.nav_contact {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: 21em;
    padding: 2em 1em;
    text-align: center;
}
.nav_contact-title {
    margin: 0 0 0.227em;
    font-size: 1.47em;
}
.nav_contact-number {
    display: block;
    margin: 0 0 0.3335em;
    color: #0babcb;
    font-size: 2em;
    text-decoration: none;
}
.nav_contact-kicker,
.nav_contact-hours {
    margin: 0;
}
.nav_contact-hours {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 1.6rem;
    left: 0;
    width: 100%;
    font-size: 0.867em;
}
.nav_contact-hours--divide {
    display: flex;
    height: 0.867em;
    width: 1px;
    margin: 0 0.45em;
    background: #fff;
    opacity: 0.5;
}

.search__container {
    order: 1;
    z-index: 10;
    width: calc(100% + 1.7rem);
    margin: 1.125rem -0.85rem 0;
    border-bottom: 1px solid #bfbfbf;
    transition: transform 0ms ease-out 0.2s, opacity 0.2s ease-in 0s;
}
.search__overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.search--active {
    z-index: 60;
    transition: transform 0ms ease-out 0s, opacity 0.2s ease-in 0.2s;
    opacity: 1;
}
.search__form {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 20;
    width: 100%;
}
.search__field {
    position: relative;
    width: 100%;
}
.search__input {
    height: 33px;
    width: 100%;
    padding: 0 50px 0 15px;
    background: #fff;
    border: none;
    outline: none;
    font-size: 0.8rem;
}
.search__input::-moz-placeholder {
    color: #0babcb;
}
.search__input::placeholder {
    color: #0babcb;
}
.search__input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}
.search__input:focus {
    box-shadow: 0 0 2px 1px #0babcb;
    border-color: #0babcb;
}
.search__autocomplete {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 100%;
    box-shadow: 3px 3px 3px -2px rgba(27, 35, 42, 0.2);
    padding: 10px;
    background: #fff;
    border: 1px solid #fff;
}
.search__autocomplete:before {
    content: '';
    height: 0;
    width: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
}
.search__autocomplete::before {
    position: absolute;
    top: 0;
    right: 50%;
    transform: translate(50%, -100%);
}
.search__autocomplete li {
    display: flex;
    align-items: center;
    padding: 15px 10px;
    border-bottom: 1px solid #d7dadd;
    cursor: pointer;
}
.search__autocomplete li:hover {
    text-decoration: underline;
}
.search__autocomplete li:last-child {
    border: none;
}
.search__autocomplete .qs-option-name {
    flex: 1 0 auto;
}
.search__autocomplete .amount {
    font-size: 90%;
    opacity: 0.65;
}
.search__autocomplete .amount::before {
    content: '(';
}
.search__autocomplete .amount::after {
    content: ')';
}
.search__button,
.search__button:disabled {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 48px;
    margin: 0;
    padding: 0;
    border-radius: 0;
    transition: opacity 0.2s ease;
    opacity: 1;
}
.search__button:disabled {
    opacity: 0.7;
}
.search__action-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkout-cart-index .minicart__trigger,
.minicart__trigger--disabled .minicart__trigger {
    cursor: default;
    pointer-events: none;
}
.checkout-cart-index .minicart__trigger.minicart__trigger--quote,
.minicart__trigger--disabled .minicart__trigger.minicart__trigger--quote {
    cursor: pointer;
    pointer-events: auto;
}
.checkout-cart-index.quotation-index-index .minicart__trigger,
.minicart__trigger--disabled.quotation-index-index .minicart__trigger {
    cursor: pointer;
    pointer-events: auto;
}
.checkout-cart-index.quotation-index-index
    .minicart__trigger.minicart__trigger--quote,
.minicart__trigger--disabled.quotation-index-index
    .minicart__trigger.minicart__trigger--quote {
    cursor: default;
    pointer-events: none;
}

.minicart .loading-mask {
    border-radius: 2px;
}
.minicart__trigger {
    text-decoration: none;
    cursor: pointer;
}
.minicart__trigger-action {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.minicart__trigger--quote.hidden {
    width: 0;
    margin-left: 0;
    padding: 0;
    overflow: hidden;
}
.minicart .basket_icon {
    fill: #fff;
}
.minicart__count {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    height: 15px;
    min-width: 15px;
    padding: 0 0.335em 0 0.4em;
    background: #0babcb;
    border: 1px solid #112030;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 13px;
    text-align: center;
}
.minicart_content {
    position: absolute;
    top: 100%;
    right: 0;
    width: 320px;
    box-shadow: 2px 2px 4px -2px rgba(27, 35, 42, 0.2);
    margin: 0.45em 0 0;
    padding: 25px;
    background: #fff;
    border: 1px solid #d7dadd;
    border-radius: 4px;
    color: #1b232a;
}
.minicart_arrow,
.minicart_arrow-inner,
.minicart_close {
    position: absolute;
    overflow: hidden;
}
.minicart_arrow {
    top: 0;
    right: 10px;
    transform: translate(-50%, -100%);
    height: 10px;
    width: 10px;
    background: transparent;
    border-top: 1px solid #fff;
}
.minicart_arrow-inner {
    top: 0;
    left: 50%;
    transform: translate(-50%, 50%) rotate(45deg);
    height: 8px;
    width: 8px;
    box-shadow: 2px 2px 4px -2px rgba(27, 35, 42, 0.2);
    background: #fff;
    border: 1px solid #d7dadd;
}
.minicart_close {
    top: 10px;
    right: 10px;
}
.minicart_title {
    display: block;
    margin: 0 0 1em;
    font-size: 1.2em;
    font-weight: 700;
}
.minicart_items {
    padding: 1.25em 0;
}
.minicart_item {
    display: flex;
    align-items: flex-start;
    margin: 0 0 1em;
    padding: 0 0 1em;
    border-bottom: 1px solid #d7dadd;
}
.minicart_item:last-of-type {
    margin: 0;
}
.minicart_item-link {
    flex: 0 0 75px;
    margin: 0 1em 1em 0;
}
.minicart_item-name,
.minicart_item-sku {
    font-weight: 700;
}
.minicart_item-name {
    margin: 0 0 0.25em;
    font-size: 0.95em;
}
.minicart_item-sku {
    margin: 0 0 0.5em;
    font-size: 0.8em;
    opacity: 0.5;
}
.minicart_item-qty {
    margin: 0.75em 0;
    font-size: 0.9em;
}
.minicart_item-qty_label {
    opacity: 0.6;
}
.minicart_item-options {
    font-size: 0.85em;
}
.minicart_item-option {
    margin: 0 0 0.25em;
}
.minicart_item-option-label {
    display: inline-block;
    margin: 0 0.5em 0 0;
}
.minicart_item-option-value {
    font-weight: 700;
}
.minicart_item-actions {
    display: flex;
    flex-wrap: wrap;
}
.minicart_item-edit,
.minicart_item-remove {
    margin: 0 0.5em 0.5em 0;
}
.minicart_subtotal {
    display: flex;
}
.minicart_subtotal-title {
    margin: 0 0.25em 0 0;
    font-weight: 700;
}
.minicart_subtotal-total {
    margin: 0 0 0 auto;
    font-size: 1.1em;
    font-weight: 700;
}
.minicart_actions {
    margin: 0 0 1em;
}
.minicart_action-primary {
    margin: 0 0 0.5em;
}
.minicart_action-secondary {
    text-align: center;
}
.quote-summary.minicart {
    margin-left: 0;
}

.accounts__trigger {
    margin-right: 0;
    cursor: pointer;
}
.accounts__dropdown {
    right: -20px;
}
.accounts .action.close {
    top: calc(100% + 15px);
    right: -10px;
}
.accounts__links--main {
    display: flex;
    padding: 15px;
    background: #fff;
}
.accounts__links--help {
    padding-top: 15px;
}
.accounts__link {
    display: flex;
    align-items: center;
    padding: 0 15px 15px;
    border-bottom: 1px solid #fff;
    color: #000;
}
.accounts__link:hover {
    color: #0babcb;
}
.accounts__link-icon {
    margin: 0 10px 0 0;
}
.accounts__link:hover .accounts__link-icon {
    fill: #0babcb;
}
.accounts__link--last {
    border: none;
}
.accounts__link--label,
.accounts__link--main {
    padding: 0 10px 0 0;
    border: none;
}

.block-header_useful_link {
    margin: 0 0 1.8671rem 3.335rem;
    font-size: 0.934em;
}

.block-header_useful_link .block-content {
    margin: 0;
}

.block-header_useful_link li {
    margin: 0 25px 0 0;
    padding: 0;
}
.block-header_useful_link a {
    transition: opacity 0.2s ease-in-out;
    text-decoration: none;
}
.block-header_useful_link a:hover {
    opacity: 0.7;
}
.block-header_useful_link p {
    margin: 0;
}

.loggedin_container {
    background: #edeef0;
}
.loggedin_container--inner {
    padding: 0 1em;
}
.loggedin_action,
.loggedin_item {
    display: flex;
    gap: 0.67em;
    align-items: center;
}
.page-header_top-banner h1,
.page-header_top-banner h2,
.page-header_top-banner h3,
.page-header_top-banner p {
    margin: 0;
}

.currency__container {
    position: relative;
    margin: 0 10px;
    cursor: pointer;
}
.currency__value {
    font-weight: 300;
}
.currency__symbol {
    margin: 0 0.55em 0 0.35em;
    font-size: 1.067em;
}
.currency__select {
    display: flex;
    align-items: center;
}
.currency__select-icon {
    fill: currentcolor;
}
.currency__dropdown {
    position: absolute;
    top: calc(100% + 5px);
    right: -10px;
    z-index: 90;
    width: 150px;
    box-shadow: 3px 3px 3px -2px rgba(27, 35, 42, 0.2);
    padding: 0.67em;
    background: white;
    border: 1px solid #fff;
    color: #1b232a;
}
.currency__dropdown-arrow:before {
    content: '';
    height: 0;
    width: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
}
.currency__dropdown-arrow::before {
    position: absolute;
    top: -5px;
    right: 15px;
    transform: translateX(50%);
}
.currency__dropdown-item {
    text-align: center;
}
.currency__container--mobile .currency__dropdown {
    position: static;
    width: 100%;
    margin: 10px 0 0;
}

.confidence_message__container {
    background: #edeef0;
}
.confidence_message__container-inner {
    min-width: auto;
    margin-bottom: 8px;
}
.confidence_message__items {
    display: flex;
    position: relative;
    width: 100%;
    color: #001b33;
}
.confidence_message__item {
    display: flex;
    flex: none;
    align-items: center;
    padding: 10px;
}
.confidence_message__item-inner::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -2px;
    transform: translateY(-50%);
    height: 40px;
    width: 2px;
    background: #d7dadd;
}
.confidence_message__item-inner {
    flex: 1 1 auto;
}
.confidence_message__item-inner > div {
    display: flex;
    align-items: center;
    justify-content: center;
}
.confidence_message__item-inner > div img {
    margin: 0 1.334em 0 0;
}
.confidence_message__item-inner p {
    margin: 0;
}
.confidence_message__item-inner .trustpilot-widget {
    width: 100%;
}

.header_contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 33.33%;
    margin: 0 0 1.25rem;
    line-height: 1;
}
.header_contact__link {
    text-decoration: none;
}
.header_contact .hours {
    display: flex;
    color: #0babcb;
    font-size: 0.827em;
}

.vat__wrapper {
    display: flex;
    justify-content: flex-end;
    width: 33.33%;
    margin: 0 0 1.25rem;
}
.vat__container {
    cursor: pointer;
}
.vat__container,
.vat__switch {
    display: flex;
    align-items: center;
}
.vat__label {
    font-size: 0.7335em;
    line-height: 0.77em;
    text-transform: uppercase;
    white-space: nowrap;
}
.vat__input {
    position: absolute;
    top: 0;
    left: -9999px;
}
.vat__input,
.vat__slider {
    position: absolute;
}
.vat__switch {
    position: relative;
    height: 10px;
    width: 24px;
    margin: 0 0.25em;
    background: #0da239;
}
.vat__switch,
.vat__slider {
    border-radius: 99px;
}
.vat__slider {
    bottom: 2px;
    left: 2px;
    height: 6px;
    width: 6px;
    background-color: #fff;
    transition: 0.4s;
}
.vat__input:checked + .vat__slider {
    left: 16px;
}

.ex_vat .vat__switch {
    background: #838383;
}

.switch {
    display: inline-block;
    position: relative;
    height: 34px;
    width: 60px;
}

.switch input {
    height: 0;
    width: 0;
    opacity: 0;
}

.slider {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ccc;
    transition: 0.4s;
    cursor: pointer;
}

.slider::before {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 4px;
    height: 26px;
    width: 26px;
    background-color: white;
    transition: 0.4s;
}

input:checked + .slider {
    background-color: #2196f3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider::before {
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round::before {
    border-radius: 50%;
}

.footer {
    background: #fff;
}
.footer__container {
    width: 100%;
    padding: 0 10px;
}
.footer_top {
    margin: 0 0 20px;
    background: #1b232a;
}
.footer_bottom {
    padding: 20px 0 0;
    background: #fff;
}
.footer_top,
.footer_main {
    border-bottom: 1px solid #d7dadd;
}
.footer__columns,
.footer_bottom__inner {
    display: flex;
    flex-direction: column;
}
.footer__column--address,
.footer_bottom .copyright {
    order: 1;
}
.footer_bottom__inner {
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0.9em 0 0;
}
.social__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.social__item {
    margin: 0 0.67em 0.5em 0;
    padding: 0.5em;
    background: #2b3640;
    border: 1px solid #2b3640;
}
.social__item:last-of-type {
    margin: 0 0 0.5em;
}
.social__icon {
    display: flex;
    fill: #fff;
    height: 1.2em;
    width: auto;
}

.payment_icons__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 20px;
}
.payment_icons--small .payment_icons__list {
    margin: 0;
    padding: 10px;
}
.payment_icons__title {
    display: none;
}
.payment_icons__item {
    padding: 2px;
}
.payment_icons__img {
    height: 30px;
    width: auto;
}
.payment_icons__img--small {
    height: 22px;
}

.copyright {
    margin: 0 0 20px;
    color: #71797d;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}

.footer__logo {
    display: block;
    max-width: 150px;
    margin: 0 auto 10px;
}
.footer__column ul li {
    margin: 0.9em 0;
}
.footer__column ul li a {
    text-decoration: none;
}
.footer__column address {
    color: #3f4748;
    font-style: normal;
}
.footer__column a {
    transition: color 0.2s ease-in-out;
    color: #838383;
    text-decoration: underline;
}
.footer__column a:hover {
    color: #010101;
}
.footer__column--address h4 {
    margin: 0 0 0.535em;
}
.footer__column--address .block-content p {
    margin: 0.67em 0;
}
.footer__column--address .block-content a {
    color: #1b232a;
}
.footer_column__title {
    color: #010101;
    font-size: 1.2em;
}

.footer_accordion__svg {
    display: block;
}
.newsletter__footer {
    padding: 30px 20px 40px;
    background: #1b232a;
}
.newsletter__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.newsletter__title_group {
    margin: 0 0 15px;
    color: #fff;
    text-align: center;
}
.newsletter__title_group > * {
    display: block;
    margin: 0 0 0.15em;
}
.newsletter__title {
    font-size: 22px;
}
.newsletter__content {
    position: relative;
    width: 100%;
    max-width: 400px;
}
.newsletter__button {
    width: 100%;
}
.checkout-onepage-success .page-title-wrapper {
    margin-top: 3em;
    text-align: center;
}

.success_container {
    --min: 300px;
    --max: 1fr;
    --grid-gap: 30px;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fill, minmax(var(--min), var(--max)));
    max-width: 800px;
    margin: 0 auto;
    padding: 0 0 5em;
    grid-gap: var(--grid-gap);
}

.quote-success_container .checkout-success {
    max-width: 800px;
    margin: 5em auto 8em;
}

.quote-success_container .container,
.success_container .container {
    padding: 3em;
}
.quote-success_container .page-title-wrapper .page-title,
.success_container .page-title-wrapper .page-title {
    margin: 0;
}
.quote-success_container .page-title-wrapper a,
.success_container .page-title-wrapper a {
    padding: 0;
}
.quote-success_container .order-number,
.success_container .order-number {
    padding: 0;
}
.quote-success_container .action.primary,
.success_container .action.primary {
    margin: 30px 0 0;
}
.quote-success_container .success_order,
.success_container .success_order {
    font-size: 1.4em;
    font-weight: 700;
}
.quote-success_container .order-number,
.success_container .order-number {
    font-size: 1.2em;
}
.quote-success_container .success_content,
.success_container .success_content {
    line-height: 1.4em;
}
.paypal-express-review .page_header__logo {
    margin: 0 auto;
}
.paypal-express-review .page-footer {
    padding: 30px 20px;
}
.paypal-express-review .copyright {
    text-align: center;
}
.paypal-express-review .page-title-wrapper,
.paypal-express-review .column.main {
    max-width: 600px;
    margin: auto;
}
.paypal-express-review .page-title-wrapper {
    margin: 20px auto;
}
.paypal-express-review .page-title {
    padding-bottom: 30px;
    border-bottom: 1px solid #d7dadd;
}
.paypal-express-review .column.main .action.edit span {
    height: auto;
    width: auto;
    padding-right: 20px;
    background-position: center right;
    background-size: 12px;
}
.paypal-express-review .column.main .block-content {
    display: flex;
    flex-wrap: wrap;
}
.paypal-express-review .column.main .block-content > * {
    width: 50%;
    min-width: 280px;
    margin: 0 0 20px;
    padding: 15px;
}
.paypal-express-review .column.main .block-content .box-content {
    margin: 10px 0;
    line-height: 1.6;
}
.paypal-express-review .column.main .block-content .box-order-billing-address,
.paypal-express-review .column.main .block-content .box-order-shipping-address {
    order: -1;
}
.paypal-express-review
    .column.main
    .block-content
    .box-order-billing-address
    .box-content {
    display: flex;
}
.paypal-express-review
    .column.main
    .block-content
    .box-order-billing-address
    .box-content
    img {
    display: none;
}
.paypal-express-review .column.main .block-order-details-view {
    margin-bottom: 10px;
    border-bottom: 1px solid #d7dadd;
}
.paypal-express-review .column.main .paypal-review-discount {
    margin: 10px 0;
    padding: 10px 0 20px;
    border: none;
    border-bottom: 1px solid #d7dadd;
}
.paypal-express-review .column.main .paypal-review-discount .title {
    font-size: 1rem;
}
.paypal-express-review .column.main .paypal-review-discount .content {
    display: none;
    padding: 20px 10px;
}
.paypal-express-review .column.main .paypal-review-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 30px;
    border: none;
}
.paypal-express-review .column.main .paypal-review-title strong {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
}
.paypal-express-review .column.main .paypal-review-items {
    padding: 10px;
}
.paypal-express-review .column.main .cart.table-wrapper {
    margin: 0 auto 30px;
}
.paypal-express-review .column.main .cart.table-wrapper .item .col.item {
    padding: 10px 0;
}
.paypal-express-review
    .column.main
    .cart.table-wrapper
    .product-image-container {
    max-width: 90px;
}
.paypal-express-review .column.main .opc-block-summary {
    border-top: 1px solid #d7dadd;
}
.paypal-express-review .column.main .opc-block-summary .totals {
    width: 100%;
    margin: 0 0 1em;
}
.paypal-express-review .column.main .opc-block-summary .totals_cell {
    padding: 0 0 1em;
}
.paypal-express-review .column.main .opc-block-summary .totals_cell--right {
    font-weight: 700;
    text-align: right;
}
.paypal-express-review .column.main .opc-block-summary .totals_cell--ex-vat {
    font-size: 0.9em;
    opacity: 0.6;
}
.paypal-express-review
    .column.main
    .opc-block-summary
    .totals_cell--grand-total {
    padding: 0.25em 0 1em;
    font-weight: 700;
}
.paypal-express-review
    .column.main
    .opc-block-summary
    .totals_cell--grand-total-price {
    font-size: 1.4em;
}
.paypal-express-review .actions-toolbar > .primary {
    width: 100%;
}
.paypal-express-review .actions-toolbar > .primary .primary {
    max-width: none;
    margin: auto;
    float: none;
}

.cart.item td {
    border: none;
}
.cart__item {
    position: relative;
    width: 100%;
}
.cart__item-image {
    flex: 1 1 auto;
    width: 70px;
    max-width: 70px;
    margin: 0 10px 0 0;
}
.cart__item-details {
    max-width: calc(100% - 80px);
}
.cart__item-details {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.cart__item-details > * {
    width: 100%;
}
.cart__price {
    margin: 0 0 5px;
}
.cart__item-subtotal {
    margin-top: auto;
    font-size: 18px;
}
.paypal-express-review .opc-block-shipping-information,
.paypal-express-review .opc-block-summar {
    background: none;
}

.catalogsearch-result-index .page-main,
.catalog-category-view .page-main {
    padding: 0;
    background: #f6f6f7;
}
.catalogsearch-result-index .columns,
.catalog-category-view .columns {
    padding: 20px;
}

.page-with-filter .columns {
    padding: 25px 10px 50px;
}

.catalogsearch-result-index .breadcrumbs {
    border: none;
}
.catalogsearch-result-index .page-title-wrapper {
    padding: 2em 0 0;
    text-align: center;
}

.filter__current--remove {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
.filter__current__actions {
    padding: 0 20px 15px;
}
.filters {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 20px;
}
.filters__button {
    display: flex;
    align-items: center;
    order: -10;
    height: 48px;
    width: 100%;
    text-align: left;
}
.filters__button strong {
    width: 100%;
}
.filters__button-icon {
    fill: #fff;
}
.filters__trigger {
    order: -20;
    min-width: 150px;
}
.filters__type,
.filters__sorter {
    display: flex;
    align-items: center;
}
.filters__type--select,
.filters__sorter--select {
    flex: 1 1 auto;
}
.filters__type--action,
.filters__sorter--action {
    justify-content: center;
    padding: 5px;
}
.filters__type--action-icon,
.filters__sorter--action-icon {
    display: block;
    width: 25px;
}
.filters__type {
    order: -10;
}
.filters__title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    position: relative;
    margin: 0 0 5px;
    padding: 16px 20px;
    background: #fff;
    color: #1b232a;
}
.filters__title-inner {
    font-size: 22px;
}
.filters__count {
    margin: 0;
    font-size: 0.9335em;
    font-weight: 700;
}
.filters__close {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 90;
    height: 100%;
    padding: 15px;
}
.filters__content {
    width: 100%;
    margin: 0 0 30px;
}
.filters__items {
    background: #fff;
}
.filters__icon {
    display: block;
    height: 16px;
    width: 16px;
}
.filters__option {
    padding: 0;
    border-bottom: 2px solid #f6f6f7;
}
.filters__option-title .filters__option-title-icon .filters__icon--minus {
    display: none;
}
.filters__option-title
    .active
    + .filters__option-title-icon
    .filters__icon--plus {
    display: none;
}
.filters__option-title
    .active
    + .filters__option-title-icon
    .filters__icon--minus {
    display: block;
}
.filters__option-title-icon {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0, -50%);
    transition: opacity 0.2s ease-out;
}
.filters__option-title {
    position: relative;
    padding: 15px 35px 10px 20px;
    font-size: 1.2em;
}
.filters__option-shadow {
    position: relative;
    overflow: hidden;
}
.filters__option-list {
    position: relative;
    height: 0;
    margin: 0;
    transition: height 0.3s ease;
    overflow: hidden;
}
.filters__option-list.active {
    height: auto;
}
.filters__option-list--inner {
    padding: 0 20px;
}
.filters__option-list--inner-height {
    max-height: 200px;
    transition: max-height 0.3s ease;
    overflow-x: auto;
}
.filters__option-list--inner-height::before,
.filters__option-list--inner-height::after {
    content: '';
    position: absolute;
    left: 0;
    z-index: 10;
    height: 3px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    transition: opacity 0.3s ease;
    filter: blur(2px);
}
.filters__option-list--inner-height::before {
    top: 0;
    opacity: 0;
}
.filters__option-list--inner-height::after {
    top: 199px;
    opacity: 1;
}
.filters__option-list--inner-height.start-scroll::before {
    opacity: 1;
}
.filters__option-list--inner-height.end-scroll::after {
    opacity: 0;
}
.filters__option-shadow-remove .filters__option-list--inner-height::before,
.filters__option-shadow-remove .filters__option-list--inner-height::after {
    display: none;
}
.filters__option-expand {
    position: relative;
    z-index: 20;
    width: 100%;
    padding: 15px 20px;
    background: #fff;
}
.filters__option-search {
    padding: 0 10px 10px;
}
.filters__option-item {
    display: block;
    padding: 8px 0;
    color: #838383;
    line-height: 1.2;
    text-decoration: none;
}
.filters__option-item:hover {
    color: #1b232a;
}
.filters__option-item--state {
    display: flex;
    position: relative;
    width: 100%;
    padding-right: 30px;
}
.filters__option-count {
    font-size: 90%;
    opacity: 0.55;
}

.toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 0.335em;
    padding: 0.335em;
    background: #fff;
}
.toolbar .pager {
    display: none;
}
.toolbar ~ .toolbar {
    margin-top: 0.335em;
    padding: 0;
}
.toolbar ~ .toolbar .pager {
    display: block;
}
.toolbar ~ .toolbar .toolbar__limiter,
.toolbar ~ .toolbar .toolbar__amount,
.toolbar ~ .toolbar .filters__sorter,
.toolbar ~ .toolbar .filters__type,
.toolbar ~ .toolbar .toolbar__modes,
.toolbar ~ .toolbar .filters__button {
    display: none;
}
.toolbar__amount {
    display: none;
    padding: 0 10px;
}
.toolbar__amount-number {
    margin: 0 0.25em 0 0;
    font-weight: 700;
}
.toolbar__limiter {
    display: none;
    font-weight: 700;
}
.toolbar__limiter-label {
    margin: 0 0.335em 0 0.675em;
}
.toolbar__limiter-link {
    margin: 0 5px;
    color: #0babcb;
}
.toolbar__limiter-selected {
    color: #273743;
    text-decoration: none;
}
.toolbar .filters__type {
    display: flex;
    align-items: center;
}
.toolbar .filters__type-label {
    margin: 0 0.335em 0 0;
}
.toolbar__modes {
    display: flex;
}
.toolbar__modes-mode {
    margin: 0 10px 0 0;
}
.toolbar__modes-icon {
    fill: #bfbfbf;
}
.toolbar__modes-icon:hover {
    fill: #1b232a;
}

.catalogsearch-result-index .toolbar__amount {
    margin: 0 auto 0 0;
}

.pager {
    width: 100%;
}
.pager__items {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    padding: 1em;
    font-size: 1.2em;
}
.pager__item {
    margin: 0 5px;
}
.pager__link {
    padding: 5px;
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}
.pager__link--next,
.pager__link--previous {
    display: flex;
    padding: 0.5335em 1em;
    color: #fff;
    text-decoration: none;
}
.pager__link--current {
    color: #0babcb;
    text-decoration: none;
}

.grid-item-stock {
    height: 1em;
    margin: 0 0.335em 0.85em 0;
    overflow: visible;
}
.grid-column {
    padding: 0.67em;
}
.grid-loading_view,
.grid-item_inView {
    opacity: 1;
}
.grid-image-container {
    flex: 1 1 auto;
    min-width: 120px;
    max-width: 180px;
}
.grid-info {
    width: 70%;
    max-width: 530px;
    padding-right: 20px;
}
.grid-details-inner {
    display: flex;
    flex: 1 1 auto;
}
.grid-sku-label {
    margin: 0 0.3335em 0 0;
    color: #bfbfbf;
    font-size: 0.8em;
}
.grid-sku-label::after {
    content: ':';
}
.grid-sku-value {
    color: #0babcb;
    font-size: 0.9335em;
}
.grid-last {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-top: 2px solid #f6f6f7;
}
.grid-description {
    margin: 0 0 1.67em;
}
.grid-description p,
.grid-description ul {
    margin: 0.3335em 0;
    font-size: 0.8em;
}
.grid-description li:nth-of-type(1n + 4) {
    display: none;
}
.grid-description ul {
    padding: 0 0 0 1.25em;
}
.grid-short-desc {
    display: flex;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.product_label-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.brand {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.brand-logo {
    max-width: 69px;
    margin: 0 0.3335em 0.3335em;
}

.size {
    width: 100%;
    max-width: 270px;
    margin: 0 auto auto;
    padding: 0 0 1.5em;
}
.size__title {
    margin: 0.3335em 0 0.67em;
    text-align: center;
}
.size__summary {
    width: 100%;
    border-collapse: collapse;
    color: #273743;
    font-size: 0.8em;
}
.size__summary tr:nth-child(odd) {
    background: #f6f6f7;
}
.size__summary tr:nth-child(odd) td {
    background: #f6f6f7;
}
.size__summary td,
.size__summary th {
    padding: 0.5em 0.67em;
}
.size__summary th {
    font-weight: 400;
    text-align: left;
}
.size__summary td {
    font-weight: 700;
    text-align: right;
}

.grid-price {
    flex: 1 0 auto;
}
.grid-price-wrapper {
    margin: auto 0 0;
    text-align: center;
}
.grid-price-wrapper--simple {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: right;
}
.grid-price .minimal-price {
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin: 0 auto;
}
.grid-price .minimal-price .price-label {
    display: block !important;
    margin: 0 0.335em 0 0;
    color: #838383;
    font-size: 0.8em;
}
.grid-price > .price-box {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 0.4em;
}
.grid-price .price-container {
    display: block;
}
.grid-price .price-final_price {
    font-size: 1.2em;
    line-height: 1;
}
.grid-price .old-price .price {
    font-size: 0.8335em;
    text-decoration: line-through;
}
.grid-price .special-price .price {
    color: #d30f05;
}
.grid-price .tier__prices .tier__item {
    justify-content: flex-end;
}
.label_wrapper {
    position: relative;
}

.product_label {
    position: absolute;
    z-index: 20;
}
.product_label--no-click {
    pointer-events: none;
}
.product_label--top_left,
.product_label--top_center,
.product_label--top_right {
    top: 0;
}
.product_label--top_left,
.product_label--middle_left,
.product_label--bottom_left {
    left: 0;
}
.product_label--bottom_center,
.product_label--top_center {
    left: 50%;
    transform: translateX(-50%);
}
.product_label--top_right,
.product_label--middle_right,
.product_label--bottom_right {
    right: 0;
}
.product_label--middle_left,
.product_label--middle_right {
    top: 50%;
    transform: translateY(-50%);
}
.product_label--center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.product_label--bottom_left,
.product_label--bottom_center,
.product_label--bottom_right {
    bottom: 0;
}

.category-view {
    position: relative;
    padding: 1em 0.67em;
    overflow: hidden;
}
.category-view .page-title {
    margin: 0;
}
.category__content {
    position: relative;
    z-index: 10;
    padding: 10px;
}
.category-description p {
    margin: 0.667em 0 1em;
    line-height: 1.6;
}
.category-default:not(.category-landing-layout) .category-view {
    margin: 0 auto;
    padding: 1.67em 0.67em;
}
.category-default:not(.category-landing-layout) .category__content * {
    color: #fff;
    text-align: center;
}
.category-default:not(.category-landing-layout) .category-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}
.category-default:not(.category-landing-layout) .category-image .image {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-with-filter:not(.category-landing-layout) .category-view {
    background: #fff;
}
.page-with-filter:not(.category-landing-layout) .category-view-inner {
    display: flex;
    justify-content: space-between;
}
.page-with-filter:not(.category-landing-layout) .category-image {
    order: 10;
    width: 27%;
    margin: 0 0 0 2em;
    text-align: right;
}

.category-landing-layout .category-view {
    margin: 0;
}
.category-landing-layout .category__content,
.category-landing-layout .category-view {
    width: 100%;
    padding: 0;
}
.category-landing-layout .page-main {
    background: transparent;
}
.category-landing-layout .category-view-inner {
    max-width: none;
}

.category-description [data-appearance='contained'] {
    padding: 0;
}

.page-bottom .category-view-inner {
    max-width: none;
}

.category-description-bottom {
    width: 100%;
    margin: 0;
}

.card__items {
    --min: 165px;
    --max: 1fr;
    --grid-gap: 0.335em;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fill, minmax(var(--min), var(--max)));
    grid-gap: var(--grid-gap);
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 50px;
}
.card__item,
.card__link,
.card__content {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
}
.card__link {
    text-decoration: none;
}
.card__item {
    background: #fff;
    border: 2px solid #fff;
}
.card__image_wrapper {
    position: relative;
    aspect-ratio: 1;
}
.card__content {
    flex: 1 0 auto;
    padding: 0.67em;
    text-align: center;
}
.card__title {
    margin: 0.556em 0 0;
}
.card__title,
.card__strapline {
    padding: 0 0.67em;
}
.card__strapline {
    font-size: 0.934em;
    line-height: 1.715;
}
.card__strapline p {
    margin: 0.72em 0 1.79em;
}
.card__actions {
    margin-top: auto;
}

.availablity__item {
    display: flex;
    flex-wrap: wrap;
    align-self: baseline;
    font-size: 0.867em;
    font-weight: 700;
}
.availablity__item-icon {
    display: block;
    margin: 0 5px 0 0;
    fill: currentColor;
}
.availablity__item .icon {
    display: block;
}
.availablity__text--terms {
    margin: 0.335em 0 0;
    color: #1b444d;
    font-size: 0.767em;
}
.availablity__availablie {
    color: #1b444d;
}
.availablity__unavailable {
    color: #f7a126;
}
.availablity__unavailable-icon {
    fill: currentColor;
}

.catalog-product-view .page-main {
    background: #f6f6f7;
}
.catalog-product-view .breadcrumbs {
    border: none;
}

.info__top {
    width: 100%;
    margin: 0 0 20px;
}

.product__info {
    background: #fff;
}
.product__info-inner {
    padding: 1em 0.67em;
}

.product-options-bottom {
    display: flex;
    flex-wrap: wrap;
}

.gallery {
    margin: 0 0 20px;
}
.gallery__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.gallery__inner {
    position: relative;
    padding: 0.67rem;
    background: #fff;
    width: 100%;
    position: relative;
    aspect-ratio: 1;
}
.gallery__video-container {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: -9999px;
    z-index: 200;
    height: 100%;
    width: 100%;
    background: #fff;
    opacity: 0;
}
.gallery__video-container.active {
    left: 0;
    transition: left 0ms ease-out 0.2s, opacity 0.2s ease-in 0.2s;
    opacity: 1;
}
.gallery__video-container iframe {
    height: auto;
    max-width: 100%;
    border: none;
    position: relative;
    aspect-ratio: 1.7777777778;
}
.gallery__thumbs {
    display: flex;
    cursor: pointer;
}
.gallery__thumbs.--has-arrows {
    gap: 0.67rem;
}
.gallery__thumbs-inner {
    display: flex;
    flex: 1 1 100%;
    overflow: hidden;
}
.gallery__thumbs-item {
    flex: 0 0 33.33%;
    height: auto !important;
    width: 33.33%;
    padding: 0 0.67rem 0 0;
    line-height: 0 !important;
    text-align: center;
}
.gallery__thumbs-item.mz-thumb-selected img {
    border: 1px solid #1b444d;
}
.gallery__thumb--picture {
    pointer-events: none;
}
.gallery__thumb-control {
    display: flex;
    transition: opacity 0.3s ease;
    opacity: 1;
}
.gallery__thumb-control.disabled {
    transition: opacity 0.3s ease;
    opacity: 0.25;
    cursor: not-allowed;
}
.gallery__thumb-control .icon {
    margin: auto;
}

.mcs-items-container {
    display: flex;
}
.mcs-items-container .mcs-item {
    flex: 0 0 33.33%;
    width: calc(33.33% - 0.67rem);
}
.mcs-items-container .mcs-item .gallery__thumbs-item {
    width: 100%;
}
.product__title {
    margin: 0 0 0.335em;
    font-size: 1.2em;
}
.product__top-title {
    display: inline-block;
    width: 100%;
    padding: 0.67em 0.67em 0;
    background: #fff;
}
.product__sku {
    display: flex;
    align-items: baseline;
    margin: 0 0 0.67em;
}
.product__sku .type {
    margin: 0 0.3335em 0 0;
    color: #bfbfbf;
    font-size: 0.8em;
}
.product__sku .type::after {
    content: ':';
}
.product__sku .value {
    color: #0babcb;
    font-size: 0.9335em;
}
.product__sdesc {
    display: flex;
    overflow: hidden;
    color: #112030;
    font-size: 0.9335em;
    line-height: 1.6em;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.product__types {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0.67em 0 1em;
}
.product__price {
    margin: 0 0 20px;
}
.product__price .price-box {
    display: flex;
    flex-direction: column;
}
.product__price .price-wrapper {
    font-size: 1.6em;
}
.product__price .special-price .price {
    color: #d30f05;
}
.product__price .old-price {
    order: -10;
}
.product__price .old-price .price {
    font-size: 0.8335em;
    text-decoration: line-through;
}
.product__add-container {
    width: 100%;
    max-width: 440px;
    margin: 0 0 1.667em;
}
.product__add-container--quote {
    flex-direction: column;
}
.product__add-inner,
.product__add-container,
.product__add-actions,
.product__add-additional {
    display: flex;
}
.product__add-inner {
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 0.94em;
    margin: 0 1.3335em 0 0;
}
.product__add-actions {
    flex: 1 1 auto;
    justify-content: flex-end;
}
.product__add-additional {
    align-items: center;
    width: 100%;
}
.product__addtocart {
    padding: 10px 15px;
    background: #0babcb;
    border-color: #0babcb;
}
.product__addtocart:hover {
    background: #0a97b3;
}
.product__parts {
    display: flex;
    align-items: baseline;
}
.product__parts .parts__title {
    margin: 0 0.67em 0.335em 0;
    white-space: nowrap;
}

.product_label-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.requisition-addto {
    width: 100%;
}

.brand {
    display: flex;
    flex-wrap: wrap;
}
.brand-logo {
    max-width: 75px;
    margin: 0 0.3335em 0.3335em;
}

.button--text {
    margin: 0 0 0.3335em;
}

.materials {
    margin: 1em 2em 1em 0;
}

.rating__title {
    color: #838383;
}

.size {
    width: 100%;
    max-width: 270px;
    padding: 0 0 1.5em;
}
.size__title {
    margin: 0.3335em 0 0.67em;
    text-align: center;
}
.size__summary {
    width: 100%;
    border-collapse: collapse;
    color: #273743;
    font-size: 0.8em;
}
.size__summary td,
.size__summary th {
    padding: 0.5em 0.67em;
}
.size__summary th {
    border: none;
    font-weight: 400;
    text-align: left;
}
.size__summary td {
    font-weight: 700;
    text-align: right;
}
.size__summary tr:nth-child(odd) td,
.size__summary tr:nth-child(odd) th {
    background: #f6f6f7;
}

.tier-price-container {
    margin: 0 0 0.67em;
}
.tier-price-container .tier__item {
    justify-content: flex-start;
}
.part__items {
    display: flex;
    flex-wrap: wrap;
}
.part-type {
    margin: 0 0.335em 0.335em 0;
}

.product__details {
    --min: 340px;
    --max: 1fr;
    --grid-gap: 1em;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fill, minmax(var(--min), var(--max)));
    grid-gap: var(--grid-gap);
    margin-bottom: 1em;
}
.product__details-column {
    padding: 1.335em;
    background: #fff;
}
.product__details-title {
    margin: 0 0 1.335em;
    text-align: center;
}
.product__desc {
    max-width: 90%;
    font-size: 0.9335em;
}
.product__desc p,
.product__desc ul {
    margin: 1em 0;
}
.product__desc ul {
    padding: 0 0 0 1.25em;
}

.product__attributes tr:nth-child(odd) {
    background: #f6f6f7;
}
.product__attributes tr:nth-child(odd) td {
    background: #f6f6f7;
}

.product__details-container {
    padding: 1.335em;
    background: #fff;
}

.product__sidebar {
    background: #1b232a;
    color: #fff;
}
.product_contact {
    padding: 2em 1em;
    text-align: center;
}
.product_contact-title {
    margin: 0 0 0.227em;
    font-size: 1.47em;
}
.product_contact-number {
    display: block;
    margin: 0 0 0.3335em;
    font-size: 2em;
    text-decoration: none;
}
.product_contact-kicker,
.product_contact-hours {
    margin: 0;
}
.product_contact-hours {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.867em;
}
.product_contact-hours--divide {
    display: flex;
    height: 0.867em;
    width: 1px;
    margin: 0 0.45em;
    background: #fff;
    opacity: 0.5;
}

.attr_item {
    display: flex;
    align-items: center;
    margin: 0 0 1px;
    padding: 0.335em 1.335em;
    text-decoration: none;
    cursor: pointer;
}
.attr_icon {
    display: flex;
    height: 2.8em;
    width: 2.8em;
    margin: 0 1em 0 0;
    background: #1b232a;
}
.attr_icon .menu_icon {
    margin: auto;
}

.product__table-wrapper {
    overflow-x: auto;
}

.product__attributes {
    max-width: 465px;
    font-size: 0.8em;
}

.attributes__th {
    border: none;
    font-weight: 400;
    text-align: left;
}
.attributes__td {
    font-weight: 700;
    text-align: right;
}

.app__items,
.app__rating {
    width: 100%;
}
.app__rating {
    display: flex;
    align-items: flex-start;
}
.app__rating-title {
    flex: none;
    width: 70px;
    margin: 0.75em 0;
    white-space: nowrap;
}
.app__value {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0.67em;
    background: #1b444d;
    color: #fff;
    font-size: 0.667em;
    text-align: center;
}

.features,
.app__items {
    --min: 90px;
    --max: 1fr;
    --grid-gap: 0.335em;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fill, minmax(var(--min), var(--max)));
    margin: 0 0 1.335em;
    grid-gap: var(--grid-gap);
}

.features__container {
    display: flex;
    width: 100%;
}
.features__container > * {
    width: 100%;
}
.feature__image-container {
    position: relative;
    aspect-ratio: 1;
    max-width: 100px;
    margin: 0 auto 0.335em;
}
.feature__image-container--small {
    max-width: 50px;
}
.feature__text {
    display: block;
    margin: 0 0 0.67em;
    padding: 0 0.335em;
    font-size: 0.867em;
    text-align: center;
}

.downloads,
.download__items {
    flex-wrap: wrap;
}
.downloads,
.download__items,
.download__item {
    display: flex;
    text-decoration: none;
}
.download__item {
    margin: 0 1.5em 2em 0;
}
.download_icon {
    margin: 0 0.67em 0 0;
}
.download__action {
    display: block;
    padding: 0;
}

.video__wrapper {
    width: 100%;
}

.product__videos {
    position: relative;
    aspect-ratio: 1.6666666667;
    max-width: 1000px;
    margin: auto;
}

.product__video {
    height: 100%;
    margin: 0 0 1em;
}
.product__video--iframe {
    border: none;
}

.video__thumb {
    position: relative;
    margin: 1em;
}
.video__thumbs {
    display: flex;
    justify-content: center;
}
.video__thumb::after,
.video__thumb_icon {
    position: absolute;
}
.video__thumb_icon {
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
}
.video__thumb::after {
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background: rgba(11, 171, 203, 0.6);
}
.video__thumb.active::after,
.video__thumb.active .video__thumb_icon {
    display: none;
}

.delivery__columns {
    --min: auto;
    --max: 1fr;
    --grid-gap: 15px;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fill, minmax(var(--min), var(--max)));
    width: 100%;
    margin-bottom: 1em;
    grid-gap: var(--grid-gap);
}
.delivery__column {
    padding: 0;
}
.product_contact--delivery {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: #1b232a;
    color: #fff;
}

.label_wrapper {
    position: relative;
}

.product_label {
    position: absolute;
    z-index: 20;
}
.product_label--no-click {
    pointer-events: none;
}
.product_label--top_left,
.product_label--top_center,
.product_label--top_right {
    top: 0;
}
.product_label--top_left,
.product_label--middle_left,
.product_label--bottom_left {
    left: 0;
}
.product_label--bottom_center,
.product_label--top_center {
    left: 50%;
    transform: translateX(-50%);
}
.product_label--top_right,
.product_label--middle_right,
.product_label--bottom_right {
    right: 0;
}
.product_label--middle_left,
.product_label--middle_right {
    top: 50%;
    transform: translateY(-50%);
}
.product_label--center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.product_label--bottom_left,
.product_label--bottom_center,
.product_label--bottom_right {
    bottom: 0;
}

.availablity__item {
    display: flex;
    align-self: baseline;
    padding: 1.269em 0;
    font-size: 0.867em;
    font-weight: 700;
    white-space: nowrap;
}
.availablity__item-icon {
    display: block;
    margin: 0 5px 0 0;
    fill: currentColor;
}
.availablity__item .icon {
    display: block;
}
.availablity__text--terms {
    margin: 0.335em auto 0 0;
    padding: 0 1em 0 0;
    color: #1b444d;
    font-size: 0.807em;
}
.availablity__availablie {
    color: #1b444d;
}
.availablity__unavailable {
    color: #f7a126;
}
.availablity__unavailable-icon {
    fill: currentColor;
}

.grouped-products {
    margin-bottom: 1em;
    padding: 0.67em 0.335em 1.3335em;
    background: #fff;
}
.grouped-products-container {
    position: relative;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.grouped-products-container::-webkit-scrollbar {
    display: none;
}
.grouped__table {
    margin: 0 0 1.3335em;
}
.grouped__thead {
    background: #273743;
    color: #fff;
}
.grouped__th {
    background: #273743;
    font-size: 0.867em;
}
.grouped__cell {
    padding: 0.67em;
    border: none;
}
.grouped__cell .product-image-photo {
    max-width: 75px;
}
.grouped__cell--values {
    width: 8%;
    max-width: 90px;
}
.grouped__cell--first {
    text-align: left;
}
.grouped__cell--last {
    width: 11em;
    text-align: right;
}
.grouped__cell--break {
    padding: 0;
}
.grouped__cell .price-box {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 0.4em;
}
.grouped__cell .price-container {
    display: block;
}
.grouped__cell .price-final_price {
    line-height: 1;
}
.grouped__cell .price-final_price .price {
    font-size: 1.3335em;
}
.grouped__cell .old-price .price {
    font-size: 0.8335em;
    text-decoration: line-through;
}
.grouped__cell .special-price .price {
    color: #d30f05;
}
.grouped__cell .tier-price-container .tier__item {
    justify-content: flex-end;
}
.grouped__cell .availablity__item {
    flex-direction: column;
    align-items: center;
    padding: 0;
}
.grouped__cell .availablity__item-icon {
    margin: 0 0 0.2em;
}
.grouped__cell .availablity__text {
    display: block;
    width: 100%;
    overflow: hidden;
    font-size: 0.67em;
}
.grouped__tr:nth-child(even) {
    background: #f6f6f7;
}
.grouped__tr:nth-child(even) td {
    background: #f6f6f7;
}
.grouped__tr:not(.tr-modal):nth-child(n + 11) {
    display: none;
}
.grouped__td .input--qty {
    width: 100%;
    min-width: 80px;
    max-width: 100px;
}
.grouped__td-image {
    position: relative;
}
.grouped__label {
    color: #bfbfbf;
    font-size: 0.8667em;
}
.grouped__action-primary--quote {
    max-width: 70px;
    padding: 0.55em;
    font-size: 1em;
    line-height: 1.2;
}
.grouped__action-primary--full {
    width: 100%;
}
.grouped__action-primary .add-success {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border: 3px solid #fff;
    border-radius: 99px;
}
.grouped__action-primary .add-success svg {
    display: block;
    height: 30px;
    width: 30px;
    fill: #0babcb;
}
.grouped__pager {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    align-items: center;
    justify-content: center;
}
.grouped__pager .pager,
.grouped__pager .pager__items {
    width: auto;
    padding: 0;
}
.cell__image {
    width: 6rem;
    min-width: 6rem;
    max-width: 6rem;
}
.cell__action {
    right: 0;
    width: 12rem;
    min-width: 12rem;
    max-width: 12rem;
}

.can-scroll {
    position: relative;
}
.can-scroll .cell__stock::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -5px;
    width: 5px;
    box-shadow: inset -5px 0 5px -5px rgba(0, 0, 0, 0.2);
}

.end-scroll .cell__stock::before {
    display: none;
}

.start-scroll::before {
    content: '';
    position: absolute;
    top: 0.67em;
    bottom: 2.67em;
    left: 1em;
    z-index: 20;
    width: 5px;
    box-shadow: inset 5px 0 5px -5px rgba(0, 0, 0, 0.2);
}

.group__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.67rem;
}

.group__action {
    display: flex;
    position: relative;
}
.group__action.adding::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: #fff;
    opacity: 0.8;
}
.group__action .loader,
.group__action .add-success {
    z-index: 20;
}
.group__action .product__qty {
    z-index: 0;
}

.button--small {
    margin: 0.145em;
    padding: 0.4em 0.67em;
    font-size: 0.8em;
}

.action__view-grouped {
    max-width: 270px;
}

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

.MagicZoom {
    touch-action: pan-y;
}

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

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

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

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

.mz-figure.mz-active,
.mz-expand {
    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-height: none !important;
    max-width: none !important;
}

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

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

.mz-zoom-window.mz-magnifier {
    cursor: none;
}

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

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

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

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

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

.mz-fade {
    transition: opacity 0.25s;
}

.mz-hidden {
    opacity: 0;
}

.mz-visible {
    opacity: 1;
}

.mobile-magic .mz-expand .mz-expand-bg {
    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;
}
.mz-figure.mz-active {
    background: #fff;
}

.mz-figure.mz-no-zoom,
.mz-figure.mz-click-zoom,
.mz-figure.mz-active {
    cursor: zoom-in;
}

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

.mz-figure.mz-active.mz-click-zoom.mz-no-expand {
    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: grayscale(80%) opacity(60%);
}

.no-cssfilters-magic .mz-figure.mz-active > img {
    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;
}

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

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

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

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

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

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

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

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

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

/* Zoom window animations */
.mz-zoom-window.mz-deactivating,
.mz-zoom-window.mz-activating {
    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 {
    transition-duration: 0.25s, 0.25s, 0.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 {
    z-index: -100;
    opacity: 0;
}

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

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

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

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

/* Inner mode animation */
.mz-zoom-window > img {
    backface-visibility: hidden;
}

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

/* Magnifier mode animation */
.mz-zoom-window.mz-p-magnifier {
    transform: scale(0.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 {
    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 {
    transition-duration: 0.2s;
}

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

.mz-hint {
    position: absolute;
    bottom: 1em;
    left: 50%;
    z-index: 1000;
    transform: translateX(-50%);
    padding: 1em;
    background: rgba(49, 51, 61, 0.7);
    border-radius: 2em;
    transition: opacity 0.4s ease, z-index 0.4s ease;
    color: #eee;
    font-size: 0.85em;
    pointer-events: none;
}

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

/* Loading indicator */
.mz-loading {
    display: none;
}

.mz-loading.shown {
    display: block;
}

.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 {
    height: auto !important;
    width: auto !important;
}

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

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

/* Expanded view background */
.mz-expand .mz-expand-bg {
    display: inline-block;
    z-index: -100;
    transform: translate3d(0, 0, 0) scale(7) rotate(0.01deg);
    vertical-align: middle;
    max-height: none !important;
    max-width: none !important;
    margin: auto;
    background-repeat: no-repeat;
    background-size: cover;
    perspective: 600px;
}

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

.mz-expand .mz-expand-bg > img {
    filter: blur(20px) brightness(60%);
}

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

.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: rgba(31, 31, 31, 0.96);
}

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

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

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

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

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

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

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

.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;
    height: 100%;
    width: 100%;
}

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

.mz-expand .mz-figure {
    cursor: zoom-in;
}

.mz-expand .mz-figure.mz-active {
    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 {
    position: absolute !important;
    top: -5000px !important;
    right: -5000px !important;
    bottom: -5000px !important;
    left: -5000px !important;
    z-index: 1;
    margin: auto !important;
}

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

/* Expanded view on mobile */
.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 {
    position: absolute !important;
    z-index: 2100000000 !important;
    height: 60px !important;
    width: 60px !important;
    min-height: 0 !important;
    min-width: 0 !important;
    max-height: none !important;
    max-width: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    border: 0 solid transparent !important;
    border-radius: 100% !important;
    transition: color 0.25s, background-color 0.25s !important;
    color: rgba(180, 180, 180, 0.6) !important;
    text-align: center;
    text-transform: none !important;
    cursor: pointer;
    speak: none;
}

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

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

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

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

button.mz-button.mz-button-prev,
button.mz-button.mz-button-next {
    top: 0 !important;
    bottom: 0 !important;
    margin: auto 10px !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 {
    top: 0 !important;
    right: 0 !important;
    z-index: 95 !important;
    margin: 10px !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=');
}
/* Arrows on the main image on the page */
.mz-figure .mz-nav-controls button.mz-button {
    display: none;
    height: 56px !important;
    width: 32px !important;
    margin: auto 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

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

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

a[data-zoom-id] img,
.mz-thumb img {
    box-sizing: border-box;
    border: 0;
}

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

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

.mz-expand-thumbnails {
    flex: 0 0 80px;
    position: relative;
    z-index: 50;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    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 {
    padding-bottom: 4px;
    border: 0;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}

.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected):hover img {
    border-bottom-color: rgba(180, 180, 180, 0.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;
}
.mz-expand.no-expand-thumbnails .mz-expand-thumbnails {
    display: none;
}

.thumbnails-style-shaded.mz-thumb img {
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
    padding-bottom: 0;
    border: 0 !important;
}

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

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

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

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

.thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb-selected img {
    filter: brightness(0.7) opacity(0.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: 0.75;
    filter: alpha(opacity=75);
}

.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb-selected img {
    opacity: 0.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;
    z-index: 100;
    width: auto;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
}

.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;
}

.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 {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: 0;
}

.magic-thumbs {
    direction: ltr;
    position: relative;
    top: 0;
    left: 0;
    z-index: 100;
    padding: 0 40px;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: none;
}

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

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

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

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

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

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

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

.magic-thumbs ul li > img {
    vertical-align: middle;
    height: auto;
    width: auto;
    max-height: 100% !important;
    max-width: 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 {
    height: auto;
    width: 100%;
}

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

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

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

.magic-thumbs button.magic-thumbs-button::before {
    display: block;
    position: static;
    transform: scale(1);
    height: 100%;
    transition: transform 0.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: rgb(180, 180, 180) !important;
}

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

.mobile-magic
    .mz-expand
    .magic-thumbs
    button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active {
    background-color: rgba(49, 51, 61, 0.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=');
}

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

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

.MagicScroll,
.mcs-button,
.mcs-item,
.mcs-item img,
.mcs-item > *,
.mcs-bullet,
.mcs-bullet::before,
.mcs-bullet::after,
.mcs-wrapper,
.mcs-items-container {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: 0;
}

.MagicScroll,
.mcs-item,
.mcs-item a,
.mcs-item img,
.mcs-items-container {
    position: relative;
}

.MagicScroll,
.mcs-item,
.mcs-wrapper,
.mcs-items-container {
    direction: ltr;
    overflow: hidden;
}

.mcs-wrapper,
.mcs-item img {
    line-height: 100%;
}

.MagicScroll {
    z-index: 1;
    cursor: grab;
}

.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 {
    touch-action: pan-y;
}

.MagicScroll.MagicScroll-vertical {
    touch-action: pan-x;
}

body.mcs-dragging {
    cursor: grabbing;
}

body.mcs-dragging .MagicScroll,
body.mcs-dragging button.mcs-button.mcs-horizontal.mcs-button-arrow {
    cursor: inherit;
}

.mcs-item,
.MagicScroll figure {
    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 {
    float: none !important;
    visibility: visible;
}

.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;
    z-index: 100;
    vertical-align: top;
}

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

.mcs-item {
    top: 0;
    left: 0;
    max-width: 100%;
    line-height: 100%;
    zoom: 1;
}

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

.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 {
    max-height: 100%;
    max-width: 100%;
    border: none;
}

.mcs-item a {
    height: 100%;
}

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

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

.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 {
    perspective: 1000px;
}

.MagicScroll[data-mode='carousel'] .mcs-item,
.MagicScroll[data-mode='cover-flow'] .mcs-item {
    transform-style: preserve-3d;
}

.MagicScroll figcaption {
    display: inline-block;
    position: relative;
    left: 0;
    z-index: 150;
    width: 100%;
    float: left;
    clear: both;
    line-height: 100%;
}

.MagicScroll figcaption {
    left: 50%;
    transform: translateZ(1px) translateX(-50%);
    box-sizing: border-box;
}

.MagicScroll .mcs-reflection {
    display: inline-block;
    position: absolute;
    left: 0;
    z-index: 1;
}

.MagicScroll .mcs-item.mcs-noimg {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAGB0lEQVRIS5WXa2wUVRTH/3dmn2136b5a2u2LsoogEiGGBGnlYUJMiEpi1MSYGNHvoAjfNEQ/iaL4XTAmxkQSE3zFaESQrZIQIxHlaVtK22273Udhtt3nPDx3Zmc7u9ttdZLN7s6ce37nf885995h+G8X+yXUMSho4l4wbTtjiADMZwzV5jQNw0xjvylM+XZHYjrKb67kli1ncBQQHg+GDzKRHW/u74F3QwTNa7rhDPogNrn0oUo2j0JyDgu3JyFd+wcLo+PQFO3Q2WTsBI1XG/lvCI6GOl9mgnjKv3UT2h7fBpudZKSTUKW70HJZaHJJ98noAXM3QfC2gvmD4Ldnz15E+tIVaKqyfzAx9clS8CXBF9rCb7v8vjd7XnwaTocKZWJUh9EUG7AaT+a80pTrQYjd/SgUBYx/9hXy6bl3HpuNvVULrwNHQ+ETnkjvge5n9wBjN6Fm7ulAVsY1mqIKnNLLAxA8q4C+dRg//QPmR8Y/GkzEDlrhVX6iwa53vev6jvTs2wHlxp+AXKwDmqprFXCYXmrlB4QHbA6I6x/G+JnzyNwYe28gOXnEHFcB85y62gKn+l94Asr1ywTUdGjt9K6suBwAcTmcexHXb8Ho598jP5uq5Fz3cxoQw6u75f6XnoIYuwGmyBVoOplERpJ0b16vF4Fg0MhzOSLNlEr3UmQrlW09ZOsLBA24aIMSfgCjn36N2MyE7TlqBh0cDYZfDzzy4PFQ2AEtcxdCWWk6nUYmk0H7lxd1WPyZbfB6PAgGAnWFmkylINXYesjW5/NTT5FuTysSsSJSv189NJiMfcDBbKi9S408vxtC7JahVFcE3JmMVaAmSYe3tCDka63AE3N3Ic3PL2nbEw7reefK1fB9GP7iHAbikwK7EFy9w7Om53w44gaoZYQylMPHpuN1zirKm5sQWuVF4p4EaSHb0K63o12vcn0loVaLDeeQuT2+k/FKXj340BGvHDeUWsDpzAIyuVxjuNsNaZnnHrcLPk+LDjZUA5KtHTPRv44x6tto3+6NAw5pSocKes8u9m06m4OULzSEm/m3Jp2nw+N0ItDsLlc2KS7DC95OjP98NcqG2sIza7f3tQsLcxaoATZbKZXLQyqU0HnmUl1R1d6Y2rcVXqcdAVJrKNU7Wv9wuNrsw8ivY3ECdxUiW/wOFPNVas0p11uHtwqBpZKM3u8uN4Tf2bsZXrsNfgLza3GKDTgHw+HC8B/pog5eu8HlYJq6LJg7SpUUSLKKyI9/18GH92yE1yYgYBcXV69KbhfBGhMwci3PweGZ7vud7TaBes2S31rFcyUV84qK9eduNlR8fdc6tIgCWu28N+oV8xmQVYaJW4W4XlxtkeYBp61UDbbsRFxljqCbhkZXzPGVgX64Ce4h9Yvwcp4JXJDtSAxnqbiCXce8fd7DTS5j2zPXYrO4sgTNU3I2X7xTB728rbfhfSe1RxMFYCDL7UQ/s3k37o1ljukLiCu46rzHX6hqJx5CgfJeXAbKnReWeW4nJS6yMQuLf2fSTuST93YaS2Zbl+rpESFSMS7mmRayFZya4BIlr9GMmGCeX4VOJ5kJFT/FJ8TKJuEIOI47fIpFNcNSDvn08lE2y8Ysk1eFHNfCua2NbM3FozgnopgqVjYJfVvsbO+WHR0MgnNRtZlU0yF3ZKxu1buyvkAQnH9bba25VQtAcVrDVNyyLXIDOgjsF9z2k2IbLedUkOaUi/TDxJgr0JKlzc9bluLkm4LCg9ETTL9nqdBypVcHElMn+fiq0HmFo4UdBt/ruZOaKq8bYImg6shjqWJ9GpL0mdeWPvqYPvhhD03CASVIC4rRivplbbOlFFvbxnxOTQExSSOz6vKHPXMAV645cbjkJ3cOQ7n1qvlb99qgH3OLgD1NaSqgSmmtkDoRQ6HOV0jyx3IzUPLQ6cFWH0DtIP1YKxMww2Bb4POtVnJaa1sbfNXzo8YrzGtMYO/LVO2yS4PsMILQzCW1DLMVCZanD1Wvpmpv0CvMhzT+/7/CWCPgAewKdQwwTXySMe1Rmvq1NS9tIxq9tGlM+eZcYnpoOaDp91/hrs4Y2r7FDQAAAABJRU5ErkJggg==')
        center center no-repeat;
}

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

.mcs-button {
    z-index: 1000;
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    border-radius: 0;
    transition: opacity 0.25s linear;
    cursor: pointer;
}

.MagicScroll:hover > .mcs-button:hover {
    opacity: 1;
}

.mcs-button-arrow {
    z-index: 120;
}

.MagicScroll-horizontal .mcs-button-arrow {
    top: 0;
    height: 100%;
    width: 40px;
}

.MagicScroll-vertical .mcs-button-arrow {
    left: 0;
    height: 40px;
    width: 100%;
}

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

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

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

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

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

/*
 * Bullets
 */
.mcs-bullets {
    display: inline-block !important;
    top: 100%;
    text-align: center;
    opacity: 0;
}

.mcs-bullets.show {
    transition: opacity 0.5s;
    opacity: 1;
}

.MagicScroll-horizontal .mcs-bullets {
    left: 0;
    width: 100%;
}

.MagicScroll-vertical .mcs-bullets {
    display: inline-block;
    top: 0;
    left: 100%;
    vertical-align: middle;
}

.mcs-bullet {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin: 4px;
    border-radius: 50%;
    outline: none;
    color: transparent;
    font: 0/0 a;
    text-indent: 9999px;
    cursor: pointer;
}

.mcs-bullet.active {
    cursor: default;
}

[data-mode='animation'] div[data-action='exit'],
[data-mode='animation'] div[data-action='enter'] {
    animation-duration: 0.35s;
    animation-timing-function: ease-in;
}

[data-mode='animation'] div[data-action='enter'] {
    animation-timing-function: cubic-bezier(0.12, 0.37, 0.25, 1);
}

[data-mode='animation'] .mcs-item {
    animation-duration: 0;
    animation-name: none;
}

[data-mode='animation'] .mcs-item[data-animation-nth='1'] {
    animation-delay: 0.15s;
}

[data-mode='animation'] .mcs-item[data-animation-nth='2'] {
    animation-delay: 0.2s;
}

[data-mode='animation'] .mcs-item[data-animation-nth='3'] {
    animation-delay: 0.25s;
}

[data-mode='animation'] .mcs-item[data-animation-nth='4'] {
    animation-delay: 0.3s;
}

[data-mode='animation'] .mcs-item[data-animation-nth='5'] {
    animation-delay: 0.35s;
}

[data-mode='animation'] .mcs-item[data-animation-nth='6'] {
    animation-delay: 0.4s;
}

[data-mode='animation'] .mcs-item[data-animation-nth='7'] {
    animation-delay: 0.45s;
}

[data-mode='animation'] .mcs-item[data-animation-nth='8'] {
    animation-delay: 0.5s;
}

[data-mode='animation'] .mcs-item[data-animation-nth='9'] {
    animation-delay: 0.55s;
}

[data-mode='animation'] .mcs-item[data-animation-nth='10'] {
    animation-delay: 0.6s;
}

.MagicScroll-horizontal[data-mode='animation'] [data-forward] [data-entering],
.MagicScroll-horizontal[data-mode='animation'] [data-forward] [data-exited] {
    transform: translateX(100000px);
}

.MagicScroll-horizontal[data-mode='animation'] [data-backward] [data-entering],
.MagicScroll-horizontal[data-mode='animation'] [data-backward] [data-exited] {
    transform: translateX(-100000px);
}

.MagicScroll-vertical[data-mode='animation'] [data-forward] [data-entering],
.MagicScroll-vertical[data-mode='animation'] [data-forward] [data-exited] {
    transform: translateY(100000px);
}

.MagicScroll-vertical[data-mode='animation'] [data-backward] [data-entering],
.MagicScroll-vertical[data-mode='animation'] [data-backward] [data-exited] {
    transform: translateY(-100000px);
}

[data-mode='animation'] .mcs-item[data-action='exit'],
.mcs-slidein[data-mode='animation'] .mcs-item[data-action='exit'] {
    animation-duration: 0.3s;
    animation-timing-function: ease-in;
}

[data-mode='animation'] .mcs-item[data-action='enter'],
.mcs-slidein[data-mode='animation'] .mcs-item[data-action='enter'] {
    animation-duration: 0.35s;
    animation-timing-function: cubic-bezier(0.12, 0.37, 0.25, 1);
}

/* 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'] {
    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'] {
    animation-name: h-forward-enter-slidein;
}

@keyframes h-forward-exit-slidein {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(-600px);
        opacity: 0;
    }
}
@keyframes h-forward-enter-slidein {
    0% {
        transform: translateX(180px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
/* 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'] {
    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'] {
    animation-name: h-backward-enter-slidein;
}

@keyframes h-backward-exit-slidein {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(600px);
        opacity: 0;
    }
}
@keyframes h-backward-enter-slidein {
    0% {
        transform: translateX(-180px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
/* 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'] {
    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'] {
    animation-name: v-forward-enter-slidein;
}

@keyframes v-forward-exit-slidein {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(-600px);
        opacity: 0;
    }
}
@keyframes v-forward-enter-slidein {
    0% {
        transform: translateY(180px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
/* 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'] {
    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'] {
    animation-name: v-backward-enter-slidein;
}

@keyframes v-backward-exit-slidein {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(600px);
        opacity: 0;
    }
}
@keyframes v-backward-enter-slidein {
    0% {
        transform: translateY(-180px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.mcs-bounce[data-mode='animation'] .mcs-item[data-action='exit'] {
    animation-delay: 0s;
    animation-duration: 0.4s;
    animation-timing-function: cubic-bezier(0.84, 0, 1, 1);
}

.mcs-bounce[data-mode='animation'] .mcs-item[data-action='enter'] {
    animation-duration: 0.4s;
    animation-timing-function: cubic-bezier(0.12, 0.37, 0.25, 1);
}

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

.mcs-bounce.MagicScroll-horizontal[data-mode='animation']
    [data-forward]
    .mcs-item[data-action='enter'] {
    animation-name: h-forward-enter-bounce;
}

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

.mcs-bounce.MagicScroll-horizontal[data-mode='animation']
    [data-backward]
    .mcs-item[data-action='enter'] {
    animation-name: h-backward-enter-bounce;
}

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

.mcs-bounce.MagicScroll-vertical[data-mode='animation']
    [data-forward]
    div[data-action='enter'] {
    animation-name: v-forward-enter-bounce;
}

.mcs-bounce.MagicScroll-vertical[data-mode='animation']
    [data-forward]
    [data-entering] {
    transform: translateY(100000px);
}

.mcs-bounce.MagicScroll-vertical[data-mode='animation']
    [data-forward]
    [data-exited] {
    transform: translateY(100000px);
}

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

.mcs-bounce.MagicScroll-vertical[data-mode='animation']
    [data-backward]
    div[data-action='enter'] {
    animation-name: v-backward-enter-bounce;
}

@keyframes v-backward-exit-bounce {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        transform: translateY(2000px);
        opacity: 0;
    }
}
@keyframes v-backward-enter-bounce {
    0% {
        transform: translateY(-3000px);
        opacity: 0;
    }
    60% {
        transform: translateY(30px);
        opacity: 1;
    }
    75% {
        transform: translateY(-10px);
    }
    90% {
        transform: translateY(5px);
    }
    100% {
        transform: translateY(0);
    }
}
/*
 * 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: '';
    position: absolute;
    top: 50%;
    left: 50%;
    height: 12px;
    width: 12px;
    border-width: 3px;
    border-style: solid;
    border-color: rgba(49, 51, 61, 0.6);
    border-right: none;
    border-bottom: none;
    transition: border-color 0.15s linear;
}

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

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

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

.MagicScroll-vertical .mcs-button-arrow-next::before {
    top: 40%;
    transform: translate(-50%, -50%) rotateZ(-135deg);
}

.mcs-button-arrow.mcs-disabled {
    opacity: 0.01 !important;
}

.MagicScroll > .mcs-button-arrow {
    height: 30px;
    width: 30px;
    margin: auto;
    transition: opacity 0.15s linear;
    opacity: 0.6;
}

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

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

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

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

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

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

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

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

.MagicScroll-horizontal.MagicScroll-arrows-inside:hover
    > .mcs-button-arrow:hover:not(.mcs-disabled) {
    background-color: rgba(255, 255, 255, 0.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;
}

/*
 * Bullets
 */
.MagicScroll-horizontal .mcs-bullets {
    margin-top: 10px;
}

.MagicScroll-horizontal.MagicScroll-bullets {
    margin-bottom: 35px;
}

.MagicScroll-vertical .mcs-bullets {
    top: 50%;
    transform: translate(0, -50%);
    margin-left: 10px;
}

.MagicScroll-vertical.MagicScroll-bullets {
    margin-right: 35px;
}

.mcs-bullet {
    height: 10px;
    width: 10px;
    background-color: #83858b;
}

.mcs-bullet:hover {
    background-color: #5a5a5a;
}

.mcs-bullet.active {
    background-color: transparent;
    border: 1px solid #5a5a5a;
}

/* 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: 0 15px 30px -10px #000;
}

.MagicScroll[data-mode='carousel'] figcaption,
.MagicScroll[data-mode='cover-flow'] figcaption {
    padding: 4px 0 0;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Arial,
        Helvetica, sans-serif;
    font-size: 0.85em;
}

/* 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
 */
.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 {
    transition: color 0.15s linear, background-color 0.15s linear;
    color: rgba(49, 51, 61, 0.6);
}

.MagicScroll.mcs-rounded.MagicScroll-horizontal .mcs-button-arrow {
    height: 100%;
    width: 30px;
}

.MagicScroll.mcs-rounded.MagicScroll-vertical .mcs-button-arrow {
    height: 30px;
    width: 100%;
}

.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 {
    color: rgba(49, 51, 61, 0.1);
    text-shadow: none !important;
    opacity: 1 !important;
}

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

.MagicScroll.mcs-rounded.MagicScroll-arrows-inside
    .mcs-button-arrow:hover:not(.mcs-disabled) {
    background-color: rgba(255, 255, 255, 0.96);
    color: rgb(49, 51, 61);
}

.MagicScroll.mcs-rounded.MagicScroll-arrows-inside .mcs-button-arrow {
    box-shadow: 0 0 1px rgba(153, 153, 153, 0.5);
    background-color: rgba(255, 255, 255, 0.75);
}

.contact__container {
    max-width: 1000px;
    margin: 0 auto 30px;
}
.contact__form {
    margin-bottom: 40px;
    padding-bottom: 30px;
    background: #f6f6f7;
}
.contact__phone,
.contact__note {
    line-height: 1.8;
}
.contact__phone a {
    color: #1b232a;
}

.opening-hours {
    width: 100%;
    margin-bottom: 30px;
    border-top: 1px solid #d7dadd;
}
.opening-hours td {
    padding: 1em;
}

.map {
    z-index: 0;
    width: 100%;
    box-shadow: 0 0 0 1px #d7dadd;
    padding: 2px;
    border: 2px solid #fff;
    position: relative;
    aspect-ratio: 1.25;
}
.map iframe {
    height: 100%;
    width: 100%;
}

.cms-page-view .page-main {
    padding: 0;
}
.cms-page-view .columns {
    max-width: none;
}

.cms-noroute-index .column.main {
    max-width: 800px;
    margin: 0 auto 4em;
    padding: 10px 20px;
    background: #f6f6f7;
}
.cms-noroute-index .column.main h1 {
    margin: 0;
}
.cms-noroute-index .column.main p {
    margin-top: 0.37em;
}
.cms-noroute-index .column.main .search__input {
    height: 60px;
}
.cms-noroute-index .column.main .search__button {
    height: 58px;
    width: 58px;
}

.search__container-404 .search__form {
    z-index: 10;
}

.checkout-cart-index .page-main {
    padding: 0;
}
.checkout-cart-index .columns {
    max-width: none;
    padding: 1em;
    background: #f6f6f7;
}
.checkout-cart-index .page-title-wrapper {
    margin: 2em auto;
    padding: 0;
    text-align: center;
}
.checkout-cart-index .page-title-wrapper h1 {
    margin-bottom: 0;
}

.cart_container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
    min-height: 300px;
}
.cart_items,
.cart_summary {
    width: 100%;
}
.cart_items {
    order: -1;
    margin: 0 0 20px;
}

.form-cart {
    margin: 0 0 20px;
}

.cart_item {
    position: relative;
    width: 100%;
}
.cart_item:last-of-type {
    margin-bottom: 0;
}
.cart_item-image,
.cart_item-details {
    padding: 0.67em;
}
.cart_item-image {
    flex: 1 1 auto;
    min-width: 120px;
    max-width: 180px;
    margin: 0 10px 0 0;
}
.cart_item-image-link {
    position: relative;
    aspect-ratio: 1;
    display: block;
}
.cart_item-image .brand {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.cart_item-image .brand-logo {
    max-width: 69px;
    margin: 0 0.3335em 0.3335em;
}
.cart_item-name {
    margin: 0 0 0.335em;
    padding: 0 1em 0 0;
    font-size: 1em;
    font-weight: 700;
}
.cart_item-name-link {
    text-decoration: none;
}
.cart_item-sku {
    display: flex;
    align-items: baseline;
    margin: 0 0 0.4em;
}
.cart_item-sku-label {
    margin: 0 0.3335em 0 0;
    color: #bfbfbf;
    font-size: 0.8em;
}
.cart_item-sku-label::after {
    content: ':';
}
.cart_item-sku-value {
    color: #0babcb;
    font-size: 0.9335em;
}
.cart_item-details,
.cart_item-amount,
.cart_item-actions {
    display: flex;
}
.cart_item-details,
.cart_item-amount {
    flex-wrap: wrap;
}
.cart_item-details {
    flex-direction: column;
    width: 70%;
}
.cart_item-options {
    margin: 0 0 1em;
    font-size: 0.85em;
}
.cart_item-option {
    display: flex;
    margin: 0 0 0.25em;
}
.cart_item-option-label {
    display: inline-block;
    width: 120px;
    margin: 0 0.5em 0 0;
}
.cart_item-option-value {
    font-weight: 700;
}
.cart_item-amount {
    align-items: center;
    margin: 0 0 2em;
}
.cart_item-amount .stock {
    margin: auto 0;
    padding: 1em 0;
}
.cart_item-qty {
    position: relative;
    margin: 0 1em 0 0;
    text-align: center;
}
.cart_item-qty-update {
    position: absolute;
    top: calc(100% + 0.67rem);
    left: 50%;
    transform: translateX(-50%);
}
.cart_item-price {
    min-width: 120px;
    margin: 1em 0 0;
}
.cart_item-price-single {
    margin-bottom: 1rem;
    font-size: 1.2rem;
}
.cart_item-actions {
    align-items: center;
}
.cart_item-action {
    display: block;
    margin: 0 0.5em 0.5em 0;
}
.product__qty {
    max-width: 100px;
}

.button--related {
    margin: 0 0.67em 0 0;
}

.cart_action-delete {
    margin-left: auto;
}

.quote-message {
    margin-bottom: 0.5em;
    padding: 0.5em;
    background: #0babcb;
    border-color: #0babcb;
    color: #fff;
}

.cart_summary {
    position: sticky;
    top: 0.67em;
    padding: 20px;
    background: #fff;
}
.cart_summary.modal__active {
    z-index: 90;
}
.cart_summary-title {
    margin: 0 0 1em;
}

.cart_methods .item {
    margin: 0 0 1rem;
}

.collapse,
.cart_coupon {
    margin: 0 0 2em;
}
.collapse-form-inner,
.cart_coupon-form-inner {
    padding: 15px 10px;
}
.collapse-field,
.cart_coupon-field {
    display: flex;
}
.collapse-input,
.cart_coupon-input {
    margin: 0 0.5em 0 0;
}
.collapse-action,
.cart_coupon-action {
    flex: none;
}

.collapse-content {
    padding: 15px 10px 0;
}

.totals {
    width: 100%;
    margin: 0 0 1em;
}
.totals_cell {
    padding: 0 0 1em;
    text-align: left;
}
.totals_cell--right {
    text-align: right;
}
.totals_cell--ex-vat {
    font-size: 0.9em;
    opacity: 0.6;
}
.totals_cell-full-tax {
    padding: 0;
}
.totals_cell.totals_cell--grand-total {
    padding: 0.25em 0 1em;
}
.totals_cell.totals_cell--grand-total-price {
    font-size: 1.4em;
}

.authentication-popup {
    text-align: center;
}

.block-new-customer .actions {
    justify-content: center;
}

.cart_empty {
    max-width: 800px;
    margin: 30px auto 100px;
    text-align: center;
}
.cart_empty-icon {
    padding: 30px;
}

.product_linked-list {
    position: relative;
    margin: 50px 0 0;
    padding: 50px 0 100px;
    border-top: 1px solid #d7dadd;
}
.product_linked-list__title {
    margin-bottom: 1.5em;
    font-size: 24px;
    text-align: center;
}
.product_linked-list__content-inner,
.product_linked-list__item,
.product_linked-list__info,
.product_linked-list__details {
    display: flex;
}
.product_linked-list__content-inner {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}
.product_linked-list__content-inner::-webkit-scrollbar {
    display: none;
}
.product_linked-list__item {
    flex: none;
    width: 25%;
    min-width: 200px;
    padding: 0 10px 30px;
    text-align: center;
    scroll-snap-align: start;
}
.product_linked-list__details,
.product_linked-list__info {
    flex-direction: column;
}
.product_linked-list__info,
.product_linked-list__image,
.product_linked-list__details {
    flex: 1 0 auto;
}
.product_linked-list__image {
    display: block;
    flex: none;
    margin: 0 0 15px;
    position: relative;
    aspect-ratio: 1;
}
.product_linked-list__details > * {
    width: 100%;
}
.product_linked-list__details .price-wrapper {
    font-size: 1.2em;
}
.product_linked-list__button {
    margin: auto 0 0;
}
.product_linked-list__button-link {
    margin: 1em 0 0;
}

.scroll-actions {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 40px;
    transition: opacity 0.3s ease-in-out;
}
.scroll-actions--disabled {
    opacity: 0.25;
    pointer-events: none;
}
.scroll-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    width: 38px;
    transition: opacity 0.3s ease-in-out;
}
.scroll-button--disabled {
    opacity: 0.2;
}
.scroll-button--next {
    margin: 0 0 0 10px;
}
.scroll-button--next span {
    margin: 0 0 0 4px;
}
.scroll-button--prev span {
    margin: 0 4px 0 0;
}
.scroll-button-icon {
    display: block;
    fill: currentcolor;
}

.availablity__item {
    display: flex;
    flex-wrap: wrap;
    align-self: baseline;
    font-size: 0.867em;
    font-weight: 700;
}
.availablity__item-icon {
    display: block;
    margin: 0 5px 0 0;
    fill: currentColor;
}
.availablity__item .icon {
    display: block;
}
.availablity__text--terms {
    margin: 0.335em 0 0;
    color: #1b444d;
    font-size: 0.767em;
}
.availablity__availablie {
    color: #1b444d;
}
.availablity__unavailable {
    color: #f7a126;
}
.availablity__unavailable-icon {
    fill: currentColor;
}

.page-title-wrapper {
    margin: 2em auto;
    text-align: center;
}

.blog .page-main {
    background: #f6f6f7;
}

.page-layout-2columns-right .sidebar {
    order: 30;
    padding: 2em 0 0;
}

.blog_list-items {
    --min: 250px;
    --max: 1fr;
    --grid-gap: 8px;
    display: grid !important;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fill, minmax(var(--min), var(--max)));
    grid-gap: var(--grid-gap);
}
.blog_list-item {
    padding: 0.67em;
    background: #fff;
}
.blog_list-img-container {
    position: relative;
    aspect-ratio: 1.4545454545;
    width: 100%;
    margin-bottom: 1em;
}
.blog_list-date {
    color: #bfbfbf;
    font-size: 0.9em;
}
.blog__sidebar-category-tree {
    display: flex;
    align-items: baseline;
}
.blog__sidebar-category-tree .title {
    margin: 0 1rem 0 0;
    font-size: 1.2em;
}
.blog__sidebar-category-tree .content .items {
    display: flex;
    flex-wrap: wrap;
    gap: 0.67em;
    margin: 1.335em 0;
}
.blog__sidebar-category-tree a {
    text-decoration: none;
}

.blog__sidebar-main .block-title {
    margin: 0 0 0.335em;
    padding: 1rem 1.335em;
    font-size: 1.46em;
}
.blog__sidebar-main .block-content {
    padding: 1.335em 2.6em 2em 1.335em;
}
.blog__sidebar-main .block-title,
.blog__sidebar-main .block-content {
    background: #fff;
}
.blog__sidebar-main .item {
    margin: 0 0 0.535rem;
    font-size: 0.935em;
}

.blog-post-list__toolbar {
    margin-top: 0.335em;
    padding: 0;
}
.blog-post-list__toolbar .pager {
    display: flex;
}

.blog-post-view .column.main {
    margin-bottom: 2em;
    padding: 0.67em;
    background: #fff;
}

.blog__post-list-wrapper .toolbar {
    margin: 10px 0 0;
}
.blog__post-list-wrapper .toolbar .pager {
    display: block;
}
.blog__post-list-wrapper .toolbar .toolbar__limiter,
.blog__post-list-wrapper .toolbar .toolbar-amount {
    display: none;
}

.form_message {
    display: none;
}

.message,
.form_message {
    align-items: center;
    position: relative;
    margin: 0 0 15px;
    padding: 10px;
    border: 1px solid;
    border-radius: 3px;
}
.message--active,
.form_message--active {
    display: flex;
}
.message__icon,
.form_message__icon {
    flex: none;
    margin: 0 10px 0 0;
}
.message--error,
.form_message--error {
    background: #f70202;
    border-color: #f70202;
    color: #fff;
}
.message--error svg,
.form_message--error svg {
    fill: currentcolor;
}

.message {
    display: flex;
}

.nested {
    margin: 1em 0 0;
}

.password-meter {
    position: relative;
}
.password-meter > div {
    padding: 0.4rem 0 0;
}
.password-meter > div::after,
.password-meter > div::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    transition: all 0.2s linear;
}
.password-meter > div::before {
    z-index: 1;
    width: 0;
}
.password-meter > div::after {
    z-index: 0;
    width: 100%;
    background: #d7dadd;
}
.password-meter > div.password-weak::before {
    width: 25%;
    background-color: #ef4444;
}
.password-meter > div.password-medium::before {
    width: 50%;
    background-color: #ffa500;
}
.password-meter > div.password-strong::before {
    width: 75%;
    background-color: #23ad5c;
}
.password-meter > div.password-very-strong::before {
    width: 100%;
    box-shadow: 0 0 2px #23ad5c;
    background-color: #23ad5c;
}
.password-meter-label {
    font-weight: 700;
}
.password-strength-meter {
    padding: 0.25rem 0 0;
}

.password-meter {
    position: relative;
}
.password-meter > div {
    padding: 0.4rem 0 0;
}
.password-meter > div::after,
.password-meter > div::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    transition: all 0.2s linear;
}
.password-meter > div::after {
    z-index: -1;
    width: 100%;
    background: #d7dadd;
}
.password-meter > div.password-weak::before {
    width: 25%;
    background-color: #ef4444;
}
.password-meter > div.password-medium::before {
    width: 50%;
    background-color: #ffa500;
}
.password-meter > div.password-strong::before {
    width: 75%;
    background-color: #23ad5c;
}
.password-meter > div.password-very-strong::before {
    width: 100%;
    box-shadow: 0 0 2px #23ad5c;
    background-color: #23ad5c;
}
.password-meter-label {
    font-weight: 700;
}
.password-strength-meter {
    padding: 0.25rem 0 0;
}

.account .page-main {
    margin-top: -8px;
    padding: 0 auto 5em;
    background: #f6f6f7;
}
.account .column.main {
    padding: 2rem;
    background: #fff;
}
.account .page-title {
    padding: 1em 0;
    border-bottom: 1px solid #d7dadd;
    font-size: 1.735em;
    text-align: center;
}
.account .columns {
    margin: 0 auto;
}
.account .legend {
    width: 100%;
    margin: 0 0 20px;
    padding: 0 0 10px;
    font-size: 1.1em;
    font-weight: 700;
    opacity: 0.6;
}
.account .legend + br {
    display: none;
}
.account .legend_title {
    margin: 0 1em 0 0;
}
.account .legend--action {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.account .legend--action .action-text {
    padding: 0;
    font-size: 0.9em;
    font-weight: 400;
}
.account .toolbar--items .toolbar__amount {
    display: block !important;
    font-weight: 400;
}
.account .toolbar--pager-only {
    border: none;
}
.account .contact {
    display: flex;
    align-items: center;
    margin: 1em 0 0;
}
.account .contact_icon {
    display: block;
    margin: 0 0.5em 0 0;
    fill: #0babcb;
}
.account .customer_address {
    line-height: 1.6;
}
.account .customer_address a,
.account .customer_address::first-line {
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1.8;
}
.account .customer_address a {
    display: inline-block;
    margin: 0.5em;
}
.account .form-grid,
.account .cards {
    --min: 300px;
    --max: 1fr;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(auto-fill, minmax(var(--min), var(--max)));
    grid-gap: var(--grid-gap);
}
.account .form-grid {
    --grid-gap: 0 2.45em;
    margin: 0 0 1em;
}
.account .cards {
    --grid-gap: 1.45em;
    margin: 0 0 3em;
}
.account .card_item {
    background: #fff;
}
.account .card_item--bordered {
    border: 1px solid #d7dadd;
}
.account .card_item--full {
    grid-column: 1/-1;
}
.account .card_title {
    margin: 0 0 1em;
}
.account .card_content {
    padding: 2em;
}
.account .actions-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: baseline;
    justify-content: space-between;
}
.account .list-item {
    padding: 0.67em 1.5em !important;
    background: #d7dadd;
}
.account .action-close::before {
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    background: url(../svg/cross.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.account .action.secondary,
.account .action.primary {
    margin: 0.67em 0.67em 0.67em 0;
}
.account .action.secondary.action--no-margin,
.account .action.primary.action--no-margin {
    margin: 0;
}
.account .action.action--last {
    margin-right: 0;
}
.account .action_icon {
    fill: currentcolor;
}
.account .action--margin {
    margin: 0 0.67em;
}
.account .personal_data {
    margin: 5em 0 0;
}
.account .company-users-index .data-grid-filters-wrap {
    margin-bottom: 2em;
}
.account .company-users-index .table-wrapper {
    overflow: auto;
}
.account .company-users-index .col.actions {
    flex-wrap: nowrap;
}
.account .company-users-index .col.actions .action {
    padding-left: 0.67em;
    padding-right: 0.67em;
}
.account .search-list {
    margin: 1em 0 0;
}
.account .search-list select {
    background-image: url(../svg/carrat-down-blue.svg);
    background-position: right 15px top 50%;
    background-repeat: no-repeat;
    background-size: 10px 10px;
}
.account .search-container .search-bar {
    display: flex;
    gap: 0.5rem;
}
.account .search-container .action.primary {
    white-space: nowrap;
}
.account .search-container .cp_manual_entry svg {
    width: 14px;
    margin-left: 0.5rem;
}
.account .my-orders-search-advanced .field {
    flex: 1 0 auto;
    width: 100%;
}
.account .my-orders-search-advanced .field--half {
    flex: calc(50% - 0.67em);
    min-width: 200px;
}
.account .my-orders-search-advanced .sub-label {
    min-width: 50px;
}
.account .my-orders-search-advanced .control--label {
    display: flex;
    align-items: center;
    margin: 0 0 5px;
}

.toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 0.335em;
    padding: 0.335em;
    background: #fff;
}
.toolbar .pager {
    display: none;
}
.toolbar ~ .toolbar {
    margin-top: 0.335em;
    padding: 0;
}
.toolbar ~ .toolbar .pager {
    display: block;
}
.toolbar ~ .toolbar .toolbar__limiter,
.toolbar ~ .toolbar .toolbar__amount,
.toolbar ~ .toolbar .filters__sorter,
.toolbar ~ .toolbar .filters__type,
.toolbar ~ .toolbar .toolbar__modes,
.toolbar ~ .toolbar .filters__button {
    display: none;
}
.toolbar__amount {
    display: none;
    padding: 0 10px;
}
.toolbar__amount-number {
    margin: 0 0.25em 0 0;
    font-weight: 700;
}
.toolbar__limiter {
    display: none;
    font-weight: 700;
}
.toolbar__limiter-label {
    margin: 0 0.335em 0 0.675em;
}
.toolbar__limiter-link {
    margin: 0 5px;
    color: #0babcb;
}
.toolbar__limiter-selected {
    color: #273743;
    text-decoration: none;
}
.toolbar .filters__type {
    display: flex;
    align-items: center;
}
.toolbar .filters__type-label {
    margin: 0 0.335em 0 0;
}
.toolbar__modes {
    display: flex;
}
.toolbar__modes-mode {
    margin: 0 10px 0 0;
}
.toolbar__modes-icon {
    fill: #bfbfbf;
}
.toolbar__modes-icon:hover {
    fill: #1b232a;
}

.catalogsearch-result-index .toolbar__amount {
    margin: 0 auto 0 0;
}

.pager {
    width: 100%;
}
.pager__items {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    padding: 1em;
    font-size: 1.2em;
}
.pager__item {
    margin: 0 5px;
}
.pager__link {
    padding: 5px;
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}
.pager__link--next,
.pager__link--previous {
    display: flex;
    padding: 0.5335em 1em;
    color: #fff;
    text-decoration: none;
}
.pager__link--current {
    color: #0babcb;
    text-decoration: none;
}

.account_nav__svg {
    display: block;
}
.nav_items .item {
    padding: 8px 0;
}
.nav_items .item a {
    transition: opacity 0.25s;
    color: #1b232a;
}
.nav_items .item a:hover {
    opacity: 0.6;
}
.nav_items .delimiter {
    display: block;
    margin: 0 0 15px;
    padding: 15px 0 0;
    border-bottom: 1px solid #d7dadd;
}
.account .page-title-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.account .page-title-wrapper .page-title {
    width: 100%;
}
.account .page-title-wrapper .order-date {
    margin: 0 auto;
}
.account .page-title-wrapper .order-status,
.account .page-title-wrapper .order-date {
    font-weight: 700;
}

.order-links {
    margin: 20px 0;
    border-bottom: 1px solid #d7dadd;
}
.order-links .nav {
    display: inline-block;
    margin: 0 0 0 0;
}
.order-links .nav a {
    padding: 10px 15px;
    color: #1b232a;
}
.order-links .nav.current {
    margin-bottom: -1px;
    padding: 10px 15px;
    border: 1px solid #d7dadd;
    border-bottom: 1px solid #fff;
}

.filters__collapse {
    position: relative;
    max-height: 0;
    transition: max-height 0.3s ease;
    will-change: auto;
    overflow: auto;
}

.order-search {
    display: flex;
    flex-wrap: wrap;
    gap: 0 1em;
}

.order-date,
.inline-label {
    display: flex;
}
.order-date .label,
.inline-label .label {
    margin: 0 3px 0 0;
}

.table-order-items {
    margin-bottom: 20px;
}

.table-order-items .product-item-name {
    display: block;
    margin: 0 0 5px;
}
.table__no,
.table__date {
    display: block;
}
.table__date {
    opacity: 0.7;
}
.table-th:first-of-type {
    text-align: left;
}
.table-td--actions {
    width: 148px;
}
.table-td--order {
    width: 120px;
}
.table-td--first {
    text-align: left;
}
.table__footer {
    border: solid #d7dadd;
    border-width: 1px 0;
}
.table__footer tr:first-of-type td {
    padding-top: 2em;
}
.table__footer tr:last-of-type td {
    padding-bottom: 2em;
}
.table__totals {
    margin-bottom: 3em;
}

.item-options {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0.5em 0;
}
.item-sku {
    margin: 0 0 0.5em;
}
.item-option {
    margin: 0.5em 0.5em 0.5em 0;
    padding: 0.5em;
    background: #f6f6f7;
    border-radius: 5px;
    font-size: 0.9em;
}

.customer-addresses-toolbar {
    margin-bottom: 2em;
    padding-bottom: 1em;
    border-bottom: 1px solid #d7dadd;
}
.customer-addresses-toolbar .toolbar__amount {
    margin-right: 0;
}

.wishlist .product-item {
    display: flex;
    width: 100%;
}
.wishlist .product-item .price-box {
    margin-bottom: 20px;
}
.wishlist .product-item .price-as-configured {
    margin: 0;
}
.wishlist .product-item-photo {
    position: relative;
    aspect-ratio: 1;
}
.wishlist .product-items textarea {
    min-height: 70px;
    margin: 0 0 0.67em;
    padding: 0.67em;
    font-family: arial, 'Helvetica Neue', helvetica, sans-serif;
}
.wishlist .product-items .field {
    margin: 0 0.5em 0 0;
}
.wishlist .product-items .box-tocart {
    display: flex;
}
.wishlist .product-items .action.tocart {
    flex: 1 1 auto;
    margin: 1.7em 0 0;
}
.wishlist .product-item-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}
.reviews {
    position: relative;
}

.jstree {
    margin-top: 2em;
}
.jstree > ul ul li {
    position: relative;
    margin-left: 2.4rem;
    padding: 0.5rem 0;
    background: none;
    border-left: 1px dashed #d7dadd;
}
.jstree > ul ul li.jstree-last {
    display: flex;
    position: relative;
    left: 0.1rem;
    padding-bottom: 0;
    background: none;
    border-left: none;
}
.jstree > ul ul li.jstree-last::after {
    content: '';
    position: absolute;
    top: 0;
    left: -0.1rem;
    height: 2.3rem;
    border-left: 1px dashed #d7dadd;
}
.jstree > ul ul li.jstree-leaf > .jstree-icon.jstree-ocl {
    display: inline;
    width: 2.5rem;
    padding-right: 3.7rem;
    background: none;
}
.jstree > ul ul li.jstree-leaf > .jstree-icon.jstree-ocl::after {
    top: 1.7rem;
    right: 0;
    width: 100%;
}
.jstree > ul ul li > .jstree-icon.jstree-ocl {
    position: relative;
}
.jstree > ul ul li > .jstree-icon.jstree-ocl::after {
    content: '';
    position: absolute;
    top: 1.1rem;
    right: 2.3rem;
    height: 0.1rem;
    width: 1.3rem;
    border-top: 1px dashed #d7dadd;
}
.jstree li a {
    padding: 0.4rem 1rem 0.4rem 0.2rem;
    line-height: 2.2rem;
}
.jstree li a > .jstree-themeicon-custom {
    margin-right: 0.7rem;
}
.jstree li a > .jstree-icon.icon-customer {
    display: inline-block;
    position: relative;
    height: 16px;
    width: 13px;
    background: url(../svg/customer.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 18px;
}
.jstree li a > .jstree-icon.icon-customer::before {
    font-size: 1.8rem;
}
.jstree li a > .jstree-icon.icon-company::before {
    font-size: 1.7rem;
}
.jstree li a > .field-tooltip {
    top: 0.4rem;
    left: 100%;
    margin-left: 0.335em;
}
.jstree li a .field-tooltip-content {
    white-space: normal;
}
.jstree li:not(.jstree-leaf) > .jstree-icon {
    position: relative;
    top: 0.6rem;
    left: -0.1rem;
    z-index: 5;
}
.jstree li:not(.jstree-leaf) > .jstree-icon::before {
    text-align: center;
    cursor: pointer;
}
.jstree li.jstree-open > .jstree-icon::before {
    position: relative;
    left: 1.4rem;
    font-size: 2.2rem;
}
.jstree li.jstree-closed > .jstree-icon::before {
    position: relative;
    left: 1.4rem;
    font-size: 2.2rem;
}
.jstree > ul > li {
    background: none;
}
.jstree > ul > li > a.company-admin {
    margin-left: -0.2rem;
}
.jstree > ul > li > a.company-admin::before {
    display: none;
}
.jstree > ul > li > a.company-admin > .jstree-icon {
    display: inline-block;
    position: relative;
    z-index: 5;
    height: 30px;
    width: 30px;
    margin-right: 0.67em;
    background: url(../svg/customer.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 18px;
    border: 1px solid #d7dadd;
    border-radius: 99px;
}
.jstree > ul > li > a.company-admin > .jstree-icon::before {
    font-size: 3rem;
}
.jstree > ul > li:not(.root-collapsible) > .jstree-icon.jstree-ocl {
    display: none;
}
.jstree .jstree-leaf > .jstree-icon.jstree-ocl {
    display: none;
}
.jstree a > .jstree-icon {
    background: none;
}
.jstree.jstree-draggable a::before {
    content: '';
    display: inline-block;
    height: 1.8rem;
    width: 1.9rem;
    margin-left: -0.4rem;
    background: url(../svg/draggable.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 18px;
    overflow: hidden;
}
.jstree.jstree-draggable a.jstree-clicked::before {
    color: #0babcb;
}
.jstree i {
    font-style: normal;
}
.jstree .jstree-anchor .jstree-checkbox {
    position: relative;
    height: 16px;
    width: 16px;
    margin: 5px 8px -2px 4px;
    background-color: transparent;
    background-image: url(../png/icon-tree.png);
    background-position: top right;
    background-repeat: no-repeat;
}
.jstree .jstree-anchor.jstree-clicked > .jstree-checkbox {
    background-position: top center;
}
.jstree .jstree-anchor > .jstree-checkbox.jstree-undetermined {
    background-position: top left;
}

.jstree-checkbox-selection .jstree-anchor {
    display: inline-block;
    text-decoration: none;
}

.jstree-node,
.jstree-children,
.jstree-container-ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-image: none;
    list-style-type: none;
}

.jstree-node {
    white-space: nowrap;
}

.jstree-anchor {
    display: flex;
    align-items: center;
    vertical-align: top;
    margin: 0;
    padding: 0 4px 0 1px;
    white-space: nowrap;
}

[id='jstree-marker'] {
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    margin: -5px 0 0 0;
    padding: 0;
    border-top: 5px solid transparent;
    border-right: 0;
    border-bottom: 5px solid transparent;
    border-left: 5px solid;
    font-size: 0;
    line-height: 0;
}

[id='jstree-dnd'] {
    margin: 0;
    padding: 4px;
    line-height: 16px;
}

[id='jstree-dnd'] .jstree-icon,
[id='jstree-dnd'] .jstree-copy {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: 0 2px 0 0;
    padding: 0;
    text-decoration: none;
}

[id='jstree-dnd'] .jstree-copy {
    margin: 0 2px 0 2px;
}

.customer-account-login .page-main,
.customer-account-forgotpassword .page-main,
.customer-account-create .page-main {
    margin-top: -8px;
    padding: 3rem 1rem;
    background: #f6f6f7;
}
.customer-account-login .page-title,
.customer-account-forgotpassword .page-title,
.customer-account-create .page-title {
    margin: 0 0 0.5em;
    font-size: 1.735em;
    text-align: center;
}

.account_container {
    max-width: 500px;
    margin: auto;
}
.account_container-inner {
    margin: 0 0 2rem;
    padding: 3rem 1rem 2rem;
    background: #fff;
}
.account_container-inner .form-title {
    margin: 0 0 1rem;
}
.account_container-inner .fieldset {
    max-width: 400px;
    margin: auto;
}
.account_container .actions {
    justify-content: center;
}

.block-content {
    margin: 0 0 2rem;
}

.search-list {
    margin: 1em 0 0;
}
.search-list select {
    background-image: url(../svg/carrat-down-blue.svg);
    background-position: right 15px top 50%;
    background-repeat: no-repeat;
    background-size: 10px 10px;
}

.search-container .search-bar {
    display: flex;
    gap: 0.5rem;
}
.search-container .cp_manual_entry svg {
    width: 17px;
}

.crafty_address_field_hidden {
    display: none;
}

@media all and (min-width: 446px) {
    .cart_item-price {
        margin: 0 0 0 auto;
        text-align: right;
    }
}

@media all and (min-width: 600px) {
    .nav_sections__item--currency,
    .hide_sm {
        display: none !important;
    }
    .tooltip .tip_popup {
        transform: translateX(-50%);
    }
    .tooltip .tip--active {
        right: auto;
        left: 50%;
    }
    .banner__main {
        position: relative;
        aspect-ratio: 2.034;
    }
    [data-appearance='collage-left'] .pagebuilder-overlay,
    [data-appearance='collage-right'] .pagebuilder-overlay {
        width: 50%;
    }
    .confidence_message__item {
        width: 50%;
    }
    .grid-last {
        width: 30%;
        min-width: 265px;
        max-width: 291px;
        border: none;
        border-left: 2px solid #f6f6f7;
    }
    .card__items {
        --grid-gap: 1.334em;
    }
    .gallery__thumbs-item {
        flex: 0 0 25%;
        width: 25%;
    }
    .mcs-items-container .mcs-item {
        flex: 0 0 25%;
        width: calc(25% - 0.67rem);
    }
    .contact__container {
        display: flex;
        padding: 30px 0;
    }
    .contact__form,
    .contact__additional {
        width: 50%;
        padding: 0 20px;
    }
    .contact__form {
        padding-bottom: 30px;
    }
    .order-links .nav {
        margin: 0 15px 0 0;
    }
    .order-date--centered,
    .inline-label--centered {
        justify-content: center;
    }
}

@media all and (min-width: 800px) {
    .pagebuilder-mobile-only,
    .hide_md {
        display: none !important;
    }
    .wishlist .product-items textarea,
    .collapse-input,
    .cart_coupon-input,
    .filters__option-input,
    .newsletter__input,
    .search__input,
    .input,
    .account .input--counter .input--qty,
    .cart_item-qty-inner .input--qty,
    .product__qty .input--qty,
    .grid-action-input .input--qty {
        font-size: 1em;
    }
    .wishlist .product-item-link,
    .product_linked-list__link,
    .grid-link,
    .pb__grid-items .grid-link {
        font-size: 1.2em;
    }
    .page-layout-2columns-right .column.main {
        width: calc(100% - 349px);
        float: left;
    }
    .page-layout-2columns-right .columns {
        display: block;
    }
    .page-layout-2columns-right .columns::after {
        content: '';
        display: block;
        width: 100%;
        clear: both;
    }
    .page-layout-2columns-right .sidebar {
        padding: 0 0 0 40px;
        float: right;
        clear: right;
    }
    .page-layout-2columns-right .sidebar-additional,
    .page-layout-2columns-right .sidebar {
        width: 349px;
    }
    .banners {
        flex-wrap: nowrap;
        margin: 0 0 1.335em;
    }
    .catalog__grid {
        --grid-gap: 22px;
        --min: 220px;
    }
    [data-content-type='column-line'],
    [data-content-type='column-group'] {
        flex-wrap: nowrap;
        gap: 1.333em;
        margin-bottom: 1.333em;
    }
    [data-content-type='column'] {
        flex-basis: auto;
    }
    .page-header {
        top: var(--top-height);
    }
    .page-header .vat__wrapper {
        display: none;
    }
    .page-header .page_header--sticky {
        display: block;
        background: #112030;
        transition: all 0.2s ease-in-out;
    }
    .page-header .page_header--sticky .vat__wrapper {
        display: block;
    }
    .page-header .page_header--sticky .page_header__icons {
        display: none;
    }
    .page-header .page_header--sticky .page_header__container {
        padding: 1.1rem 0.85rem;
    }
    .page-header .page_header--sticky .header_icon {
        margin: 0;
    }
    .page-header .page_header--sticky .page_header__container {
        flex-wrap: nowrap;
    }
    .page-header .page_header--sticky .page_header__icons {
        order: 120;
        margin: 0;
    }
    .page-header .page_header--sticky .page_header__icons .header_icon-label {
        display: none;
    }
    .page-header.is_top .page_header--sticky {
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
    }
    .page-header.is_top .page_header--sticky .page_header__icons {
        display: flex;
    }
    .page_header__container {
        padding: 2rem 0.85rem 0;
    }
    .page_header__logo__img {
        width: 10.539rem;
    }
    .page_header__icons {
        justify-content: flex-end;
        margin: 0.334rem 0 1.0339rem auto;
    }
    .header_icon {
        margin: auto auto 0.6567rem;
    }
    .header_icon-trigger {
        margin: 0 0 0 1.375rem;
    }
    .header_icon-label {
        display: block;
        height: 1.0334rem;
    }
    .header_icon-svg {
        height: 32px;
    }
    .menu {
        order: 70;
        width: 140px;
        margin: 0 1.5rem 0 0;
    }
    .menu__trigger {
        justify-content: flex-start;
        padding: 0;
        font-size: 1.2rem;
    }
    .menu__trigger:after {
        content: '';
        height: 0;
        width: 0;
        border-left: 0.375rem solid transparent;
        border-right: 0.375rem solid transparent;
        border-top: 0.375rem solid #0babcb;
    }
    .menu__trigger::after {
        margin: 0 0 0 0.425rem;
    }
    .menu__label {
        font-size: 1.0667rem;
    }
    .search__container {
        display: block !important;
        order: 80;
        position: relative;
        transform: none;
        height: auto;
        width: calc(100% - 380px);
        margin: 0 auto;
        border-bottom: none;
        transition: none;
        opacity: 1;
    }
    .search__form {
        padding: 0;
        background: none;
    }
    .search__input {
        height: 40px;
        font-size: 0.9334rem;
    }
    .search__button:hover,
    .search__button:disabled:hover {
        opacity: 0.7;
    }
    .confidence_message__container.is-initialized:not(.is-active)
        .confidence_message__items {
        display: flex;
    }
    .header_contact {
        margin-bottom: 2rem;
    }
    .header_contact .hours {
        font-size: 0.875rem;
    }
    .header_contact-action {
        font-size: 2.1875rem;
    }
    .vat__wrapper {
        order: 100;
        width: 140px;
        margin: 0 0 0 1.5rem;
    }
    .vat__label {
        font-size: 0.8rem;
    }
    .vat__switch {
        height: 14px;
        width: 32px;
        margin: 0 0.625rem;
    }
    .vat__slider {
        bottom: 3px;
        left: 3px;
        height: 8px;
        width: 8px;
    }
    .vat__input:checked + .vat__slider {
        left: 21px;
    }
    .footer_bottom__inner {
        flex-direction: row-reverse;
    }
    .social {
        padding: 1.5em 0;
    }
    .copyright {
        text-align: left;
    }
    .footer__logo {
        margin: 0 0 10px;
    }
    .footer__columns {
        flex-direction: row;
    }
    .footer__column {
        flex: 1 0 20%;
        padding: 5px 20px 25px 0;
    }
    .footer__column:first-of-type {
        padding-right: 0;
    }
    .footer_column__title {
        margin: 0 0 5px;
    }
    .footer_accordion__item {
        margin: 0;
        padding: 0;
        border: none;
    }
    .footer_accordion__content {
        max-height: none;
    }
    .footer_accordion__content-inner {
        padding-top: 0;
    }
    .newsletter__container {
        flex-direction: row;
    }
    .newsletter__title_group {
        width: 40%;
        max-width: 380px;
        margin: 0;
        padding-right: 30px;
        text-align: left;
    }
    .newsletter__content {
        display: flex;
        width: 60%;
    }
    .newsletter__button {
        width: auto;
        margin: 0 0 0 0.67em;
    }
    .catalogsearch-result-index .page-main,
    .catalog-category-view .page-main {
        padding: 0;
    }
    .toolbar {
        flex-wrap: nowrap;
    }
    .toolbar .filters__sorter {
        max-width: 150px;
    }
    .toolbar__modes {
        order: -20;
    }
    .card__items {
        --min: 280px;
    }
    .info__top-inner {
        display: flex;
        gap: 20px;
        align-items: flex-start;
    }
    .gallery {
        width: 505px;
    }
    .product__info {
        flex: 1 0 auto;
        width: calc(100% - 525px);
    }
    .product__title {
        font-size: 1.467em;
    }
    .grouped-products {
        padding: 0.67em 1em 1.3335em;
    }
    .cell__sticky {
        position: sticky;
    }
    .cell__stock {
        right: 19rem;
        width: 4rem;
        min-width: 4rem;
        max-width: 4rem;
        padding-left: 1em;
    }
    .cell__price {
        right: 12rem;
        width: 7rem;
        min-width: 7rem;
        max-width: 7rem;
    }
    .cms-noroute-index .column.main {
        padding: 50px 20px;
    }
    .cart_summary {
        width: 300px;
    }
    .cart_items {
        width: calc(100% - 310px);
        margin: 0 auto 0 0;
    }
    .page-layout-2columns-right .sidebar {
        padding: 0 0 0 0.67em;
    }
    .blog-post-view .column.main {
        padding: 1.5em;
    }
    .toolbar {
        flex-wrap: nowrap;
    }
    .toolbar .filters__sorter {
        max-width: 150px;
    }
    .toolbar__modes {
        order: -20;
    }
}

@media all and (min-width: 1000px) {
    .nav__hide-all,
    .nav__hide-desktop,
    .hide_lg {
        display: none !important;
    }
    .page-layout-2columns-left .column.main {
        width: calc(100% - 364px);
        float: right;
    }
    .page-layout-2columns-left .columns {
        display: block;
    }
    .page-layout-2columns-left .columns::after {
        content: '';
        display: block;
        width: 100%;
        clear: both;
    }
    .page-layout-2columns-left .sidebar {
        padding: 0 15px 0 0;
        float: left;
        clear: left;
    }
    .page-layout-2columns-left .sidebar-additional,
    .page-layout-2columns-left .sidebar {
        width: 364px;
    }
    .nav__link {
        width: 100%;
        text-align: center;
    }
    .nav__inner-link,
    .nav__inner-link-deep {
        padding: 5px 10px;
        line-height: 1.4;
    }
    .nav__inner-link:hover,
    .nav__inner-link-deep:hover {
        text-decoration: underline;
    }
    .nav__inner-link-deep {
        font-size: 13px;
    }
    .nav__inner-item {
        margin-bottom: 15px;
        padding-bottom: 10px;
    }
    .nav__inner-link {
        padding-right: 30px;
    }
    .nav_sections {
        position: relative;
        z-index: 100;
    }
    .nav_sections::after {
        content: '';
        position: fixed;
        top: 0;
        bottom: 0;
        left: -9999px;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        transition: left 0ms ease-out 0.2s, opacity 0.2s ease-in 0s;
        opacity: 0;
    }
    .nav_sections--overlay::after {
        left: 0;
        transition: left 0ms ease-out 0s, opacity 0.2s ease-in 0.2s;
        opacity: 1;
    }
    .nav_sections__item {
        position: relative;
        z-index: 20;
        padding: 0 0.67em;
        background: #273743;
    }
    .nav__list {
        display: block;
        position: fixed;
        top: var(--header-height);
        left: -9999px;
        transform: translateX(-50%);
        height: var(--mega-height);
        width: calc(100% - 30px);
        box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
        margin: 5px 15px 0;
        padding: 20px 0;
        background: #fff;
        border: 2px solid #112030;
        transition: left 0ms ease-out 0.2s, opacity 0.2s ease-in 0s;
        color: #1b232a;
        opacity: 0;
    }
    .nav__list--active {
        left: calc(50% - 15px);
        transition: left 0ms ease-out 0s, opacity 0.2s ease-in 0s;
        opacity: 1;
    }
    .nav__list::before {
        content: '';
        position: absolute;
        top: 1.3335rem;
        left: 0;
        z-index: 0;
        transform: translateX(calc(100% + 1px));
        height: calc(100% - 2.664rem);
        width: calc(25% - 3px);
        min-width: 250px;
        border: 1px solid #d7dadd;
        border-width: 0 1px;
        pointer-events: none;
    }
    .nav__item {
        display: flex;
        width: 25%;
        transition: background 0.3s ease;
    }
    .nav__item--blue {
        background: #0babcb;
    }
    .nav__item--is-mega {
        position: static;
    }
    .nav__item--parent::after {
        content: '';
        position: fixed;
        top: var(--overlay-top);
        left: -9999px;
        z-index: 10;
        height: var(--overlay-height);
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        transition: left 0ms ease-out 0.2s, opacity 0.2s ease-in 0s;
        opacity: 0;
        pointer-events: none;
    }
    .nav__item--no-overlay::after {
        display: none;
    }
    .nav__item--block {
        display: flex;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 25%;
        background: #edeef0;
    }
    .nav__item--block::before {
        display: none;
    }
    .nav__item--block > div {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .nav__item--block > div > div {
        display: flex;
        height: 100%;
        width: 100%;
    }
    .nav__link {
        display: flex;
        align-items: center;
        position: relative;
        z-index: 20;
    }
    .nav__link--action {
        pointer-events: none;
    }
    .nav__link--parent:before {
        content: '';
        height: 0;
        width: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #112030;
    }
    .nav__link--parent::before {
        position: absolute;
        top: calc(100% + 1px);
        left: -9999px;
        opacity: 0;
    }
    .nav__column {
        display: block;
        position: absolute;
        top: 20px;
        bottom: 20px;
        left: -9999px;
        width: 25%;
        transition: left 0ms ease-out 0.2s, opacity 0.2s ease-in 0s;
        opacity: 0;
    }
    .nav__column-inner {
        width: 100%;
    }
    .nav__item-main {
        display: block;
        height: calc(100% - 2em);
        width: 25%;
    }
    .nav__item-main,
    .nav__column-deep-inner,
    .nav__column-inner {
        height: 100%;
        max-height: var(--mega-height);
        overflow: auto;
        scrollbar-width: none;
    }
    .nav__item-main::-webkit-scrollbar,
    .nav__column-deep-inner::-webkit-scrollbar,
    .nav__column-inner::-webkit-scrollbar {
        width: 8px;
    }
    .nav__item-main::-webkit-scrollbar-thumb,
    .nav__column-deep-inner::-webkit-scrollbar-thumb,
    .nav__column-inner::-webkit-scrollbar-thumb {
        background-color: #1b444d;
        border-right: 3px solid #fff;
        outline: none;
    }
    .nav__inner-list {
        width: 75%;
    }
    .nav__inner-list--block {
        position: sticky;
        top: 0;
        width: 25%;
    }
    .nav__inner-item,
    .nav__column-deep {
        position: relative;
    }
    .nav__column-deep {
        position: absolute;
        top: 0;
        left: -9999px;
        z-index: 10;
        width: 100%;
        min-height: 100%;
    }
    .nav__column-deep-inner {
        transition: opacity 0.2s ease-in 0s;
    }
    .nav__link,
    .nav__inner-link:not(.nav__inner-link--all) {
        padding: 0.5rem 2.3335rem 0.5rem 1.3335rem;
    }
    .nav__item.active > .nav__link > .nav__link--action,
    .nav__item.active > .nav__inner-link > .nav__link--action,
    .nav__parent-container.active > .nav__link > .nav__link--action,
    .nav__parent-container.active > .nav__inner-link > .nav__link--action {
        opacity: 1;
    }
    .nav__item.active > .nav__link,
    .nav__item.active > .nav__inner-link,
    .nav__parent-container.active > .nav__link,
    .nav__parent-container.active > .nav__inner-link {
        background: #f6f6f7;
    }
    .nav__inner-list .nav__inner-item {
        width: 33.33%;
        min-width: 250px;
    }
    .active > .nav__column {
        left: 25%;
        max-height: calc(100% - 40px);
        opacity: 1;
    }
    .nav__parent-container.active > .nav__column-deep {
        left: 100%;
        height: calc(100% - 2em);
    }
    .nav__parent-container.active
        > .nav__column-deep
        > .nav__column-deep-inner {
        opacity: 1;
    }
    .is_top .nav__list {
        top: var(--header-sticky-height);
        height: var(--mega-height);
    }
    .confidence_message__item {
        flex: 1 1 auto;
        width: 100%;
    }
    .cart__item-image {
        width: 100px;
        max-width: 100px;
        margin: 0 20px 0 0;
    }
    .cart__item-details {
        max-width: calc(100% - 120px);
        padding: 0 20px 0 0;
    }
    .toolbar__amount {
        display: block;
        margin: 0 auto;
    }
    .toolbar__limiter {
        display: flex;
        order: -10;
    }
    .page-with-filter:not(.category-landing-layout) .category__content {
        width: 65%;
    }
    .product__info-inner {
        flex: 1 0 auto;
        width: 60%;
        padding: 1em 2em 1.3335em 1.3335em;
    }
    .product__info {
        display: flex;
    }
    .product__details {
        --min: 500px;
    }
    .product__sidebar {
        align-self: flex-start;
        width: 36%;
        min-width: 215px;
        max-width: 316px;
    }
    .delivery__columns {
        --min: 500px;
    }
    .delivery__column {
        padding: 55px 80px;
    }
    .delivery__column--contact {
        padding: 20px 80px 20px 20px;
    }
    .cart_item-image {
        margin: 0 20px 0 0;
    }
    .cart_item-name {
        font-size: 1.2em;
    }
    .blog_list-items {
        --grid-gap: 10px;
        --min: 300px;
    }
    .toolbar__amount {
        display: block;
        margin: 0 auto;
    }
    .toolbar__limiter {
        display: flex;
        order: -10;
    }
    .account_nav__item {
        border: none;
    }
    .account_nav__content {
        max-height: none;
    }
}

@media all and (min-width: 1200px) {
    .hide_xl {
        display: none !important;
    }
    .header_contact {
        align-items: flex-start;
        width: auto;
        margin: 0 0 2rem 5.335rem;
    }
    .gallery__content {
        flex-direction: row-reverse;
        position: relative;
        padding: 0 0 0 110px;
    }
    .gallery__thumbs {
        flex: 1 0 auto;
        flex-direction: column;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100px;
        overflow: hidden;
    }
    .gallery__thumbs-inner {
        flex-direction: column;
    }
    .gallery__thumbs-item {
        flex: 0 0 auto;
        width: 100%;
        padding: 0 0 0.67rem;
    }
    .gallery__thumb-control .icon {
        transform: rotate(90deg);
    }
    .mcs-items-container {
        flex-direction: column;
    }
    .mcs-items-container .mcs-item {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media all and (max-width: 1199px) {
    .block-header_useful_link,
    .hide_xl--max {
        display: none !important;
    }
    .page_header__logo {
        width: 33.33%;
    }
}

@media all and (max-width: 999px) {
    .page-with-filter:not(.category-landing-layout) .category-image,
    .nav__item--block,
    .hide_lg--max {
        display: none !important;
    }
    .blog_list-item:last-of-type {
        margin-bottom: 0;
    }
    .nav_overlay,
    .nav_sections {
        height: 100%;
    }
    .nav_sections__title,
    .nav__column-title {
        position: sticky;
        top: 0;
        z-index: 10;
        padding: 15px;
        background: #fff;
        color: #838383;
        font-size: 20px;
    }
    .nav {
        color: #1b232a;
    }
    .nav__container {
        position: fixed;
        top: 0;
        left: -360px;
        z-index: 90;
        height: 100%;
        width: 360px;
        background: #fff;
        border-right: 1px solid #e1e1e1;
        transition: left 0.3s ease-in-out;
        overflow: hidden;
    }
    .nav__container.active {
        left: 0;
        box-shadow: -2px 0 8px 0 rgba(0, 0, 0, 0.7);
    }
    .nav__close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 50;
        padding: 15px;
        background: #fff;
    }
    .nav_sections {
        display: flex;
        flex-direction: column;
        position: relative;
        left: 0;
        height: 100%;
        transition: left 0.3s ease-out;
        overflow-y: auto;
    }
    .nav_sections--active {
        left: -360px;
    }
    .nav_sections--delay-active,
    .nav_sections--active {
        overflow-y: visible;
    }
    .nav_sections__item--main {
        margin: 0 0 auto;
        border-top: none;
    }
    .nav_sections__item--currency {
        margin: 20px 0 0;
        padding: 15px;
        background: #112030;
    }
    .nav__nav--has_switcher {
        display: flex;
        flex-direction: column;
    }
    .nav__list {
        flex-direction: column;
    }
    .nav__item {
        padding: 0 10px;
    }
    .nav__link--action {
        transform: translate(0, -50%) rotate(90deg);
        opacity: 0.5;
    }
    .nav__link--main {
        transform: translate(0, -50%);
    }
    .nav__inner-link--parent.active .nav__link--action {
        transform: translate(0, -50%) rotate(-90deg);
        opacity: 1;
    }
    .nav__column {
        position: absolute;
        top: 0;
        right: -100%;
        height: 100%;
        width: 100%;
    }
    .nav__column--delay-active {
        display: block;
        overflow-y: auto;
    }
    .nav__column-title {
        text-align: center;
    }
    .nav__column-title-icon {
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
        width: 20px;
    }
    .nav__column-close {
        z-index: 20;
        padding-left: 50px;
        padding-right: 50px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .nav__column-deep-inner,
    .nav__column-inner {
        padding: 10px;
    }
    .nav__column-deep-inner {
        padding-bottom: 20px;
        padding-top: 0;
    }
    .nav__column-deep {
        height: 0;
        transition: height 0.3s ease;
        overflow: hidden;
    }
    .nav__column-deep.open {
        height: auto !important;
    }
    .filters__items {
        padding: 0 10px;
    }
    .filters__title {
        position: sticky;
        top: 0;
        z-index: 10;
    }
    .filters__content {
        left: 100%;
        z-index: 90;
        width: 85%;
        max-width: 360px;
        padding: 0 0 30px;
        background: #fff;
        transition: left 0.3s ease-out;
        overflow-y: auto;
    }
    .filters__container.active .filters__content {
        left: calc(100% - 360px);
        box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.7);
    }
    .filters__content,
    .filters__overlay {
        position: fixed;
        top: 0;
        height: 100%;
    }
    .filters__overlay {
        left: 0;
        z-index: 80;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
    }
    .filters__overlay.fade {
        transition: opacity 0.3s ease-out;
    }
    .filters__overlay.fade--0 {
        opacity: 0;
    }
    .filters__overlay.fade--1 {
        opacity: 1;
    }
}

@media all and (max-width: 799px) {
    .nav__image,
    .page_header__split,
    .pagebuilder-mobile-hidden,
    .breadcrumbs,
    .hide_md--max {
        display: none !important;
    }
    .footer__column--address {
        padding: 0 0 20px;
    }
    .newsletter__input {
        margin: 0 0 0.67em;
    }
    .filters__trigger {
        flex: 1 0 auto;
        order: 20;
        width: 100%;
    }
    .filters__type,
    .filters__sorter {
        width: calc(50% - 10px);
        margin-bottom: 0.335em;
    }
    .filters__type {
        margin-right: 0.67em;
    }
    .grouped__cell {
        padding: 0 0.335em 0.67em 0.67em;
    }
    .grouped__cell--first,
    .grouped__cell--break {
        width: 100%;
    }
    .grouped__tr {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: 0.67em 0.335em 0 0;
    }
    .grouped__filters-trigger {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 48px;
        width: 100%;
        margin-bottom: 2em;
        text-align: left;
    }
    .grouped__filters-trigger .filters__button-icon {
        fill: #fff;
    }
    .grouped__filters-title {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        position: sticky;
        top: 0;
        z-index: 10;
        width: 100%;
        margin: 0 0 5px;
        padding: 16px 20px;
        background: #fff;
        color: #1b232a;
    }
    .grouped__filters-title-inner {
        font-size: 22px;
    }
    .grouped__filters-close {
        display: flex;
        align-items: center;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 90;
        height: 100%;
        padding: 15px;
    }
    .grouped__thead {
        left: 100%;
        z-index: 90;
        width: 85%;
        max-width: 360px;
        padding: 0 0 30px;
        background: #fff;
        transition: left 0.3s ease-out;
        overflow-y: auto;
    }
    .grouped__thead--active {
        left: calc(100% - 360px);
        box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.7);
    }
    .grouped__thead,
    .grouped__overlay {
        position: fixed;
        top: 0;
        height: 100%;
    }
    .grouped__overlay {
        left: 0;
        z-index: 80;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
    }
    .grouped__overlay.fade {
        transition: opacity 0.3s ease-out;
    }
    .grouped__overlay.fade--0 {
        opacity: 0;
    }
    .grouped__overlay.fade--1 {
        opacity: 1;
    }
    .grouped__tr--thead {
        padding: 0;
        background: transparent !important;
    }
    .grouped__th {
        width: 100%;
        max-width: none;
        padding: 1em 1.5em;
        background: none;
        color: #1b444d;
        text-align: left;
    }
    .grouped__th-filter-title {
        display: block;
        margin-bottom: 0.335em;
    }
    .grouped__th .select__wrap {
        width: 100%;
        max-width: none;
    }
    .grouped__th .select__wrap select {
        height: 48px;
        line-height: 48px;
    }
    .mz-expanded-view-open,
    .mz-expanded-view-open body {
        overflow: hidden !important;
    }
    .mz-expanded-view-open body {
        height: auto !important;
    }
}

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

@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 {
        height: 100%;
        padding: 0 10px;
        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 {
        height: 100%;
        width: 80px;
    }
}

@media all and (max-width: 600px) {
    .tooltip .tip_arrow {
        right: 0.335em;
        left: auto;
    }
}

@media all and (max-width: 599px) {
    .currency__dropdown-arrow,
    .currency__container--desktop,
    .hide_sm--max {
        display: none !important;
    }
    .wishlist .product-item-details,
    .grid-details,
    .pb__grid-items .grid-details {
        flex-wrap: wrap;
    }
    .table-order-items tr,
    .table-order-items th,
    .table-order-items td {
        display: block;
        padding-bottom: 0;
        border-width: 0 1px;
    }
    .table-order-items tr:first-of-type,
    .table-order-items th:first-of-type,
    .table-order-items td:first-of-type {
        border-width: 1px 1px 0;
    }
    .table-order-items tr:last-of-type,
    .table-order-items th:last-of-type,
    .table-order-items td:last-of-type {
        border-width: 0 1px 1px;
    }
    .table-order-items tr,
    .table-order-items td {
        width: 100%;
        text-align: left;
    }
    .table-order-items tfoot tr {
        display: flex;
    }
    .table-order-items tfoot tr th {
        flex: 1 0 auto;
        width: 80%;
    }
    .table-order-items tfoot tr td {
        text-align: right;
    }
    .table-order-items td:last-of-type {
        padding-bottom: 10px;
    }
    .table-order-items thead {
        display: none;
    }
    [data-appearance='collage-left'] .pagebuilder-banner-wrapper,
    [data-appearance='collage-right'] .pagebuilder-banner-wrapper {
        padding-top: 60%;
        background-size: contain !important;
    }
    .product__parts {
        flex-wrap: wrap;
    }
    .table--simple-sm tr {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        width: 100%;
        padding: 1em;
    }
    .table--simple-sm td {
        flex: 1 0 auto;
        padding-bottom: 1em;
        padding-top: 0;
    }
    .table--simple-sm td:first-of-type {
        width: 100%;
        padding-bottom: 0;
        padding-top: 1em;
        text-align: left;
    }
}

@media all and (max-width: 419px) {
    .nav__container {
        left: -300px;
        width: 300px;
    }
    .nav_sections--active {
        left: -300px;
    }
    .filters__content {
        max-width: 85%;
    }
    .filters__container.active .filters__content {
        left: 15%;
    }
    .grouped__thead {
        max-width: 85%;
    }
    .grouped__thead--active {
        left: 15%;
    }
}

@media all and (max-width: bp(md-max)) and (max-width: bp(md-max)) {
    button.mz-button-prev,
    button.mz-button-next {
        display: none !important;
    }
    .mobile-magic .mz-expand button.mz-button.mz-button-close {
        height: 50px !important;
        width: 50px !important;
        color: rgb(180, 180, 180) !important;
    }
    .mobile-magic .mz-expand button.mz-button::before {
        transform: scale(0.8);
    }
}

@media only screen and (orientation: landscape) {
    @supports (-webkit-overflow-scrolling: touch) {
        .page_header__top,
        .page_header__container,
        .navigation__list,
        .confidence_message__container,
        .breadcrumbs,
        .page-main,
        .footer_top .newsletter,
        .footer__container {
            padding-left: env(safe-area-inset-left);
            padding-right: env(safe-area-inset-right);
        }
    }
}