.breeze-gallery.opened {
    top: 0;
    left: 0;
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100vh;
    padding: 30px;
    box-sizing: border-box;
    background: rgb(var(--base-bg, 255, 255, 255))
}

.breeze-gallery.opened .close {
    background: rgba(var(--base-bg, 255, 255, 255), .6);
    display: block;
    right: 3px;
    top: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px
}

.breeze-gallery.opened .controls {
    visibility: visible
}

.breeze-gallery.opened .stage {
    flex-grow: 1;
    overflow: hidden
}

.breeze-gallery.opened .stage:not(.video) .main-image-wrapper {
    cursor: default
}

.breeze-gallery.opened .stage>div:first-child,
.breeze-gallery.opened .stage>div:first-child picture {
    margin: 0 auto;
    max-height: 100%
}

.breeze-gallery.opened .stage>div:first-child,
.breeze-gallery.opened .stage>div:first-child picture,
.breeze-gallery.opened .stage>div:first-child .main-image-wrapper {
    align-items: normal
}

.breeze-gallery.opened .stage>div:first-child img {
    object-fit: contain
}

.breeze-gallery.opened .thumbnails.hidden {
    display: flex
}

@media (orientation:landscape) {
    .breeze-gallery.opened {
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-end
    }

    .breeze-gallery.opened .thumbnails {
        flex-direction: column;
        flex-wrap: nowrap;
        order: -1;
        max-height: 550px;
        margin: 0 5px 0 0;
        padding-right: 10px;
        padding-bottom: 0;
        overflow-y: overlay
    }

    .breeze-gallery.opened .stage {
        height: 100%;
        flex-shrink: 1
    }

    .breeze-gallery.opened .thumbnails {
        max-height: none;
        height: 100%;
        justify-content: flex-start
    }
}

[data-mage-init*='"collapsible":'] [data-role=content],
.modal-inner-wrap,
.actions-secondary a,
.toolbar .sorter-action,
.toolbar .modes a,
.toolbar .pages a.page,
.toolbar .pages .next,
.toolbar .pages .previous,
.minicart-items .actions a,
.navigation .parent>a .ui-icon,
.navigation .parent>a:after,
.product-social-links a,
.cart.table a.action {
    transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.loading-mask .loader,
.load.indicator:before,
.product-item-info-image-loading .product-item-photo:before {
    animation: rotate var(--spinner-duration) linear infinite;
    width: var(--spinner-size);
    height: var(--spinner-size);
    border: var(--spinner-border-width) solid rgb(var(--spinner-border-color));
    border-top-color: transparent;
    border-radius: 50%
}

.breeze-block-sidebar>.title,
.breeze-block-sidebar .block-title,
.block>.title,
.block .block-title {
    color: rgba(var(--block-title-color), var(--block-title-alpha, 1));
    background: rgba(var(--block-title-bg), var(--block-bg-alpha, 1))
}

.breeze-block-sidebar .block-content,
.block .block-content {
    background: rgb(var(--block-content-bg), var(--block-content-bg-alpha, 1))
}

.breeze-block-hero .block-title:before,
.page-footer .block.newsletter .title:before,
.block-hero .block-title:before,
.page-bottom .block .block-title:before,
.cms-index-index .main .block .block-title:before,
.catalog-product-view .main>.block .block-title:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg width="48" height="9" viewBox="0 0 48 9" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M21.441 4.89907C22.0551 4.61749 22.8357 4.40117 24 4.40117V0C22.1531 0 20.6752 0.358529 19.4087 0.939228C18.2215 1.48357 17.2908 2.19727 16.57 2.7499C16.5521 2.76362 16.5344 2.77725 16.5167 2.79077C15.0959 3.87982 14.142 4.59883 12 4.59883C10.8357 4.59883 10.0551 4.38251 9.441 4.10093C8.77707 3.79651 8.22162 3.38254 7.44956 2.79077L7.41657 2.76549C5.84205 1.55852 3.80893 0 -1.90735e-06 0C-3.81198 0 -5.85544 1.56053 -7.43748 2.76867L-7.4631 2.78824C-8.88873 3.87687 -9.85506 4.59883 -12 4.59883V9C-8.18803 9 -6.14456 7.43947 -4.56253 6.23133L-4.5369 6.21176C-3.11127 5.12313 -2.14494 4.40117 -1.90735e-06 4.40117C2.14195 4.40117 3.09588 5.12018 4.51674 6.20923C4.53438 6.22275 4.55215 6.23637 4.57005 6.2501C5.29075 6.80273 6.22151 7.51643 7.40871 8.06077C8.67521 8.64147 10.1531 9 12 9C15.8089 9 17.842 7.44148 19.4166 6.23451L19.4496 6.20923C20.2216 5.61746 20.7771 5.20349 21.441 4.89907Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M57.441 4.10093C58.0551 4.38251 58.8357 4.59883 60 4.59883V9C58.1531 9 56.6752 8.64147 55.4087 8.06077C54.2215 7.51643 53.2908 6.80273 52.57 6.2501C52.5521 6.23638 52.5344 6.22275 52.5167 6.20923C51.0959 5.12018 50.142 4.40117 48 4.40117C46.8357 4.40117 46.0551 4.61749 45.441 4.89907C44.7771 5.20349 44.2216 5.61746 43.4496 6.20923L43.4166 6.23451C41.842 7.44148 39.8089 9 36 9C32.188 9 30.1446 7.43947 28.5625 6.23133L28.5369 6.21176C27.1113 5.12313 26.1449 4.40117 24 4.40117V0C27.812 0 29.8554 1.56053 31.4375 2.76867L31.4631 2.78824C32.8887 3.87687 33.8551 4.59883 36 4.59883C38.142 4.59883 39.0959 3.87982 40.5167 2.79077C40.5344 2.77725 40.5521 2.76363 40.57 2.7499C41.2907 2.19727 42.2215 1.48357 43.4087 0.939228C44.6752 0.358529 46.1531 0 48 0C51.8089 0 53.842 1.55852 55.4166 2.76549L55.4496 2.79077C56.2216 3.38254 56.7771 3.79651 57.441 4.10093Z"/></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 48px 9px
}

.breadcrumbs li:after {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,1221') no-repeat 50% 50%;
    -webkit-mask-size: .75rem .75rem
}

.field-tooltip-content,
.dropdown.options .dropdown,
.tooltip.wrapper .tooltip.content,
.minicart-wrapper .mage-dropdown-dialog,
.minisearch .search-autocomplete,
.map-popup,
.navigation .submenu,
.swatch-option-tooltip {
    transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    padding: var(--dropdown-padding);
    width: var(--dropdown-width);
    transform-origin: top;
    transform: scale(.95);
    z-index: 850;
    visibility: hidden;
    margin-top: .125rem;
    color: rgba(var(--z-layer-color), var(--z-layer-color-alpha, 1));
    background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
    box-shadow: 0 4px 15px -2px rgba(0, 0, 0, .1), 0 1px 6px rgba(0, 0, 0, .05);
    border-radius: .25rem;
    text-align: left
}

.breeze .field-tooltip-content,
.breeze .dropdown.options .dropdown,
.breeze .tooltip.wrapper .tooltip.content,
.breeze .minicart-wrapper .mage-dropdown-dialog,
.breeze .minisearch .search-autocomplete,
.breeze .map-popup,
.breeze .navigation .submenu,
.breeze .swatch-option-tooltip {
    display: block !important
}

.field-tooltip-content[aria-hidden=false],
.dropdown.options .dropdown[aria-hidden=false],
.tooltip.wrapper:hover .tooltip.content,
.tooltip.wrapper:focus .tooltip.content,
.minicart-wrapper .mage-dropdown-dialog[style=""],
.minicart-wrapper .mage-dropdown-dialog[style*=block],
.minisearch .search-autocomplete:not(:empty):not([style*="display:none"]):not([style*="display: none"]),
.map-popup.active,
.navigation .submenu.shown,
.navigation .submenu[aria-expanded=true]:not([aria-hidden]),
body:not(.breeze) .navigation .submenu[aria-expanded=true]:not([aria-hidden]) .submenu,
.swatch-option-tooltip[style*=block] {
    z-index: 851;
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    transform: scale(1);
    top: auto
}

.dropdown.options .dropdown>li>a,
.dropdown.options .dropdown>ul>li>a,
.minisearch .search-autocomplete [role=listbox] li,
.navigation :where(li[class*=level])>a {
    --divider-alpha: .05;
    cursor: pointer
}

.dropdown.options .dropdown>li>a:hover,
.dropdown.options .dropdown>ul>li>a:hover,
.minisearch .search-autocomplete [role=listbox] li:hover,
.navigation :where(li[class*=level])>a:hover {
    background: rgba(var(--base-color), var(--divider-alpha, .1))
}

.accordion[data-mage-init*='"Swissup_Easytabs/js/tabs":']>.title,
[data-collapsible] [data-role=title],
[data-role=collapsible] [data-role=title],
[data-mage-init*='"collapsible":'] [data-role=title],
.block-collapsible-nav>.title,
.dropdown.options .toggle,
.minicart-wrapper .action.showcart {
    cursor: pointer
}

.accordion[data-mage-init*='"Swissup_Easytabs/js/tabs":']>.title:after,
[data-collapsible] [data-role=title]:after,
[data-role=collapsible] [data-role=title]:after,
[data-mage-init*='"collapsible":'] [data-role=title]:after,
.block-collapsible-nav>.title:after,
.dropdown.options:not(.no-chevron) .toggle:after {
    transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,1221') no-repeat 50% 50%;
    -webkit-mask-size: .75rem .75rem
}

:where(input:not([type=range])):focus,
:where(input:not([type=range])):focus-visible,
textarea:focus,
textarea:focus-visible,
select:focus,
select:focus-visible {
    --input-border-color: var(--input-focus-border-color);
    --input-outline-color: var(--input-border-color);
    --input-shadow-spread: 1px;
    outline: 2px solid rgba(var(--input-outline-color), var(--input-outline-alpha));
    outline-offset: 2px
}

:where(input:not([type=range])):-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: none, 0 0 0 30px rgba(var(--muted-bg), var(--muted-bg-alpha, 1)) inset;
    -webkit-text-fill-color: rgba(var(--input-color), var(--input-alpha))
}

button,
.action.primary,
input[type=submit],
input[type=reset],
input[type=button],
.pagebuilder-button-primary,
.pagebuilder-button-secondary,
.pagebuilder-button-link {
    transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

button:hover,
.action.primary:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover,
.pagebuilder-button-primary:hover,
.pagebuilder-button-secondary:hover,
.pagebuilder-button-link:hover {
    --button-bg-alpha: var(--button-hover-bg-alpha);
    text-decoration: none !important
}

button:focus-visible,
.action.primary:focus-visible,
input[type=submit]:focus-visible,
input[type=reset]:focus-visible,
input[type=button]:focus-visible,
.pagebuilder-button-primary:focus-visible,
.pagebuilder-button-secondary:focus-visible,
.pagebuilder-button-link:focus-visible {
    --button-border-alpha: 1;
    z-index: 10;
    outline: 2px solid rgba(var(--ring-color), var(--ring-alpha, 1));
    outline-offset: 2px
}

.pagebuilder-button-link:hover {
    text-decoration: underline !important
}

.button-ghost button:hover,
.button-ghost .pagebuilder-button-primary:hover,
.button-ghost .pagebuilder-button-secondary:hover {
    --button-bg-alpha: .1
}

.product-options-wrapper .action.back {
    --button-bg: var(--base-bg);
    --button-border-color: var(--base-bg);
    padding: 0 !important;
    background: 0 0 !important;
    color: inherit !important;
    border: 0 !important;
    border-radius: 0 !important;
    text-align: left
}

.product-options-wrapper .action.back:focus-visible {
    outline: 2px solid rgba(var(--ring-color), var(--ring-alpha, 1));
    outline-offset: 1px
}

.button-close,
.ui-dialog.popup .action.close,
.modal-header .action-close,
.block-minicart .action.close {
    float: right;
    --button-bg: var(--base-bg);
    --button-border-color: var(--base-bg);
    padding: 0 !important;
    background: 0 0 !important;
    color: inherit !important;
    border: 0 !important;
    border-radius: 0 !important;
    text-align: left;
    opacity: .7;
    cursor: pointer
}

.button-close:focus-visible,
.ui-dialog.popup .action.close:focus-visible,
.modal-header .action-close:focus-visible,
.block-minicart .action.close:focus-visible {
    outline: 2px solid rgba(var(--ring-color), var(--ring-alpha, 1));
    outline-offset: 1px
}

.button-close:before,
.ui-dialog.popup .action.close:before,
.modal-header .action-close:before,
.block-minicart .action.close:before {
    display: block;
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem
}

.button-close span,
.ui-dialog.popup .action.close span,
.modal-header .action-close span,
.block-minicart .action.close span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.minicart-items .details-qty .update-cart-item {
    font-size: .75rem;
    line-height: 1rem;
    padding: .25rem .5rem
}

.minicart-items .details-qty .item-qty {
    font-size: .75rem;
    line-height: 1rem;
    padding: .25rem;
    width: auto;
    flex-grow: 0
}

.minicart-items-wrapper:after {
    pointer-events: none;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1rem;
    background: linear-gradient(rgba(var(--z-layer-bg), 0), rgba(var(--z-layer-bg), .8))
}

.modal-content::-webkit-scrollbar,
.minicart-items-wrapper>.minicart-items::-webkit-scrollbar {
    width: .375rem;
    height: .375rem
}

.modal-content::-webkit-scrollbar-track,
.minicart-items-wrapper>.minicart-items::-webkit-scrollbar-track {
    background-color: rgb(var(--scrollbar-bg));
    border-radius: 24rem
}

.modal-content::-webkit-scrollbar-thumb,
.minicart-items-wrapper>.minicart-items::-webkit-scrollbar-thumb {
    background-color: rgb(var(--scrollbar-color));
    border-radius: 24rem
}

.collapsed[data-mage-init*='"Swissup_Easytabs/js/tabs":']>[data-role=collapsible],
[data-mage-init*='"tabs":']>[data-role=collapsible],
[data-content-type=tabs] .tab-header {
    cursor: pointer
}

@media (max-width:767.98px) {

    .collapsed[data-mage-init*='"Swissup_Easytabs/js/tabs":']>[data-role=collapsible]:after,
    [data-mage-init*='"tabs":']>[data-role=collapsible]:after,
    [data-content-type=tabs] .tab-header:after {
        transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        background-color: currentColor;
        -webkit-mask: url('data:image/svg+xml,1221') no-repeat 50% 50%;
        -webkit-mask-size: .75rem .75rem
    }
}

.collapsed[data-mage-init*='"Swissup_Easytabs/js/tabs":']>[data-role=collapsible]:hover,
[data-mage-init*='"tabs":']>[data-role=collapsible]:hover,
[data-content-type=tabs] .tab-header:hover {
    --muted-alpha: .9;
    --muted-bg-alpha: .5;
    color: #4b5563
}

.collapsed[data-mage-init*='"Swissup_Easytabs/js/tabs":']>[data-role=collapsible][aria-expanded=true],
.collapsed[data-mage-init*='"Swissup_Easytabs/js/tabs":']>[data-role=collapsible]:nth-child(1):not([aria-expanded]),
[data-mage-init*='"tabs":']>[data-role=collapsible][aria-expanded=true],
[data-mage-init*='"tabs":']>[data-role=collapsible]:nth-child(1):not([aria-expanded]),
[data-content-type=tabs] .tab-header.active {
    --muted-alpha: .9;
    color: #1f2937
}

.collapsed[data-mage-init*='"Swissup_Easytabs/js/tabs":']>[data-role=collapsible][aria-expanded=true]:hover,
.collapsed[data-mage-init*='"Swissup_Easytabs/js/tabs":']>[data-role=collapsible]:nth-child(1):not([aria-expanded]):hover,
[data-mage-init*='"tabs":']>[data-role=collapsible][aria-expanded=true]:hover,
[data-mage-init*='"tabs":']>[data-role=collapsible]:nth-child(1):not([aria-expanded]):hover,
[data-content-type=tabs] .tab-header.active:hover {
    --muted-bg-alpha: 1
}

.collapsed[data-mage-init*='"Swissup_Easytabs/js/tabs":']>[data-role=content],
[data-mage-init*='"tabs":']>[data-role=content],
[data-content-type=tabs] .tabs-content>div {
    transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.minicart-items .details-qty .update-cart-item span,
.minicart-items .action.edit span,
.minicart-items .action.delete span,
.review-control-vote label span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.mobile-header-panel .switcher .label {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.minicart-items .details-qty .label,
.minicart-items .details-qty .value {
    font-size: .875rem;
    line-height: 1.25rem
}

.block-minicart .items-total {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.block-minicart .block-content>.actions a.action,
.product-options-wrapper .action.back {
    color: rgba(var(--link-color), var(--link-alpha));
    text-decoration: none
}

.block-minicart .block-content>.actions a.action:hover,
.product-options-wrapper .action.back:hover {
    --link-alpha: 1;
    text-decoration: underline
}

.popup-authentication .block-new-customer p {
    margin-bottom: .75rem
}

.footer-middle {
    color: rgba(var(--base-color), var(--base-alpha, 1));
    --base-color: 255, 255, 255;
    --base-alpha: .85;
    --headings-alpha: .9;
    --link-color: 147, 197, 253;
    --link-alpha: .9;
    --muted-bg: 255, 255, 255;
    --muted-bg-alpha: .05;
    --ring-color: 255, 255, 255;
    --ring-alpha: .7;
    --button-bg: var(--gray-50);
    --button-border-color: var(--gray-50);
    --button-color: var(--gray-900);
    --input-color: 255, 255, 255;
    --input-alpha: .85;
    --input-bg-alpha: .07000000000000001;
    --input-border-alpha: 0;
    --input-focus-border-color: 255, 255, 255
}

.breeze-dropdown,
.field-tooltip-content,
.dropdown.options .dropdown,
.tooltip.wrapper .tooltip.content,
.minicart-wrapper .mage-dropdown-dialog,
.minisearch .search-autocomplete,
.map-popup,
.navigation .submenu,
.swatch-option-tooltip {
    color: rgba(var(--base-color), var(--base-alpha, 1));
    --base-color: var(--gray-900);
    --link-color: var(--blue);
    --muted-bg: var(--gray-100);
    --muted-bg-alpha: 1;
    --ring-color: var(--brand-color);
    --ring-alpha: 1;
    --input-color: var(--gray-900);
    --input-alpha: 1;
    --input-bg: var(--base-bg);
    --input-bg-alpha: 1;
    --input-border-color: var(--gray-900);
    --input-border-alpha: 1;
    --input-focus-border-color: var(--brand-color)
}

* {
    outline: none
}

:where(:focus-visible) {
    outline: 2px solid rgba(var(--ring-color), var(--ring-alpha, 1));
    outline-offset: 1px
}

select:not([multiple]) {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em
}

[type=checkbox]:checked,
[type=radio]:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
}

[type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}

[type=radio]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
}

[type=checkbox]:checked:focus-visible,
[type=checkbox]:checked:hover,
[type=radio]:checked:focus-visible,
[type=radio]:checked:hover {
    border-color: transparent;
    background-color: currentColor
}

[type=checkbox]:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
}

[type=checkbox]:indeterminate:focus-visible,
[type=checkbox]:indeterminate:hover {
    border-color: transparent;
    background-color: currentColor
}

[type=file]:focus {
    outline: 1px auto -webkit-focus-ring-color
}

[type=range]:focus,
[type=range]:focus-visible {
    outline: 0
}

[type=range]:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1)), 0 0 0 .25rem rgba(var(--brand-color), .2)
}

[type=range]:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1)), 0 0 0 .25rem rgba(var(--brand-color), .2)
}

[type=range]:focus::-webkit-slider-thumb {
    transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

[type=range]:focus::-moz-range-thumb {
    transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

div.mage-error,
div.field-error {
    margin-top: .125rem;
    font-size: .9rem;
    color: rgba(var(--danger-color), var(--danger-alpha, 1))
}

.field-tooltip {
    --dropdown-width: 18rem;
    --dropdown-padding: .5rem .75rem
}

.field-tooltip-action:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.25rem 1.25rem
}

.ui-datepicker .ui-datepicker-calendar td {
    padding: 0
}

.ui-datepicker-trigger:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem
}

.shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
}

.shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
}

.shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
}

.shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
}

.shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
}

.shadow-sm-around {
    box-shadow: 0 1px 9px 0 rgba(0, 0, 0, .05)
}

.shadow-around {
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .1), 0 1px 5px 0 rgba(0, 0, 0, .06)
}

.shadow-md-around {
    box-shadow: 0 2px 7px rgba(0, 0, 0, .1), 0 1px 6px rgba(0, 0, 0, .06)
}

.shadow-lg-around {
    box-shadow: 0 4px 15px -2px rgba(0, 0, 0, .1), 0 1px 6px rgba(0, 0, 0, .05)
}

.shadow-xl-around {
    box-shadow: 0 10px 25px rgba(0, 0, 0, .1), 0 5px 10px rgba(0, 0, 0, .04)
}

.shadow-2xl-around {
    box-shadow: 0 25px 50px rgba(0, 0, 0, .25)
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

[data-mage-init*='"collapsible":'] [data-role=content][aria-hidden=false] {
    height: auto;
    visibility: visible;
    opacity: 1;
    overflow: visible;
    position: static
}

.block-collapsible-nav .title {
    cursor: pointer
}

.block-collapsible-nav .content a:hover {
    text-decoration: none;
    --base-bg-alpha: .8;
    background: rgba(var(--base-bg), var(--base-bg-alpha, 1))
}

@media (min-width:768px) {
    .block-collapsible-nav .content {
        position: sticky;
        top: .5rem;
        left: 0
    }
}

@media (min-width:640px) {
    .ui-dialog.popup {
        width: 24rem
    }
}

.ui-dialog.popup .action.close {
    position: absolute;
    z-index: 101;
    right: .5rem;
    top: .5rem
}

.dropdown.options .block-title {
    padding: 0;
    border: 0;
    margin-bottom: .5rem
}

.dropdown.options .subtitle {
    display: block;
    margin-bottom: .75rem;
    color: rgba(var(--base-color), var(--muted-alpha, .6))
}

.dropdown.options .product-item+.product-item {
    margin-top: 1rem
}

.dropdown.options .actions-toolbar {
    justify-content: center;
    margin-top: 1rem
}

.dropdown.options .empty {
    font-weight: 500
}

:root {
    --dropdown-padding: .5rem;
    --dropdown-width: 11rem
}

.dropdown-lg {
    --dropdown-padding: .75rem 1rem;
    --dropdown-width: 18rem
}

.dropdown-xl,
.map-popup {
    --dropdown-padding: .75rem 1rem;
    --dropdown-width: 20rem
}

.modals-overlay,
.modal-custom-overlay {
    transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    inset: 0;
    margin: 0 !important;
    padding: 0 !important;
    position: fixed;
    visibility: hidden;
    content: '';
    z-index: 810;
    opacity: 0;
    pointer-events: none;
    background: rgba(var(--z-overlay-bg), var(--z-overlay-bg-alpha, .8))
}

._show~.modals-overlay,
._show~.modal-custom-overlay {
    opacity: 1;
    pointer-events: all;
    visibility: visible
}

body.breeze._has-modal,
body.breeze._has-modal-custom {
    overflow: hidden
}

.modal-slide,
.modal-popup,
.modal-custom {
    --modal-max-width: 500px;
    --modal-max-height: 85vh;
    --modal-padding-x: 1rem;
    --modal-padding-y: var(--modal-padding-x);
    inset: 0;
    position: fixed;
    z-index: 900;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: 1.75rem
}

@media (min-width:768px) {

    .modal-slide,
    .modal-popup,
    .modal-custom {
        --modal-padding-x: 2rem
    }
}

.modal-slide._show,
.modal-popup._show,
.modal-custom._show {
    pointer-events: auto;
    visibility: visible
}

@media (min-width:640px) {

    .modal-slide,
    .modal-popup,
    .modal-custom {
        justify-content: center
    }
}

.modal-slide[data-type=slide] {
    width: 100%;
    padding: 0;
    align-items: flex-end;
    padding-left: 1.75rem;
    left: auto !important
}

.modal-inner-wrap {
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    max-width: var(--modal-max-width);
    max-height: var(--modal-max-height);
    max-height: -webkit-fill-available;
    background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
    border-radius: .25rem;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .1), 0 5px 10px rgba(0, 0, 0, .04);
    opacity: 0
}

.modal-xl .modal-inner-wrap {
    --modal-max-width: 850px
}

@media (max-width:767.98px) {
    .modal-inner-wrap {
        transform: translateY(10px)
    }
}

@media (min-width:768px) {
    .modal-inner-wrap {
        transform: scale(.97)
    }
}

[data-type=slide] .modal-inner-wrap {
    width: 100%;
    height: 100%;
    max-width: 420px;
    max-height: none;
    border-radius: 0;
    transform: translateX(100%)
}

._show .modal-inner-wrap {
    transform: none;
    opacity: 1
}

.modal-inner-wrap .block-title {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: .25rem !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    border: 0 !important
}

.modal-header,
.modal-content,
.modal-footer {
    padding: 0 var(--modal-padding-x)
}

.modal-header,
.modal-footer {
    flex-shrink: 0;
    padding-top: var(--modal-padding-y);
    position: relative;
    z-index: 10
}

.modal-header h1 {
    font-size: 1.5rem;
    line-height: 2rem
}

.modal-header .action-close {
    background: rgba(var(--base-bg), var(--base-bg-alpha, 1));
    position: absolute;
    top: calc(var(--modal-padding-y)/3);
    right: calc(var(--modal-padding-x)/3)
}

.modal-content {
    overflow: auto;
    overscroll-behavior: contain
}

.modal-content:last-child {
    padding-bottom: var(--modal-padding-y)
}

.modal-footer {
    padding-bottom: var(--modal-padding-y);
    display: flex;
    justify-content: flex-end;
    gap: .5rem
}

.page-header .action.skip {
    --base-color: var(--gray-900);
    --base-alpha: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 40;
    text-align: center;
    background: rgba(var(--base-bg), var(--base-bg-alpha, 1));
    color: rgba(var(--base-color), var(--base-alpha, 1))
}

.page-header .action.skip:hover {
    text-decoration: underline
}

.page-header .action.skip:focus-within {
    outline: none;
    border-bottom: 1px solid rgba(var(--base-color), var(--divider-alpha, .1));
    padding: .625rem .5rem
}

.loading-mask,
.load.indicator {
    inset: 0;
    margin: auto;
    position: fixed;
    z-index: 800;
    --base-bg-alpha: .6;
    background: rgba(var(--base-bg), var(--base-bg-alpha, 1));
    display: flex;
    align-items: center;
    justify-content: center
}

body>.loading-mask {
    position: fixed !important
}

.loading-mask .loader {
    flex-shrink: 0;
    flex-grow: 0
}

.loading-mask .loader p,
.loading-mask .loader img {
    display: none
}

.load.indicator:before {
    content: '';
    display: block
}

.load.indicator span {
    display: none
}

._block-content-loading {
    position: relative
}

.tooltip.wrapper {
    --dropdown-width: 16rem;
    --dropdown-padding: .5rem .75rem
}

.tooltip.wrapper .tooltip.toggle {
    cursor: help
}

.tooltip.wrapper .subtitle {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    display: block;
    margin-bottom: .5rem
}

@media (max-width:767.98px) {
    .tooltip.wrapper {
        --dropdown-width: 12rem
    }
}

.towishlist:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,1111') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem
}

.tocompare:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem
}

.action.print:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem
}

.action.mailto:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem
}

.popup-authentication .modal-inner-wrap {
    --modal-max-width: 850px
}

.popup-authentication .block-authentication {
    padding: 0 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (min-width:768px) {
    .popup-authentication .block-authentication {
        flex-direction: row
    }

    .popup-authentication .block-authentication>.block {
        flex-grow: 1;
        flex-basis: 0
    }
}

.block .block-title .counter {
    color: rgba(var(--base-color), var(--muted-alpha, .6))
}

.block-compare .action.delete,
.filter .action.remove,
.sidebar .action.delete,
.sidebar .action.remove {
    color: rgba(var(--base-color), var(--muted-alpha, .6))
}

.block-compare .action.delete:before,
.filter .action.remove:before,
.sidebar .action.delete:before,
.sidebar .action.remove:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1rem 1rem
}

.breadcrumbs a:hover {
    color: #4b5563;
    text-decoration: underline
}

.breadcrumbs .home:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1rem 1rem
}

.breadcrumbs .home:hover:before {
    color: #4b5563
}

.footer-top {
    background: url(../images/wave-gray.svg) no-repeat 50% 0
}

.footer-middle {
    background: url(../images/wave-blue.svg) no-repeat 50% 0
}

.page-footer .block.newsletter .control>label:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem
}

.dropdown .header.links {
    flex-direction: column;
    gap: 0
}

.account-dropdown>.action:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,1243') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem
}

.wishlist-dropdown>.action:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,1111') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem
}

.mobile-header-panel {
    margin-top: 1rem;
    padding-top: .5rem;
    border-top: 1px solid rgba(var(--base-color), var(--divider-alpha, .1))
}

.mobile-header-panel .heading,
.mobile-header-panel .switcher-label {
    display: block;
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 600;
    color: rgba(var(--base-color), var(--muted-alpha, .6))
}

.mobile-header-panel .switcher,
.mobile-header-panel .header-panel-info {
    margin-top: 1rem;
    padding: 0 .5rem;
    display: flex;
    gap: .75rem
}

.mobile-header-panel .switcher a,
.mobile-header-panel .header-panel-info a {
    opacity: .7
}

.mobile-header-panel .switcher+.switcher {
    margin-top: .5rem
}

.mobile-header-panel .header-panel-info {
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem
}

@media (max-width:767.98px) {
    .block.filter .filter-content {
        transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        left: 0;
        top: 0;
        bottom: 0;
        width: 24rem;
        z-index: 850;
        max-width: calc(100vw - 4rem);
        background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
        color: rgba(var(--z-layer-color), var(--z-layer-color-alpha, 1));
        transform: translateX(-100%);
        overscroll-behavior: contain;
        overflow: auto;
        padding: 1rem
    }

    .active.block.filter .filter-content {
        transform: translateX(0);
        visibility: visible
    }

    .block.filter .filter-content-close {
        display: block;
        position: absolute;
        top: .75rem;
        right: 1.25rem
    }

    .block.filter .filter-title:after {
        transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        inset: 0;
        margin: 0 !important;
        padding: 0 !important;
        position: fixed;
        visibility: hidden;
        content: '';
        z-index: 810;
        opacity: 0;
        pointer-events: none;
        background: rgba(var(--z-overlay-bg), var(--z-overlay-bg-alpha, .8))
    }

    .active.block.filter .filter-title:after {
        opacity: 1;
        pointer-events: all;
        visibility: visible
    }
}

@media (min-width:768px) {
    .column.main .block.filter .filter-options-content {
        transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        padding: var(--dropdown-padding);
        width: var(--dropdown-width);
        transform-origin: top;
        transform: scale(.95);
        z-index: 850;
        visibility: hidden;
        margin-top: .125rem;
        color: rgba(var(--z-layer-color), var(--z-layer-color-alpha, 1));
        background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
        border-radius: .25rem;
        text-align: left;
        box-shadow: 0 4px 15px -2px rgba(0, 0, 0, .1), 0 1px 6px rgba(0, 0, 0, .05)
    }

    .breeze .column.main .block.filter .filter-options-content {
        display: block !important
    }

    .column.main .block.filter .filter-options-content[aria-hidden=false] {
        z-index: 851;
        opacity: 1;
        pointer-events: all;
        visibility: visible;
        transform: scale(1);
        top: auto
    }

    .column.main .block.filter .filter-options-content .item {
        --divider-alpha: .05;
        cursor: pointer;
        display: flex
    }

    .column.main .block.filter .filter-options-content .item:hover {
        background: rgba(var(--base-color), var(--divider-alpha, .1))
    }
}

.block.filter a:hover {
    text-decoration: underline
}

@media (max-width:767.98px) {
    .block.filter .filter-title {
        cursor: pointer;
        -webkit-tap-highlight-color: transparent
    }

    .block.filter .filter-title:before {
        background-color: currentColor;
        -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z" clip-rule="evenodd" /></svg>') no-repeat 50% 50%;
        -webkit-mask-size: 1.25rem 1.25rem
    }

    .block.filter .filter-content {
        padding: 3rem 1.5rem
    }
}

.product-item-name a:hover {
    text-decoration: underline
}

.actions-secondary a:hover {
    --muted-alpha: .6
}

.toolbar .pages .previous:before,
.toolbar .pages .next:before,
.toolbar .sorter-action:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem
}

.toolbar .sort-desc:before {
    transform: rotate(180deg)
}

.toolbar .sorter-action:hover {
    --muted-alpha: .6
}

.toolbar .modes a:hover {
    --muted-alpha: .6
}

.toolbar .mode-grid:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem
}

.toolbar .mode-list:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 10h16M4 14h16M4 18h16" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem
}

.toolbar .pages a.page:hover {
    background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1))
}

.toolbar .pages .next:before {
    transform: rotate(90deg)
}

.toolbar .pages .previous:before {
    transform: rotate(-90deg)
}

.toolbar .pages .next:hover,
.toolbar .pages .previous:hover {
    --muted-alpha: .6
}

.minicart-wrapper .action.showcart:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,2222') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem
}

.minicart-wrapper .mage-dropdown-dialog {
    width: 20rem;
    max-width: 90vw;
    display: block !important;
    padding: .75rem 1rem;
    transform-origin: top right
}

.minicart-wrapper .showcart {
    --spinner-size: 1rem
}

.block-minicart .block-title {
    float: left;
    padding: 0;
    border: 0
}

.block-minicart .block-title .qty {
    display: none
}

.block-minicart .block-content {
    clear: both;
    display: flex;
    flex-direction: column
}

.block-minicart .action.close {
    position: absolute;
    top: .625rem;
    right: .625rem
}

.block-minicart .items-total {
    font-weight: 500;
    display: none
}

.block-minicart .subtitle {
    display: none
}

.block-minicart .subtitle.empty {
    padding: .5rem 0 0;
    display: flex
}

.block-minicart .subtotal {
    display: flex;
    justify-content: space-between;
    margin: .5rem 0;
    font-weight: 500
}

.block-minicart .block-content>.actions {
    margin: .25rem 0;
    text-align: center
}

.block-minicart .block-content>.actions .action.checkout {
    width: 100%;
    padding: .625rem
}

.block-minicart .block-content>.actions .action.checkout~div:not(:empty) {
    margin-top: .5rem;
    display: flex;
    gap: .5rem
}

.minicart-items-wrapper {
    position: relative;
    height: auto !important;
    max-height: none !important;
    margin: 1rem 0
}

.minicart-items-wrapper>.minicart-items {
    max-height: 35vh;
    height: 100%;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 0 .25rem .375rem;
    margin: 0 0 0 -.25rem
}

.modal-slide[data-type=slide] .minicart-items-wrapper>.minicart-items {
    max-height: none
}

.minicart-items-wrapper .message {
    margin-top: .25rem
}

.minicart-items li.product-item+li {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(var(--base-color), var(--divider-alpha, .1))
}

.minicart-items li.product-item>div.product {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: .75rem
}

.minicart-items li.product-item>div.product>:nth-child(1) {
    max-width: 30%
}

.minicart-items li.product-item>div.product>:nth-child(2) {
    max-width: calc(70% - .75rem);
    flex-grow: 1
}

.minicart-items li.product-item>div.product .message {
    width: 100%
}

.minicart-items li.product-item>div.product .message:last-child {
    margin: 0
}

.minicart-items .product.options .toggle {
    justify-content: flex-start
}

.minicart-items .product-item-photo,
.minicart-items .product-image-container {
    flex-shrink: 0
}

.minicart-items .subtotal,
.minicart-items .price-container {
    margin: .25rem 0
}

.minicart-items .details-qty {
    color: rgba(var(--base-color), var(--muted-alpha, .6));
    margin: .25rem 0;
    display: flex;
    align-items: center;
    gap: .375rem
}

.minicart-items .details-qty .item-qty {
    color: rgba(var(--base-color), var(--muted-alpha, .6));
    width: 2.5rem;
    border-color: transparent;
    margin-left: -.25rem
}

.minicart-items .details-qty .update-cart-item:before {
    content: '';
    display: block;
    width: 1rem;
    height: 1rem;
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1rem 1rem
}

.minicart-items .actions {
    display: flex;
    gap: .125rem;
    position: absolute;
    bottom: .5rem;
    right: 0
}

.minicart-items .actions a {
    display: flex;
    --muted-alpha: .2;
    color: rgba(var(--base-color), var(--muted-alpha, .6))
}

.minicart-items .action.edit:before,
.minicart-items .action.delete:before {
    content: '';
    display: block;
    width: 1.5rem;
    height: 1.5rem
}

.minicart-items .action.edit:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.25rem 1.25rem
}

.minicart-items .action.delete:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.25rem 1.25rem
}

.minicart-items .actions a:hover {
    --muted-alpha: .4
}

.minisearch .label:before {
    position: relative;
    cursor: pointer;
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,9999') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem
}

.minisearch .action.search:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,9999') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem
}

.minisearch.active .control {
    display: block;
    z-index: 40;
    left: 0;
    right: 0
}

.minisearch.active .actions {
    display: flex;
    z-index: 41
}

.minisearch .search-autocomplete {
    right: auto
}

.minisearch .search-autocomplete [role=listbox] li {
    display: flex;
    align-items: center;
    gap: .25rem
}

.minisearch .search-autocomplete [role=listbox] li.selected {
    background: rgba(var(--muted-bg), var(--muted-bg-alpha, 1))
}

.minisearch .search-autocomplete [role=listbox] .amount {
    opacity: .5
}

.message {
    background: var(--message-bg);
    color: var(--message-color)
}

.message a {
    color: var(--message-color) !important
}

.message a:hover {
    text-decoration: none !important
}

.message.success {
    --message-border-color: #bbf7d0;
    --message-bg: #bbf7d0;
    --message-bg-alpha: .05;
    --message-color: #166534
}

.message.success:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.25rem 1.25rem
}

.message.info,
.message.warning,
.message.notice {
    --message-border-color: #dbeafe;
    --message-bg: #dbeafe;
    --message-bg-alpha: .05;
    --message-color: #2563eb
}

.message.info:before,
.message.warning:before,
.message.notice:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.25rem 1.25rem
}

.message.error {
    --message-border-color: rgba(var(--danger-color), var(--message-bg-alpha, .05));
    --message-bg: rgba(var(--danger-color), var(--message-bg-alpha, .05));
    --message-bg-alpha: .05;
    --message-color: rgba(var(--danger-color), var(--danger-alpha, 1))
}

.message.error:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clip-rule="evenodd" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.25rem 1.25rem
}

.map-popup {
    transition: opacity var(--transition-duration), visibility var(--transition-duration) 0s;
    width: 100%;
    right: auto;
    left: 0
}

.map-popup.active {
    z-index: 950
}

.map-popup .action.tocart {
    width: 100%
}

.map-popup-wrapper.ui-dialog .action.close {
    z-index: 951
}

.map-form-addtocart {
    margin: .5rem 0
}

.actual-price {
    font-weight: 500
}

.additional-addtocart-box {
    margin: .5rem 0;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.additional-addtocart-box:empty {
    display: none
}

.additional-addtocart-box>div {
    max-width: calc(50% - .25rem)
}

@media (max-width:639.98px) {
    .navigation-wrapper {
        transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        left: 0;
        top: 0;
        bottom: 0;
        width: 24rem;
        z-index: 850;
        max-width: calc(100vw - 4rem);
        background: rgba(var(--z-layer-bg), var(--z-layer-bg-alpha, 1));
        color: rgba(var(--z-layer-color), var(--z-layer-color-alpha, 1));
        transform: translateX(-100%);
        overscroll-behavior: contain;
        overflow: auto;
        padding: 1rem
    }

    .nav-open .navigation-wrapper {
        transform: translateX(0);
        visibility: visible
    }

    .nav-toggle:before {
        transition: background-color var(--transition-duration), border-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), opacity var(--transition-duration), transform var(--transition-duration), visibility var(--transition-duration) 0s;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        inset: 0;
        margin: 0 !important;
        padding: 0 !important;
        position: fixed;
        visibility: hidden;
        content: '';
        z-index: 810;
        opacity: 0;
        pointer-events: none;
        background: rgba(var(--z-overlay-bg), var(--z-overlay-bg-alpha, .8))
    }

    .nav-open .nav-toggle:before {
        opacity: 1;
        pointer-events: all;
        visibility: visible
    }
}

.nav-toggle {
    -webkit-tap-highlight-color: transparent;
    cursor: pointer
}

.nav-toggle:after {
    z-index: 39;
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem
}

.nav-open .nav-toggle:after {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem;
    color: rgba(var(--base-bg), var(--base-bg-alpha, 1));
    opacity: .8
}

.navigation li>a {
    position: relative
}

.navigation .parent>a .ui-icon,
.navigation .parent>a:after {
    content: '';
    position: absolute;
    right: .125rem;
    top: 50%;
    margin-top: -.75rem;
    width: 1.5rem;
    height: 1.5rem;
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,1221') no-repeat 50% 50%;
    -webkit-mask-size: .75rem .75rem
}

.navigation .parent>a .ui-icon {
    -webkit-mask-size: 1rem 1rem
}

@media (max-width:639.98px) {
    .navigation-wrapper .navigation {
        clear: both;
        padding: .5rem 0
    }

    .navigation-wrapper .navigation>ul {
        margin: 0
    }

    .navigation-wrapper li>a {
        padding: .5rem
    }

    .navigation-wrapper .submenu {
        padding: 0 0 0 1rem;
        width: auto;
        top: -9999px;
        border: 0;
        box-shadow: none;
        background: 0 0;
        transform: scale(1)
    }

    body:not(.breeze) .navigation-wrapper .submenu,
    .navigation-wrapper .submenu.shown,
    .navigation-wrapper .submenu[aria-expanded=true]:not([aria-hidden]) {
        position: static !important;
        transform: scale(1)
    }

    body:not(.breeze) .navigation-wrapper .submenu .ui-icon {
        display: none
    }

    body:not(.breeze) .navigation-wrapper .submenu[aria-expanded=true]:not([aria-hidden]) .submenu {
        display: block !important
    }

    .navigation-wrapper .parent>a:after {
        display: none
    }

    .navigation-wrapper .opened>a .ui-icon {
        transform: rotate(90deg)
    }
}

@media (min-width:640px) {
    .navigation-wrapper .opened>a {
        background: rgba(var(--base-color), var(--divider-alpha, .1))
    }

    .navigation-wrapper .parent>a .ui-icon {
        display: none
    }

    .navigation-wrapper .parent>a:after {
        transition: none
    }

    .navigation-wrapper .parent.level-top>a:after {
        transform: rotate(90deg)
    }

    .navigation-wrapper .submenu {
        width: 13rem;
        top: 100%;
        left: 0;
        right: auto
    }

    .navigation-wrapper .submenu .submenu {
        top: -.125rem !important;
        left: calc(100% - 1rem) !important
    }
}

.slick-next:before,
.slick-prev:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,1221') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem
}

.slick-prev:before {
    transform: scaleX(-1)
}

#html-body [data-show-button=hover]:hover button {
    opacity: 1;
    visibility: visible
}

.product-social-links a:hover {
    --muted-alpha: .8
}

.bundle-wrapper {
    display: flex;
    gap: 1rem;
    flex-direction: column
}

@media (min-width:768px) {
    .bundle-wrapper {
        align-items: flex-start;
        flex-direction: row
    }

    .bundle-wrapper>div {
        width: 50%
    }

    .bundle-wrapper .block-bundle-summary {
        position: sticky;
        top: 0;
        right: 0
    }
}

.bundle-wrapper .product-addto-links {
    display: none
}

.fieldset-bundle-options .title,
.block-bundle-summary .title,
.block-bundle-summary .subtitle {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 500;
    margin-bottom: 1rem;
    padding: .75rem 0;
    border-bottom: 1px solid rgba(var(--base-color), var(--divider-alpha, .1))
}

.product-options-wrapper .field.option>.label {
    font-weight: 500
}

.product-options-wrapper .field.option+.field {
    margin-top: 1.5rem
}

.product-options-wrapper .field.qty {
    margin-top: .5rem
}

.block-bundle-summary .content {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.block-bundle-summary .product.name,
.block-bundle-summary .stock {
    display: none
}

.block-bundle-summary .product-image-photo {
    margin-bottom: .75rem
}

.block-bundle-summary .product-details {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.block-bundle-summary .price-box {
    font-size: 1.5rem;
    line-height: 2rem
}

.block-bundle-summary .bundle-summary {
    order: -1
}

.block-bundle-summary .subtitle {
    display: none
}

.block-bundle-summary .bundle.items li {
    margin-top: .375rem
}

@media (min-width:768px) {
    .block-bundle-summary .content {
        gap: .5rem
    }

    .block-bundle-summary .bundle-summary {
        order: initial
    }

    .block-bundle-summary .subtitle {
        display: block;
        border: 0;
        padding: 0
    }
}

.rating-result:before,
.rating-result>span:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.25rem 1.25rem;
    -webkit-mask-repeat: repeat-x;
    -webkit-mask-position: 0 50%
}

.rating-result>span {
    color: #1f2937
}

.review-control-vote:before,
.review-control-vote label:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.5rem 1.5rem;
    -webkit-mask-repeat: repeat-x;
    -webkit-mask-position: 0 50%
}

.review-control-vote label:hover,
.review-control-vote input:checked+label,
.review-control-vote input:focus-visible+label {
    opacity: 1
}

.review-control-vote input:focus-visible+label {
    outline: 2px solid rgba(var(--ring-color), var(--ring-alpha, 1));
    outline-offset: 1px
}

.review-control-vote label {
    cursor: pointer;
    color: #1f2937;
    height: 1.5rem;
    left: 0
}

.review-control-vote label:before {
    content: '';
    position: absolute;
    inset: 0
}

.review-control-vote .rating-1 {
    z-index: 5;
    width: 1.5rem
}

.review-control-vote .rating-2 {
    z-index: 4;
    width: 3rem
}

.review-control-vote .rating-3 {
    z-index: 3;
    width: 4.5rem
}

.review-control-vote .rating-4 {
    z-index: 2;
    width: 6rem
}

.review-control-vote .rating-5 {
    z-index: 1;
    width: 7.5rem
}

.review-field-ratings .mage-error+.mage-error {
    display: none
}

.search-terms a:hover {
    text-decoration: underline
}

.swatch-option-tooltip {
    font-size: .875rem;
    line-height: 1.25rem;
    right: auto;
    font-size: 14px;
    transform-origin: bottom;
    width: auto;
    text-align: center;
    padding: .25rem;
    min-width: 2rem;
    max-width: 118px
}

.swatch-option.selected:before {
    box-shadow: 0 0 0 2px inset rgba(var(--brand-color), var(--brand-alpha, 1)), 0 0 0 3px inset #fff;
    top: 0
}

.swatch-option.disabled:after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #fff 43%, #fff 46%, #ff5216 47%, #ff5216 53%, #fff 54%, #fff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%)
}

.product-item-info-image-loading .product-item-photo:before {
    content: '';
    border-color: rgba(var(--base-color), var(--base-alpha, 1));
    border-top-color: transparent;
    opacity: .3;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -.75rem;
    margin-left: -.625rem
}

.product-item-info-image-loading .product-item-photo img,
.product-item-info-image-loading .product-item-photo picture {
    opacity: .5
}

.form-cart .action-edit:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.25rem 1.25rem
}

.form-cart .action-delete:before {
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" /></svg>') no-repeat 50% 50%;
    -webkit-mask-size: 1.25rem 1.25rem
}

.cart.table a.action:hover {
    --muted-alpha: .6
}

@media only screen and (max-width:767px) {
    .onestepcheckout-index-index .one-step-checkout-wrapper .row-mp {
        margin: 0
    }

    .onestepcheckout-index-index .one-step-checkout-wrapper .checkout-payment-method-kanmo #checkout-step-payment #checkout-payment-method-load .payment-section-tab .payment-section-content {
        padding-right: 5px
    }

    .onestepcheckout-index-index .one-step-checkout-wrapper .checkout-payment-method-kanmo #checkout-step-payment #checkout-payment-method-load .payment-section-tab .payment-section-content.credit-and-debit-cards-active .payment-method {
        width: auto
    }

    .onestepcheckout-index-index .one-step-checkout-wrapper .checkout-payment-method-kanmo #checkout-step-payment #checkout-payment-method-load .payment-section-tab .payment-section-content .payment-method {
        width: 30%;
        margin-left: 2px;
        margin-right: 0;
        padding: 10px
    }

    .onestepcheckout-index-index .one-step-checkout-wrapper .checkout-payment-method-kanmo #checkout-step-payment #checkout-payment-method-load .payment-section-tab .payment-section-content .payment-method .payment-method-title.field.choice {
        gap: .3rem
    }
}

#search_autocomplete {
    width: fit-content;
    left: 0
}

#search_autocomplete .livesearch.products-container {
    padding-bottom: 20px
}

#search_autocomplete .livesearch.products-container .product-link {
    padding: 15px 0
}

#search_autocomplete .livesearch.products-container .product-link .product-result .product-name,
#search_autocomplete .livesearch.products-container .product-link .product-result .product-price {
    font-size: 14px
}

#search_autocomplete .livesearch.products-container .product-link .product-result .product-name {
    color: #515759
}

#search_autocomplete .livesearch.products-container .product-link .product-result .product-price {
    color: #000
}

@media (max-width:767px) {

    body .header.content .kanmo-middle-header .block.block-search,
    body .header.content .kanmo-middle-header .block .search-label {
        display: block !important
    }

    .minisearch .control {
        padding: 10px 20px 15px;
        border: 1px solid #b4b4b4;
        border-top: unset
    }

    .minisearch #search_autocomplete {
        width: 100%;
        top: 65px;
        right: 0;
        margin-top: 5px;
        border-top: unset;
        padding: 10px 20px 20px;
        padding-bottom: 60px
    }

    .minisearch #search_autocomplete .livesearch.popover-container {
        max-height: 350px;
        display: block
    }

    .minisearch #search_autocomplete .livesearch.products-container {
        padding: 0;
        max-height: 350px;
        overflow: scroll
    }

    .minisearch #search_autocomplete .livesearch.products-container .product-link {
        padding: 10px 0
    }

    .minisearch #search_autocomplete .livesearch.product-result {
        grid-template: "image" 1fr "productName" 2rem "price" 1rem;
        padding: 10px;
        height: 245px
    }

    .minisearch #search_autocomplete .livesearch.product-result img {
        object-fit: contain;
        max-height: 120px
    }

    .minisearch #search_autocomplete .livesearch.product-result .product-name {
        line-height: 1.5;
        padding-bottom: 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        height: 60px;
        margin-bottom: 25px
    }

    .minisearch #search_autocomplete .livesearch.product-result .product-price {
        padding-top: 5px
    }

    .minisearch #search_autocomplete .livesearch .view-all-footer {
        position: absolute;
        width: 90%;
        right: 5%;
        bottom: 13px;
        padding: 5px 0;
        align-items: center
    }
}

@media (max-width:767px) {
    body.breeze-theme .minicart-wrapper .mage-dropdown-dialog {
        display: none !important
    }
}

.block.block-minicart {
    font-family: 'Arial'
}

.block.block-minicart .block-title {
    color: #165c7d !important;
    font-size: 20px !important;
    font-family: 'mothercare_2020-regular-webfont' !important;
    display: flex;
    align-items: center;
    gap: 5px
}

.block.block-minicart .block-title:before {
    content: url("../images/Frame_1232.png")
}

.block.block-minicart .block-title strong {
    display: flex;
    padding-bottom: 4px;
    gap: 2px
}

.block.block-minicart .block-title strong .qty {
    display: block !important;
    padding-top: 1px
}

.block.block-minicart .block-content .subtotal span.label {
    font-family: 'mothercare_2020-regular-webfont';
    color: #515759;
    font-size: 14px;
    text-transform: lowercase;
    font-weight: 600
}

.block.block-minicart .block-content .subtotal .amount.price-container .price-wrapper span {
    color: #165c7d;
    font-size: 16px;
    font-weight: 600
}

.block.block-minicart .block-content .actions .primary button#top-cart-btn-checkout {
    background-color: #165c7d;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: lowercase;
    font-family: 'mothercare_2020-regular-webfont'
}

.block.block-minicart .block-content .actions .secondary {
    width: 100%
}

.block.block-minicart .block-content .actions .secondary a.action.viewcart {
    font-size: 14px;
    color: #165c7d !important;
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: 600;
    font-family: 'mothercare_2020-regular-webfont';
    margin-bottom: 20px;
    background-color: #fff !important;
    justify-content: center;
    text-decoration: none;
    border: 1px solid #165c7d;
    padding: 8px;
    border-radius: 5px;
    text-transform: lowercase
}

.block.block-minicart .block-content .minicart-items-wrapper .minicart-items .item.product.product-item .product-item-details .product-item-name {
    font-size: 10px;
    text-decoration: none;
    color: #000;
    font-family: 'mothercare_2020-regular-webfont'
}

.block.block-minicart .block-content .minicart-items-wrapper .minicart-items .item.product.product-item .product-item-details .product-item-name a {
    font-size: 12px;
    color: #000;
    font-family: 'mothercare_2020-regular-webfont'
}

.block.block-minicart .block-content .minicart-items-wrapper .minicart-items .item.product.product-item .product-item-details .product.options {
    color: #515759;
    font-size: 12px
}

.block.block-minicart .block-content .minicart-items-wrapper .minicart-items .item.product.product-item .product-item-details .product.options.active {
    color: #515759;
    font-size: 12px
}

.block.block-minicart .block-content .minicart-items-wrapper .minicart-items .item.product.product-item .product-item-details .product.options.active .content .product.options.list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 4px;
    align-items: center
}

.block.block-minicart .block-content .minicart-items-wrapper .minicart-items .item.product.product-item .product-item-details .product.options.active .content .product.options.list dt.label {
    margin: unset
}

.block.block-minicart .block-content .minicart-items-wrapper .minicart-items .item.product.product-item .product-item-details .product.options.active .content .product.options.list dt.label:after {
    content: ':'
}

.block.block-minicart .block-content .minicart-items-wrapper .minicart-items .item.product.product-item .product-item-details .product.options.active .content .product.options.list dd.values {
    flex-basis: 70%
}

.block.block-minicart .block-content .minicart-items-wrapper .minicart-items .item.product.product-item .product-item-details .product-item-pricing .price-container span.price {
    color: #165c7d;
    font-size: 16px;
    font-weight: 600
}

.block.block-minicart .block-content .minicart-items-wrapper .minicart-items .item.product.product-item .product-item-details .details-qty .item-qty {
    margin-left: -.25rem;
    cursor: default;
    color: #000
}

.block.block-minicart .block-content .minicart-items-wrapper .minicart-items .item.product.product-item .product-item-details .details-qty input::-webkit-outer-spin-button,
.block.block-minicart .block-content .minicart-items-wrapper .minicart-items .item.product.product-item .product-item-details .details-qty input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.block.block-minicart .block-content .minicart-items-wrapper .minicart-items .item.product.product-item .product-item-details .details-qty input[type=number] {
    -moz-appearance: textfield
}

.catalog-category-view .product-item-details,
.catalogsearch-result-index .product-item-details {
    display: unset;
    margin: unset
}

@media screen and (max-width:767px) {

    .catalog-category-view .catalog-topnav .block.filter.mage-nav,
    .catalogsearch-result-index .catalog-topnav .block.filter.mage-nav {
        display: none
    }
}

@media screen and (max-width:767px) {
    .checkout-onepage-success .header.content {
        justify-content: center
    }
}

@media screen and (max-width:767px) {
    .checkout-onepage-success .header.content .action.nav-toggle {
        display: none
    }
}

.checkout-onepage-success .page-title-wrapper {
    display: flex;
    flex-direction: column;
    margin: 1.5rem !important;
    gap: 1.5rem;
    margin-bottom: 0 !important
}

.checkout-onepage-success .page-title-wrapper .page-title {
    order: 1;
    text-align: center;
    font-size: 24px
}

.checkout-onepage-success .page-title-wrapper .page-title .base {
    color: #165c7d !important
}

.checkout-onepage-success .page-title-wrapper .success_icon_mc {
    text-align: center
}

.checkout-onepage-success .column.main .checkout-success {
    box-shadow: unset !important;
    border: unset;
    margin-bottom: unset;
    padding: unset
}

.checkout-onepage-success .column.main .checkout-success .success-page-content {
    font-family: 'Arial';
    font-size: 18px;
    color: #333
}

.checkout-onepage-success .column.main .checkout-success .success-page-content p:nth-child(3) {
    padding: 15px
}

.checkout-onepage-success .column.main .checkout-success .actions-toolbar {
    margin-bottom: 25px
}

.checkout-onepage-success .column.main .checkout-success .actions-toolbar a.action.primary.continue {
    color: #fff;
    background-color: #165c7d;
    font-family: 'mothercare_2020-regular-webfont'
}

.checkout-onepage-success .column.main .checkout-success .shopping-recipet-typage {
    font-size: 18px;
    font-family: 'Arial';
    font-weight: 600;
    color: #444
}

.checkout-onepage-success .column.main .shopping-reciept-block-typage {
    width: 60%;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #165c7d;
    border-radius: 5px;
    font-family: 'Arial'
}

@media screen and (max-width:767px) {
    .checkout-onepage-success .column.main .shopping-reciept-block-typage {
        width: 80%
    }
}

.checkout-onepage-success .column.main .shopping-reciept-block-typage .order-number-block-tybage p.shipping-delivery-info-typage {
    color: #42855d !important;
    font-size: 14px;
    border-bottom: 1px solid #e6e8e7;
    margin: unset !important;
    padding-bottom: 10px
}

.checkout-onepage-success .column.main .shopping-reciept-block-typage .order-number-block-tybage strong {
    color: #2d355c;
    text-decoration: underline
}

.checkout-onepage-success .column.main .shopping-reciept-block-typage .shipping-address-block-typage {
    display: block;
    width: 100%;
    margin: 10px 0;
    color: #575757;
    font-size: 14px
}

.checkout-onepage-success .column.main .shopping-reciept-block-typage .shipping-address-block-typage br {
    display: none
}

.checkout-onepage-success .column.main .shopping-reciept-block-typage .order-totals-main-block-typage {
    display: none
}

.checkout-onepage-success .column.main .shopping-reciept-block-typage .order-totals-main-block-typage p.order-total-block-title-typage {
    text-align: center;
    border-top: 1px solid #e6e8e7;
    border-bottom: 1px solid #e6e8e7;
    padding: 10px 0;
    color: #165c7d
}

.checkout-onepage-success .column.main .shopping-reciept-block-typage .order-totals-main-block-typage .order-totals-block-typage {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    font-size: 12px
}

.checkout-onepage-success .column.main .shopping-reciept-block-typage .order-totals-main-block-typage .order-totals-block-typage span.price {
    text-align: right
}

.checkout-onepage-success .column.main .shopping-reciept-block-typage .order-totals-main-block-typage .order-totals-block-typage strong {
    text-align: left
}

.checkout-onepage-success .column.main .shopping-reciept-block-typage .order-totals-main-block-typage .order-totals-block-typage strong:nth-child(5) {
    text-align: right !important
}

.checkout-onepage-success .column.main .shopping-reciept-block-typage .show-button-typage {
    text-align: center;
    color: #2d355c;
    text-decoration: underline;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px
}

.checkout-onepage-success .column.main .shopping-reciept-block-typage .hide-button-typage {
    text-align: center;
    color: #2d355c;
    text-decoration: underline;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    display: none
}

.checkout-onepage-success .column.main .shopping-reciept-block-typage.active .show-button-typage {
    display: none
}

.checkout-onepage-success .column.main .shopping-reciept-block-typage.active .hide-button-typage {
    display: block
}

.checkout-onepage-success .column.main .thankyou-promo-block .promo-block-content .pagebuilder-column-line {
    width: 60% !important;
    margin: 0 auto;
    gap: 5px
}

@media (max-width:767px) {
    .checkout-onepage-success .column.main .thankyou-promo-block .promo-block-content {
        overflow: auto
    }

    .checkout-onepage-success .column.main .thankyou-promo-block .promo-block-content::-webkit-scrollbar,
    .checkout-onepage-success .column.main .thankyou-promo-block .promo-block-content::-moz-scrollbar {
        width: 1px !important
    }

    .checkout-onepage-success .column.main .thankyou-promo-block .promo-block-content::-webkit-scrollbar-track,
    .checkout-onepage-success .column.main .thankyou-promo-block .promo-block-content::-moz-scrollbar-track {
        background: #fff
    }

    .checkout-onepage-success .column.main .thankyou-promo-block .promo-block-content::-webkit-scrollbar-thumb,
    .checkout-onepage-success .column.main .thankyou-promo-block .promo-block-content::-moz-scrollbar-thumb {
        background: #fff
    }

    .checkout-onepage-success .column.main .thankyou-promo-block .promo-block-content::-webkit-scrollbar-thumb:hover,
    .checkout-onepage-success .column.main .thankyou-promo-block .promo-block-content::-moz-scrollbar-thumb:hover {
        background: #fff
    }

    .checkout-onepage-success .column.main .thankyou-promo-block .promo-block-content .pagebuilder-column-line {
        overflow: auto;
        width: 820px !important;
        max-width: inherit
    }

    .checkout-onepage-success .column.main .thankyou-promo-block .promo-block-content .pagebuilder-column-line .pagebuilder-column {
        display: block !important;
        width: 270px !important
    }

    .checkout-onepage-success .column.main .thankyou-promo-block .promo-block-content .pagebuilder-column-line .pagebuilder-column* {
        width: 100%
    }

    .checkout-onepage-success .column.main .thankyou-promo-block .promo-block-content .pagebuilder-column-line .pagebuilder-column a img {
        width: 100%
    }
}

.customer-address-index .page-title-wrapper .page-title .base:before {
    content: "my "
}

.sales-order-history .page-title-wrapper .page-title .base:after {
    content: " history"
}

.kcpoints-info-index .block-balance-history #customerbalance-history tbody td.col.date {
    text-transform: lowercase !important
}

.account .page-main {
    padding-top: 8px;
    padding-bottom: 8px
}

.account .page-main .columns {
    margin: 30px 0 100px
}

@media screen and (max-width:1023px) {
    .account .page-main .columns {
        margin: 30px 0 50px
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns {
        padding: 0 8px;
        margin: 50px 0 20px
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main {
        grid-area: sidebar;
        order: 2
    }
}

.account .page-main .columns .column.main .page-title-wrapper .page-title {
    font-family: 'mothercare_2020-regular-webfont';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 38px;
    text-transform: lowercase;
    color: #165c7d;
    margin: 8px 0 18px
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .page-title-wrapper .page-title {
        font-size: 24px;
        line-height: 29px;
        margin: 15px 0 25px
    }
}

.account .page-main .columns .column.main .block {
    border: 1px solid #e5e5e5;
    margin: 15px 0
}

.account .page-main .columns .column.main .block .block-title {
    font-family: 'mothercare_2020-regular-webfont';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #165c7d;
    padding: 16px 17px;
    background: 0 0;
    text-transform: lowercase;
    border-bottom: 1px solid #e5e5e5
}

@media screen and (max-width:1199px) {
    .account .page-main .columns .column.main .block .block-title {
        padding: 15px 13px
    }
}

.account .page-main .columns .column.main .block .block-title.order {
    display: flex;
    align-items: center;
    flex-flow: inherit;
    gap: 20px
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block .block-title.order {
        flex-flow: column
    }
}

.account .page-main .columns .column.main .block .block-title.order .action {
    font-family: "mothercare_2020-regular-webfont";
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #193e70;
    margin-left: auto;
    text-decoration: underline
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block .block-title.order .action {
        display: block
    }
}

.account .page-main .columns .column.main .block .block-content {
    display: flex;
    flex-flow: row wrap;
    padding: 0
}

.account .page-main .columns .column.main .block .block-content .box {
    width: 100%;
    margin: 0;
    max-width: 100%;
    padding: 0 0 12px
}

.account .page-main .columns .column.main .block .block-content .box .box-title {
    font-family: 'mothercare_2020-regular-webfont';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #165c7d;
    padding: 25px 17px 10px;
    margin: 0;
    text-transform: lowercase;
    border-bottom: 1px solid #e7e7e7
}

@media screen and (max-width:1199px) {
    .account .page-main .columns .column.main .block .block-content .box .box-title {
        padding: 13px 13px 10px
    }
}

.account .page-main .columns .column.main .block .block-content .box .box-content {
    padding: 15px 17px
}

@media screen and (max-width:1199px) {
    .account .page-main .columns .column.main .block .block-content .box .box-content {
        padding: 15px 13px
    }
}

.account .page-main .columns .column.main .block .block-content .box .box-content address,
.account .page-main .columns .column.main .block .block-content .box .box-content p {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #414141;
    margin: 0 0 5px
}

.account .page-main .columns .column.main .block .block-content .box .box-content address strong,
.account .page-main .columns .column.main .block .block-content .box .box-content p strong {
    font-weight: 700
}

.account .page-main .columns .column.main .block .block-content .box .box-actions {
    margin: 0;
    padding: 0 20px
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block .block-content .box .box-actions {
        justify-content: center
    }
}

.account .page-main .columns .column.main .block .block-content .box .box-actions .action {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #165c7d;
    text-transform: lowercase;
    display: inline-block;
    text-decoration: underline
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block .block-content .box .box-actions .action {
        justify-content: center;
        font-size: 14px;
        line-height: 17px;
        color: #515759
    }
}

.account .page-main .columns .column.main .block .block-content .box .box-actions .action:hover {
    color: #414141
}

.account .page-main .columns .column.main .block .block-content .box .box-actions .action:last-child:after {
    display: none
}

.account .page-main .columns .column.main .block .block-content .box .box-actions .text-pipe {
    color: #d9d9d6;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block .block-content .box .box-actions .text-pipe {
        color: #000
    }
}

.account .page-main .columns .column.main .block.block-addresses-default {
    border: 1px solid #e5e5e5
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block.block-addresses-default {
        border: 0
    }
}

.account .page-main .columns .column.main .block.block-addresses-default .block-title {
    display: none
}

.account .page-main .columns .column.main .block.block-addresses-default .block-content {
    padding: 48px 135px
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block.block-addresses-default .block-content {
        padding: 0
    }
}

.account .page-main .columns .column.main .block.block-addresses-default .block-content .box {
    padding: 0 15px;
    width: calc(100%/2);
    margin: 25px 0
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block.block-addresses-default .block-content .box {
        width: 100%;
        padding: 0 0 15px;
        margin: 0 0 20px;
        border-bottom: .5px solid #d7d7d7
    }
}

.account .page-main .columns .column.main .block.block-addresses-default .block-content .box .box-title {
    padding: 0;
    border: 0;
    margin: 0 0 17px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block.block-addresses-default .block-content .box .box-title {
        background: #165c7d;
        padding: 10px 15px;
        color: #fff;
        font-weight: 700;
        font-size: 13px;
        line-height: 17px;
        text-align: center;
        letter-spacing: .9px
    }
}

.account .page-main .columns .column.main .block.block-addresses-default .block-content .box .box-content {
    padding: 0
}

.account .page-main .columns .column.main .block.block-addresses-default .block-content .box .box-content address,
.account .page-main .columns .column.main .block.block-addresses-default .block-content .box .box-content p {
    font-size: 11px;
    color: #000
}

.account .page-main .columns .column.main .block.block-addresses-default .block-content .box .box-content address strong,
.account .page-main .columns .column.main .block.block-addresses-default .block-content .box .box-content p strong {
    color: #3a3a3a
}

@media screen and (max-width:767px) {

    .account .page-main .columns .column.main .block.block-addresses-default .block-content .box .box-content address,
    .account .page-main .columns .column.main .block.block-addresses-default .block-content .box .box-content p {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        color: #414141;
        line-height: 20px
    }
}

.account .page-main .columns .column.main .block.block-addresses-default .block-content .box .box-content address a,
.account .page-main .columns .column.main .block.block-addresses-default .block-content .box .box-content p a {
    text-decoration: underline;
    font-weight: 400;
    font-size: 11px;
    color: #003971
}

@media screen and (max-width:767px) {

    .account .page-main .columns .column.main .block.block-addresses-default .block-content .box .box-content address a,
    .account .page-main .columns .column.main .block.block-addresses-default .block-content .box .box-content p a {
        font-size: 14px;
        line-height: 20px
    }
}

.account .page-main .columns .column.main .block.block-addresses-default .block-content .box .box-actions {
    padding: 10px 0
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block.block-addresses-default .block-content .box .box-actions {
        justify-content: flex-start
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block.block-addresses-default .block-content .box .box-actions .action {
        font-family: 'mothercare_2020-regular-webfont';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block.block-addresses-default .block-content .box:last-child {
        border-bottom: 0
    }
}

.account .page-main .columns .column.main .block.block-addresses-default .block-content .actions-toolbar {
    justify-content: center;
    margin: 28px 0 13px;
    width: 100%
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block.block-addresses-default .block-content .actions-toolbar {
        margin: 10px 0 13px
    }
}

.account .page-main .columns .column.main .block.block-addresses-default .block-content .actions-toolbar .primary .action {
    min-width: 211px;
    background: #165c7d;
    border-radius: 5px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    padding: 6px 15px;
    font-family: 'mothercare_2020-regular-webfont';
    text-transform: lowercase
}

.account .page-main .columns .column.main .block.block-addresses-default .block-content .actions-toolbar .primary .action:hover {
    background: #003971
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block.block-dashboard-orders {
        border: 0;
        margin: 30px 0
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block.block-dashboard-orders .block-title {
        border: 0;
        padding: 0;
        justify-content: center
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block.block-dashboard-orders .block-content {
        padding: 0
    }
}

.account .page-main .columns .column.main .block.block-dashboard-orders .block-content .table-wrapper {
    padding: 5px 20px 20px
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block.block-dashboard-orders .block-content .table-wrapper {
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block.block-dashboard-info .block-title {
        display: none
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block.block-dashboard-info .block-content {
        padding: 15px
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block.block-dashboard-info .block-content .box {
        text-align: center;
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block.block-dashboard-info .block-content .box .box-title {
        font-size: 18px;
        line-height: 22px;
        border: 0;
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block.block-dashboard-info .block-content .box .box-content {
        padding: 7px 0
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block.block-dashboard-info .block-content .box .box-content p {
        font-size: 14px;
        line-height: 25px;
        margin: 0 0 3px
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block.block-dashboard-info .block-content .box .actions {
        padding: 0;
        justify-content: center
    }
}

.account .page-main .columns .column.main .block.block-order-details-view .block-title {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px
}

.account .page-main .columns .column.main .block.block-order-details-view .block-content {
    padding: 25px 17px
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block.block-order-details-view .block-content {
        padding: 12px 17px 7px
    }
}

.account .page-main .columns .column.main .block.block-order-details-view .block-content .box {
    padding: 0;
    width: calc(100%/4)
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .block.block-order-details-view .block-content .box {
        width: 100%;
        margin: 12px 0
    }
}

.account .page-main .columns .column.main .block.block-order-details-view .block-content .box .box-title {
    padding: 0;
    border: 0;
    font-size: 14px;
    margin: 0 0 12px
}

.account .page-main .columns .column.main .block.block-order-details-view .block-content .box .box-content {
    padding: 0;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #414141;
    margin: 0 0 5px
}

.account .page-main .columns .column.main .block.block-order-details-view .block-content .box .box-content address a,
.account .page-main .columns .column.main .block.block-order-details-view .block-content .box .box-content p a {
    color: #165c7d;
    text-decoration: underline
}

.account .page-main .columns .column.main .order-links {
    margin: 0
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .order-links {
        width: 100%;
        flex-flow: row wrap;
        margin-bottom: 20px
    }
}

.account .page-main .columns .column.main .order-links .item {
    padding: 0;
    background: 0 0;
    border: 1px solid #e2e2e2
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .order-links .item {
        width: 50%
    }
}

.account .page-main .columns .column.main .order-links .item strong,
.account .page-main .columns .column.main .order-links .item a {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    color: #515759;
    line-height: 23px;
    display: block;
    padding: 23px 20px
}

@media screen and (max-width:767px) {

    .account .page-main .columns .column.main .order-links .item strong,
    .account .page-main .columns .column.main .order-links .item a {
        font-size: 14px;
        display: block;
        padding: 13px 10px
    }
}

.account .page-main .columns .column.main .order-links .item strong {
    color: #165c7d
}

.account .page-main .columns .column.main .order-links .item:last-child {
    border-left: 0
}

.account .page-main .columns .column.main .order-details-items {
    margin: -1px 0 0
}

.account .page-main .columns .column.main .order-details-items.shipments .order-tracking {
    display: none
}

.account .page-main .columns .column.main .order-details-items .order-tracking {
    margin: 20px 0
}

.account .page-main .columns .column.main .table-wrapper {
    width: 100%;
    padding: 5px 20px 20px
}

.account .page-main .columns .column.main .table-wrapper .table {
    margin: 0;
    padding: 0
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .table-wrapper .table {
        padding: 0
    }
}

.account .page-main .columns .column.main .table-wrapper .table thead tr th {
    font-size: 14px;
    line-height: 19px;
    font-family: 'mothercare_2020-regular-webfont';
    color: #000;
    text-transform: lowercase;
    padding: 10px 17px;
    text-align: center
}

@media screen and (max-width:1199px) {
    .account .page-main .columns .column.main .table-wrapper .table thead tr th {
        padding: 11px 13px
    }
}

@media screen and (max-width:1023px) {
    .account .page-main .columns .column.main .table-wrapper .table thead tr th {
        font-size: 14px;
        line-height: 16px;
        padding: 11px 8px
    }
}

.account .page-main .columns .column.main .table-wrapper .table thead tr th.col.sku {
    text-transform: uppercase
}

.account .page-main .columns .column.main .table-wrapper .table tbody tr {
    border-bottom: 1px solid #e5e5e5
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .table-wrapper .table tbody tr {
        padding: 0;
        border: 1px solid #d9d9d6;
        margin: 18px 0
    }
}

.account .page-main .columns .column.main .table-wrapper .table tbody tr td {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    padding: 20px 17px;
    text-align: center
}

@media screen and (max-width:1199px) {
    .account .page-main .columns .column.main .table-wrapper .table tbody tr td {
        padding: 13px
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .table-wrapper .table tbody tr td {
        padding: 15px 13px 15px 150px;
        position: relative;
        background: #f9f9f9;
        background: linear-gradient(90deg, #f9f9f9 38%, #fff 38%)
    }
}

.account .page-main .columns .column.main .table-wrapper .table tbody tr td.actions .action {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #193e70;
    padding: 0;
    margin: 0;
    display: inline-block;
    text-transform: lowercase;
    text-decoration: underline;
    position: relative;
    z-index: 1
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .table-wrapper .table tbody tr td.actions .action {
        color: #165c7d
    }
}

.account .page-main .columns .column.main .table-wrapper .table tbody tr td.actions .action:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 10px;
    background: #d9d9d6;
    margin: 0 5px 0 9px
}

@media screen and (max-width:1023px) {
    .account .page-main .columns .column.main .table-wrapper .table tbody tr td.actions .action:after {
        display: none
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .table-wrapper .table tbody tr td.actions .action:after {
        display: inline-block;
        background: #000
    }
}

.account .page-main .columns .column.main .table-wrapper .table tbody tr td.actions .action:hover {
    color: #193e70
}

.account .page-main .columns .column.main .table-wrapper .table tbody tr td.actions .action:last-child:after {
    display: none
}

.account .page-main .columns .column.main .table-wrapper .table tbody tr td.actions .action.view {
    text-decoration: unset
}

.account .page-main .columns .column.main .table-wrapper .table tbody tr td.actions .action.view span {
    text-decoration: underline
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .table-wrapper .table tbody tr td:before {
        position: absolute;
        left: 13px;
        width: 33%;
        font-size: 14px;
        line-height: 17px;
        font-family: 'mothercare_2020-regular-webfont';
        color: #000 !important;
        text-transform: lowercase
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .table-wrapper .table tbody tr td:after {
        content: '';
        position: absolute;
        right: 0;
        width: 62%;
        height: 100%;
        border-left: 1px solid #d9d9d6;
        top: 0
    }
}

.account .page-main .columns .column.main .table-wrapper .table tbody tr td.status {
    text-transform: lowercase
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .table-wrapper .table tbody tr td.status {
        font-style: normal
    }
}

.account .page-main .columns .column.main .table-wrapper .table tbody tr td.col.qty ul.items-qty li.ship-qty,
.account .page-main .columns .column.main .table-wrapper .table tbody tr td.col.qty ul.items-qty li.cancel-qty,
.account .page-main .columns .column.main .table-wrapper .table tbody tr td.col.qty ul.items-qty li.refund-qty {
    display: none
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .table-wrapper .table tbody tr td.col.sku:before {
        text-transform: uppercase
    }
}

.account .page-main .columns .column.main .table-wrapper .table tbody tr td.col.date {
    text-transform: uppercase
}

.account .page-main .columns .column.main .table-wrapper .table tbody tr td.col.date span {
    text-transform: capitalize
}

.account .page-main .columns .column.main .table-wrapper .table tbody tr td.col.actions {
    text-transform: lowercase;
    font-weight: 700 !important
}

.account .page-main .columns .column.main .table-wrapper .table tbody tr:nth-child(odd) {
    background: #f9f9f9
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .table-wrapper .table tbody tr:nth-child(odd) {
        background: 0 0
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .table-wrapper.balance-history {
        padding: 0
    }
}

.account .page-main .columns .column.main .table-wrapper.orders-history {
    border: 1px solid #d9d9d6;
    padding: 0;
    margin: 21px 0 0
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .table-wrapper.orders-history {
        border: 0;
        margin: 0
    }
}

.account .page-main .columns .column.main .table-wrapper.order-items,
.account .page-main .columns .column.main .table-wrapper.order-items-shipment {
    border: 1px solid #e5e5e5;
    padding: 0
}

@media screen and (max-width:767px) {

    .account .page-main .columns .column.main .table-wrapper.order-items,
    .account .page-main .columns .column.main .table-wrapper.order-items-shipment {
        border: unset
    }
}

@media screen and (max-width:767px) {

    .account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tbody,
    .account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tbody {
        border: 2px solid #e5e5e5;
        margin-bottom: 15px
    }
}

@media screen and (max-width:767px) {

    .account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tbody tr,
    .account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tbody tr {
        margin: -1px 0 0;
        border: 0;
        border-bottom: 2px solid #e5e5e5 !important
    }
}

.account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tbody tr td .opt-value,
.account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tbody tr td .opt-value {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tbody tr td .opt-value dt,
.account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tbody tr td .opt-value dt,
.account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tbody tr td .opt-value dd,
.account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tbody tr td .opt-value dd {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 11px;
    color: #9a9a94;
    margin-right: 10px
}

.account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tbody tr td .opt-value dt,
.account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tbody tr td .opt-value dt {
    min-width: 30px
}

.account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tbody tr td .opt-value dd,
.account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tbody tr td .opt-value dd {
    margin-right: 0
}

@media screen and (max-width:767px) {

    .account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tbody:last-child tr,
    .account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tbody:last-child tr {
        border-bottom: 1px solid #e5e5e5
    }
}

.account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tfoot tr.giftcard.totals td.amount,
.account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tfoot tr.giftcard.totals td.amount {
    color: #419f12 !important
}

@media screen and (max-width:767px) {

    .account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tfoot tr,
    .account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tfoot tr {
        display: flex;
        padding: 0;
        margin: 0
    }
}

.account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tfoot tr th,
.account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tfoot tr th {
    text-align: left;
    padding: 15px 17px;
    vertical-align: middle;
    font-weight: 600
}

@media screen and (max-width:767px) {

    .account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tfoot tr th,
    .account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tfoot tr th {
        display: inline-block;
        font-weight: 700
    }
}

.account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tfoot tr td,
.account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tfoot tr td {
    text-align: right;
    padding: 15px 17px;
    vertical-align: middle
}

@media screen and (max-width:767px) {

    .account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tfoot tr td,
    .account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tfoot tr td {
        display: inline-block;
        margin-left: auto;
        font-weight: 700
    }
}

.account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tfoot tr td.amount,
.account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tfoot tr td.amount {
    color: #003971
}

@media screen and (max-width:767px) {

    .account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tfoot tr td:before,
    .account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tfoot tr td:before {
        display: none
    }
}

.account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tfoot tr.grand_total,
.account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tfoot tr.grand_total {
    background: #e5e5e5
}

.account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tfoot tr.grand_total th,
.account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tfoot tr.grand_total th {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: right
}

@media screen and (max-width:767px) {

    .account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tfoot tr.grand_total th,
    .account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tfoot tr.grand_total th {
        font-size: 16px;
        line-height: 20px
    }
}

.account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tfoot tr.grand_total th strong,
.account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tfoot tr.grand_total th strong {
    font-family: inherit;
    font-weight: inherit
}

.account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tfoot tr.grand_total td,
.account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tfoot tr.grand_total td {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px
}

@media screen and (max-width:767px) {

    .account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tfoot tr.grand_total td,
    .account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tfoot tr.grand_total td {
        font-size: 16px;
        line-height: 20px
    }
}

.account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tfoot tr.grand_total td strong,
.account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tfoot tr.grand_total td strong {
    font-weight: inherit
}

@media screen and (max-width:767px) {

    .account .page-main .columns .column.main .table-wrapper.order-items .table-order-items tfoot tr.grand_total td:before,
    .account .page-main .columns .column.main .table-wrapper.order-items-shipment .table-order-items tfoot tr.grand_total td:before {
        display: none
    }
}

.account .page-main .columns .column.main .form-address-edit {
    max-width: 65%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0 -22px
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .form-address-edit {
        margin: 0 0 18px;
        max-width: 100%;
        flex-flow: row wrap
    }
}

.account .page-main .columns .column.main .form-address-edit .fieldset {
    width: calc(100%/2 - 44px);
    float: none;
    max-width: 100%;
    margin: 0 22px
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .form-address-edit .fieldset {
        width: 100%;
        margin: 0
    }
}

.account .page-main .columns .column.main .form-address-edit .fieldset .legend {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #003971;
    font-family: 'mothercare_2020-regular-webfont';
    border: 0;
    margin: 0 0 13px;
    text-transform: lowercase
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .form-address-edit .fieldset .legend {
        display: none
    }
}

.account .page-main .columns .column.main .form-address-edit .fieldset .field {
    margin: 0 0 10px
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .form-address-edit .fieldset .field {
        margin: 0 0 8px
    }
}

.account .page-main .columns .column.main .form-address-edit .fieldset .field .label {
    font-weight: 700;
    font-size: 10px;
    line-height: 11px;
    color: #000;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    margin: 0 0 5px;
    display: block;
    text-transform: lowercase
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .form-address-edit .fieldset .field .label {
        margin: 0 0 9px
    }
}

.account .page-main .columns .column.main .form-address-edit .fieldset .field .label:after {
    color: #ff3c3c
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .form-address-edit .fieldset .field .label {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 25px
    }
}

.account .page-main .columns .column.main .form-address-edit .fieldset .field .control span.country-code {
    z-index: 1;
    background: #edf1e8;
    border-radius: 5px 0 0 5px;
    height: 32px;
    width: auto;
    color: #1e1e1e;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 28px;
    padding: 0 9px
}

.account .page-main .columns .column.main .form-address-edit .fieldset .field .control .input-text,
.account .page-main .columns .column.main .form-address-edit .fieldset .field .control select {
    border: .5px solid #d9d9d9;
    border-radius: 0;
    padding: 10px 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 11px;
    height: 32px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    color: #424242
}

@media screen and (max-width:767px) {

    .account .page-main .columns .column.main .form-address-edit .fieldset .field .control .input-text,
    .account .page-main .columns .column.main .form-address-edit .fieldset .field .control select {
        padding: 4px 8px;
        font-weight: 400;
        margin: 0 0 9px;
        height: 30px;
        font-size: 14px;
        line-height: 21px;
        border: .5px solid #a8a8a8;
        border-radius: 5px;
        color: #515759
    }
}

.account .page-main .columns .column.main .form-address-edit .fieldset .field .control select#country.required-entry,
.account .page-main .columns .column.main .form-address-edit .fieldset .field .control input#zip.input-text {
    opacity: .5;
    cursor: not-allowed
}

.account .page-main .columns .column.main .form-address-edit .fieldset .field .control input#zip.input-text {
    pointer-events: none
}

.account .page-main .columns .column.main .form-address-edit .fieldset .field .control .error-text {
    font-size: 10px
}

.account .page-main .columns .column.main .form-address-edit .fieldset .field.primary {
    margin: 0
}

.account .page-main .columns .column.main .form-address-edit .fieldset .field .checkbox {
    border: .5px solid #d9d9d9;
    border-radius: 0;
    width: 11px;
    height: 11px;
    margin: 0
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .form-address-edit .fieldset .field .checkbox {
        width: 14px;
        height: 14px
    }
}

.account .page-main .columns .column.main .form-address-edit .fieldset .field.choice {
    align-items: center;
    margin: 17px 0
}

.account .page-main .columns .column.main .form-address-edit .fieldset .field.choice .label {
    margin: 0;
    color: #424242
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .form-address-edit .fieldset .field.choice .label {
        line-height: normal;
        letter-spacing: -.011em;
        color: #6a6c6c;
        margin-left: 3px
    }
}

.account .page-main .columns .column.main .form-address-edit .fieldset .field .field-note {
    font-style: normal;
    font-weight: 400;
    font-size: 8px;
    line-height: 9px;
    color: #999
}

.account .page-main .columns .column.main .form-address-edit .fieldset .field.telephone .control.phone-input {
    display: flex;
    flex-wrap: wrap
}

.account .page-main .columns .column.main .form-address-edit .fieldset .field.telephone .control.phone-input .country-code {
    position: absolute
}

.account .page-main .columns .column.main .form-address-edit .fieldset .field.telephone .control.phone-input .input-text {
    padding-left: 45px
}

.account .page-main .columns .column.main .form-address-edit .fieldset .field.telephone .control.phone-input .mage-error {
    width: 100%
}

.account .page-main .columns .column.main .form-address-edit .fieldset .message {
    margin: 20px 0 10px;
    background: #f6f6f6;
    font-size: 10px;
    color: #165c7d;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 400
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .form-address-edit .fieldset .message {
        margin: 12px 0 10px
    }
}

.account .page-main .columns .column.main .form-address-edit .fieldset .nested .field {
    margin-top: 25px
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .form-address-edit .fieldset .nested .field {
        margin-top: 18px
    }
}

.account .page-main .columns .column.main .form-address-edit .fieldset .actions-toolbar {
    margin: 25px 0;
    justify-content: center
}

.account .page-main .columns .column.main .form-address-edit .fieldset .actions-toolbar .primary .action {
    background: #165c7d;
    border-radius: 5px;
    padding: 5px 15px;
    height: 28px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 12px;
    font-family: 'mothercare_2020-regular-webfont';
    min-width: 45%;
    text-transform: lowercase;
    text-align: center
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .form-address-edit .fieldset .actions-toolbar .primary .action {
        min-width: 100%;
        height: 39px;
        font-size: 16px;
        line-height: 19px
    }
}

.account .page-main .columns .column.main .form-address-edit .fieldset .actions-toolbar .secondary a.action.back {
    font-family: 'mothercare_2020-regular-webfont';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 12px;
    color: #165c7d;
    background: #fff;
    border-radius: 5px;
    padding: 8px 46px;
    width: 45%;
    text-transform: lowercase;
    border: 1px solid #165c7d;
    display: block;
    text-align: center
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .form-address-edit .fieldset .actions-toolbar .secondary a.action.back {
        min-width: 100%;
        height: 39px;
        font-size: 16px;
        line-height: 19px;
        text-align: center
    }
}

.account .page-main .columns .column.main .storecredit .block .block-title,
.account .page-main .columns .column.main .kcpoints .block .block-title {
    padding: 12px 17px
}

.account .page-main .columns .column.main .storecredit .block .block-content,
.account .page-main .columns .column.main .kcpoints .block .block-content {
    padding: 12px 10px
}

.account .page-main .columns .column.main .storecredit .block .block-content .balance-price-label,
.account .page-main .columns .column.main .kcpoints .block .block-content .balance-price-label {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #3b3a3a;
    margin: 7px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif
}

@media screen and (max-width:767px) {

    .account .page-main .columns .column.main .storecredit .block .block-content .balance-price-label,
    .account .page-main .columns .column.main .kcpoints .block .block-content .balance-price-label {
        font-size: 18px;
        line-height: 21px
    }
}

.account .page-main .columns .column.main .storecredit .block.block-balance,
.account .page-main .columns .column.main .kcpoints .block.block-balance {
    margin-bottom: 22px
}

@media screen and (max-width:767px) {

    .account .page-main .columns .column.main .storecredit .block.block-balance,
    .account .page-main .columns .column.main .kcpoints .block.block-balance {
        border: 1px solid #e5e5e5;
        text-align: center;
        padding: 15px
    }
}

@media screen and (max-width:767px) {

    .account .page-main .columns .column.main .storecredit .block.block-balance .block-title,
    .account .page-main .columns .column.main .kcpoints .block.block-balance .block-title {
        border: 0;
        padding: 0;
        margin: 0 0 12px
    }
}

@media screen and (max-width:767px) {

    .account .page-main .columns .column.main .storecredit .block.block-balance .block-content,
    .account .page-main .columns .column.main .kcpoints .block.block-balance .block-content {
        justify-content: center;
        padding: 0
    }
}

@media screen and (max-width:767px) {

    .account .page-main .columns .column.main .storecredit .block.block-balance-history,
    .account .page-main .columns .column.main .kcpoints .block.block-balance-history {
        border: 0;
        margin: 28px 0 0
    }
}

@media screen and (max-width:767px) {

    .account .page-main .columns .column.main .storecredit .block.block-balance-history .block-title,
    .account .page-main .columns .column.main .kcpoints .block.block-balance-history .block-title {
        border: 0;
        padding: 0;
        text-align: center;
        margin: 0
    }
}

@media screen and (max-width:767px) {

    .account .page-main .columns .column.main .storecredit .block.block-balance-history .block-content,
    .account .page-main .columns .column.main .kcpoints .block.block-balance-history .block-content {
        padding: 0
    }
}

.account .page-main .columns .column.main .toolbar {
    justify-content: center
}

.account .page-main .columns .column.main .pager .toolbar-amount {
    display: none
}

.account .page-main .columns .column.main .pager .pages {
    margin: 0
}

.account .page-main .columns .column.main .pager .pages .pages-items .item.current .page {
    background: #165c7d;
    color: #fff
}

.account .page-main .columns .column.main .pager .limiter {
    display: none
}

.account .page-main .columns .column.main .top-control-buttons .action {
    background: #fff;
    border: 1px solid #165c7d;
    border-radius: 8px;
    padding: 10px 17px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #165c7d;
    text-align: center;
    font-family: 'mothercare_2020-regular-webfont';
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    width: 220px
}

.account .page-main .columns .column.main .top-control-buttons .action.tocart {
    color: #fff;
    background: #165c7d;
    text-transform: lowercase
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .top-control-buttons .action.tocart {
        min-width: 100%
    }
}

.account .page-main .columns .column.main .top-control-buttons .action.tocart:before {
    content: '';
    background: url(../images/bag-check-fill.svg) no-repeat 0px 0px;
    width: 14px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -6px;
    background-size: 100% 100%
}

.account .page-main .columns .column.main .top-control-buttons .action.update {
    text-transform: lowercase
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .top-control-buttons .action.update {
        min-width: 100%;
        margin: 20px 0 5px
    }
}

.account .page-main .columns .column.main .top-control-buttons .action.update:before {
    content: '';
    background: url(../images/trash-solid.svg) no-repeat 0px 0px;
    width: 16px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 4px;
    background-size: 100% 100%
}

.account .page-main .columns .column.main .form-wishlist-items .move-all-wishlist-button {
    display: none
}

.account .page-main .columns .column.main .form-wishlist-items .product-items {
    margin: 0 -25px;
    gap: initial;
    row-gap: initial
}

@media screen and (max-width:1199px) {
    .account .page-main .columns .column.main .form-wishlist-items .product-items {
        margin: 0 -10px
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .form-wishlist-items .product-items {
        margin: 0 -8px
    }
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item {
    width: calc(100%/4 - 50px);
    margin: 27px 25px
}

@media screen and (max-width:1199px) {
    .account .page-main .columns .column.main .form-wishlist-items .product-items .product-item {
        margin: 22px 10px;
        width: calc(100%/4 - 20px)
    }
}

@media screen and (max-width:1023px) {
    .account .page-main .columns .column.main .form-wishlist-items .product-items .product-item {
        width: calc(100%/3 - 20px)
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .form-wishlist-items .product-items .product-item {
        margin: 22px 8px;
        width: calc(100%/2 - 16px)
    }
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info {
    text-align: center
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-photo .product-image-container {
    text-align: center;
    width: 100% !important;
    margin: auto
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-photo .product-image-container .product-image-photo {
    border: 1px solid #f4f1f1;
    border-radius: 0;
    filter: none
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-name {
    padding: 0 15px;
    margin: 8px 0 0;
    max-width: 100%;
    display: block;
    min-height: 40px
}

@media screen and (max-width:1535px) {
    .account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-name {
        min-height: 57px
    }
}

@media screen and (max-width:1199px) {
    .account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-name {
        min-height: 72px
    }
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-name .product-item-link {
    font-family: 'mothercare_2020-regular-webfont';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -.011em;
    color: #515759;
    display: inline-block
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .price-box {
    padding: 20px 15px 0;
    margin: 0 0 20px;
    position: relative;
    max-width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    color: #1e1e1e;
    letter-spacing: -.011em
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .price-box .old-price {
    text-decoration: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .price-box .old-price .price {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 150%;
    letter-spacing: -.011em;
    text-decoration-line: line-through;
    color: #515759
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .price-box .price-with-discount {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .price-box .price-with-discount .price-final_price .price,
.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .price-box .price-with-discount .special-price .price {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -.011em;
    color: #1e1e1e
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .price-box .price-with-discount .discount-off {
    margin-left: 5px
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .price-box .price-with-discount .discount-off .discount-percent {
    background: #f24822;
    padding: 1px 4px 0;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 150%;
    letter-spacing: -.011em;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-tooltip {
    display: none
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-inner {
    padding: 0 15px
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-inner {
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-inner .box-tocart {
        width: 100%
    }
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-inner .box-tocart .fieldset .qty {
    display: none
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-inner .box-tocart .fieldset .actions-primary .tocart {
    min-width: 148px;
    height: 37px;
    background: #fff;
    border: 1px solid #165c7d;
    border-radius: 8px;
    font-family: 'mothercare_2020-regular-webfont';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: lowercase;
    color: #165c7d
}

@media screen and (max-width:1199px) {
    .account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-inner .box-tocart .fieldset .actions-primary .tocart {
        min-width: 108px
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-inner .box-tocart .fieldset .actions-primary .tocart {
        min-width: 100%
    }
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-inner .box-tocart .fieldset .actions-primary .tocart:hover {
    background: #165c7d;
    color: #fff
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-inner .product-item-actions {
    justify-content: center
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-inner .product-item-actions {
        flex-flow: row wrap;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-inner .product-item-actions .actions-primary {
        width: 100%
    }
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-inner .product-item-actions .action.edit {
    display: none
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-inner .product-item-actions .action.delete {
    display: flex;
    align-items: center;
    font-size: 0;
    margin-left: 8px
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-inner .product-item-actions .action.delete {
        margin: 10px 0 0
    }
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-inner .product-item-actions .action.delete:before {
    content: '';
    display: inline-block;
    background: url(../images/trash.svg) no-repeat 0px 0px;
    width: 19px;
    height: 16px;
    background-size: 100% 100%
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-inner .product-item-actions .action.delete:before {
        width: 36px;
        height: 36px
    }
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-inner .check {
    margin-bottom: 30px
}

.account .page-main .columns .column.main .form-wishlist-items .product-items .product-item .product-item-info .product-item-inner .check span {
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 150%;
    letter-spacing: -.011em;
    color: #1d1d1d;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif
}

.account .page-main .columns .column.main .form-wishlist-items .wishlist-empty-container {
    text-align: center;
    padding: 50px 0
}

.account .page-main .columns .column.main .form-wishlist-items .wishlist-empty-container .empty-img {
    margin-top: 10px
}

.account .page-main .columns .column.main .form-wishlist-items .wishlist-empty-container .empty-img img {
    padding: 20px
}

.account .page-main .columns .column.main .form-wishlist-items .wishlist-empty-container .empty-info-block .empty-title {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    text-transform: lowercase;
    color: #000;
    font-family: 'mothercare_2020-regular-webfont'
}

.account .page-main .columns .column.main .form-wishlist-items .wishlist-empty-container .empty-info-block p {
    margin: 15px;
    text-transform: lowercase
}

.account .page-main .columns .column.main .form-wishlist-items .wishlist-empty-container .empty-info-block .actions {
    margin-top: 40px
}

.account .page-main .columns .column.main .form-wishlist-items .wishlist-empty-container .empty-info-block .actions .action.shop-now {
    background: #165c7d;
    padding: 10px 80px;
    border-radius: 5px
}

.account .page-main .columns .column.main .form-wishlist-items .wishlist-empty-container .empty-info-block .actions .action.shop-now span {
    font-family: 'mothercare_2020-regular-webfont';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    text-transform: lowercase;
    color: #fff;
    padding: 10px 20px
}

.account .page-main .columns .column.main .gift-card-container {
    border: 0;
    padding: 0
}

.account .page-main .columns .column.main .gift-card-container .gift-card-form .gift-card-form-field {
    padding: 15px 0
}

.account .page-main .columns .column.main .gift-card-container .gift-card-form #giftcard-form .field {
    width: 399px;
    flex: 0 0 auto !important
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .gift-card-container .gift-card-form #giftcard-form .field {
        width: 100%
    }
}

.account .page-main .columns .column.main .gift-card-container .gift-card-form #giftcard-form .field .control {
    position: relative;
    display: flex;
    flex-flow: row wrap
}

.account .page-main .columns .column.main .gift-card-container .gift-card-form #giftcard-form .field .control label[for=giftcard-code] {
    position: unset !important;
    width: 100%;
    display: block;
    order: 1;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    font-family: 'mothercare_2020-regular-webfont';
    line-height: 14px;
    color: #414141;
    margin: 0 0 6px;
    z-index: initial !important;
    transition-duration: initial !important;
    transform: none !important
}

.account .page-main .columns .column.main .gift-card-container .gift-card-form #giftcard-form .field .control .input-text {
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    order: 2;
    height: 45px
}

.account .page-main .columns .column.main .gift-card-container .gift-card-form #giftcard-form .field .control .clear-input {
    top: 33px;
    right: 18px;
    background: url(../images/gift-card-close-icon.svg) no-repeat 0px 0px;
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
    z-index: 1
}

.account .page-main .columns .column.main .gift-card-container .gift-card-form #giftcard-form .field .control #giftcard-code-error {
    font-weight: 400;
    font-size: 12px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    position: absolute;
    bottom: -25px;
    margin: 0;
    top: auto;
    z-index: 9
}

.account .page-main .columns .column.main .gift-card-container .gift-card-form #giftcard-form .actions-toolbar {
    margin: 19px 0 0
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .gift-card-container .gift-card-form #giftcard-form .actions-toolbar {
        margin: 0
    }
}

.account .page-main .columns .column.main .gift-card-container .gift-card-form #giftcard-form .actions-toolbar .primary .action {
    min-width: 197px;
    height: 45px;
    background: #165c7d;
    border-radius: 5px;
    opacity: 1;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .gift-card-container .gift-card-form #giftcard-form .actions-toolbar .primary .action {
        min-width: 100%
    }
}

.account .page-main .columns .column.main .gift-card-container .gift-card-form .gift-card-form-response {
    margin-top: 20px
}

.account .page-main .columns .column.main .gift-card-container .gift-card-form .gift-card-form-response .card-details .card-balance {
    margin: 40px 0
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .gift-card-container .gift-card-form .gift-card-form-response .card-details .card-balance {
        margin: 20px 0
    }
}

.account .page-main .columns .column.main .gift-card-container .gift-card-form .gift-card-form-response table tbody tr {
    border: 0
}

@media screen and (max-width:767px) {
    .account .page-main .columns .column.main .gift-card-container .gift-card-form .gift-card-form-response table tbody tr th {
        display: none
    }
}

.account .page-main .columns .column.main .gift-card-container .gift-card-form .gcf-resp-msg {
    padding: 15px 16px;
    background: #57b894;
    border-radius: 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -.011em;
    color: #fff
}

.account .page-main .columns .column.main .gift-card-container .gift-card-form .gcf-resp-msg.error {
    background: #e45959
}

.account .page-main .columns .column.main .gift-card-container .gift-card-terms {
    margin-top: 18px;
    color: #414141 !important;
    font-size: 14px;
    padding: 0 40px
}

.account .page-main .columns .column.main .gift-card-container .gift-card-terms ol {
    list-style: auto
}

.account .page-main .columns .column.main .gift-card-container .gift-card-terms ol li {
    margin-bottom: 1rem
}

.account .page-main .columns .column.main .gift-card-container .gift-card-terms div[data-role=trigger] h4 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    display: flex;
    align-items: center
}

.account .page-main .columns .column.main .gift-card-container .gift-card-terms div[data-role=trigger] h4:after {
    position: unset;
    margin-left: auto
}

@media screen and (max-width:767px) {
    .account .page-main .columns .sidebar-main {
        order: 1;
        grid-area: main
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .sidebar-main .block {
        background: 0 0;
        position: unset
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .sidebar-main .block .title {
        background: #fcfcfc;
        border: 2px solid #d9d9d6;
        font-family: 'mothercare_2020-regular-webfont';
        font-style: normal;
        text-transform: lowercase;
        font-size: 14px;
        line-height: 16px;
        color: #165c7d;
        padding: 9px 15px;
        position: relative;
        margin: 0 0 8px
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .sidebar-main .block .title strong {
        font-weight: 400
    }
}

@media screen and (max-width:767px) {
    .account .page-main .columns .sidebar-main .block .title:after {
        content: '';
        position: absolute;
        right: 10px;
        top: 14px;
        background: url(../images/account-dropdown.svg) no-repeat 0px 0px;
        width: 10px;
        height: 7px;
        z-index: 99;
        background-size: 100% 100%;
        -webkit-mask: unset;
        -webkit-mask-size: initial;
        transform: rotate(0deg)
    }
}

.account .page-main .columns .sidebar-main .block #block-collapsible-nav {
    background: 0 0
}

.account .page-main .columns .sidebar-main .block .items {
    border: 2px solid #d9d9d6
}

.account .page-main .columns .sidebar-main .block .items .item a,
.account .page-main .columns .sidebar-main .block .items .item strong {
    padding: 10px 20px;
    font-family: 'mothercare_2020-regular-webfont';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #858585;
    border-bottom: 2px solid #d9d9d6;
    border-left: 0
}

@media screen and (max-width:1199px) {

    .account .page-main .columns .sidebar-main .block .items .item a,
    .account .page-main .columns .sidebar-main .block .items .item strong {
        padding: 10px 15px
    }
}

@media screen and (max-width:1023px) {

    .account .page-main .columns .sidebar-main .block .items .item a,
    .account .page-main .columns .sidebar-main .block .items .item strong {
        padding: 10px 12px
    }
}

.account .page-main .columns .sidebar-main .block .items .item a:hover {
    background: 0 0;
    color: #165c7d
}

.account .page-main .columns .sidebar-main .block .items .item strong {
    border-left: 0
}

.account .page-main .columns .sidebar-main .block .items .item:first-child {
    display: none
}

.account .page-main .columns .sidebar-main .block .items .item:last-child a,
.account .page-main .columns .sidebar-main .block .items .item:last-child strong {
    border-bottom: 0
}

.account .page-main .columns .sidebar-main .block .items .item.current strong {
    color: #165c7d
}

.account .page-main .columns .sidebar-main .block .items .item .delimiter {
    display: none
}

.account.customer-address-form .page-main .columns .column.main .page-title-wrapper .page-title {
    padding: 0 0 15px;
    border-bottom: 1px solid #dcdcdc
}

@media screen and (max-width:767px) {
    .account.customer-address-form .page-main .columns .column.main .page-title-wrapper .page-title {
        border-bottom: 0;
        padding: 0;
        margin: 20px 0
    }
}

@media screen and (max-width:767px) {
    .account.sales-order-history .page-main .columns {
        margin: 30px 0 20px
    }
}

@media screen and (max-width:767px) {
    .account.sales-order-history .page-main .columns .column.main .page-title-wrapper .page-title {
        margin: 15px 0 5px
    }
}

.account.sales-order-view .page-main .columns .column.main,
.account.sales-order-shipment .page-main .columns .column.main {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif
}

.account.sales-order-view .page-main .columns .column.main .page-title-wrapper,
.account.sales-order-shipment .page-main .columns .column.main .page-title-wrapper {
    margin: 10px 0 5px
}

@media screen and (max-width:767px) {

    .account.sales-order-view .page-main .columns .column.main .page-title-wrapper,
    .account.sales-order-shipment .page-main .columns .column.main .page-title-wrapper {
        flex-flow: row wrap;
        margin: 20px 0 5px
    }
}

.account.sales-order-view .page-main .columns .column.main .page-title-wrapper:before,
.account.sales-order-shipment .page-main .columns .column.main .page-title-wrapper:before {
    content: 'my order history';
    display: block;
    width: 100%;
    font-family: 'mothercare_2020-regular-webfont';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 38px;
    text-transform: lowercase;
    color: #165c7d;
    margin: 8px 0 18px
}

.account.sales-order-view .page-main .columns .column.main .page-title-wrapper .page-title,
.account.sales-order-shipment .page-main .columns .column.main .page-title-wrapper .page-title {
    display: inline-block;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #003971;
    text-transform: uppercase;
    margin: 0
}

@media screen and (max-width:767px) {

    .account.sales-order-view .page-main .columns .column.main .page-title-wrapper .page-title,
    .account.sales-order-shipment .page-main .columns .column.main .page-title-wrapper .page-title {
        width: 100%;
        font-size: 18px;
        line-height: 21px
    }
}

.account.sales-order-view .page-main .columns .column.main .page-title-wrapper .order-status,
.account.sales-order-shipment .page-main .columns .column.main .page-title-wrapper .order-status {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    border: none;
    display: inline-block;
    color: #ff6501;
    text-transform: lowercase;
    vertical-align: top;
    line-height: normal
}

@media screen and (max-width:767px) {

    .account.sales-order-view .page-main .columns .column.main .page-title-wrapper .order-status,
    .account.sales-order-shipment .page-main .columns .column.main .page-title-wrapper .order-status {
        margin-left: 0;
        font-size: 15px;
        padding: 5px 0
    }
}

.account.sales-order-view .page-main .columns .column.main .top-order-quotes-info,
.account.sales-order-shipment .page-main .columns .column.main .top-order-quotes-info {
    display: flex;
    align-items: center;
    margin: 15px 0 18px
}

@media screen and (max-width:767px) {

    .account.sales-order-view .page-main .columns .column.main .top-order-quotes-info,
    .account.sales-order-shipment .page-main .columns .column.main .top-order-quotes-info {
        flex-flow: row wrap
    }
}

.account.sales-order-view .page-main .columns .column.main .top-order-quotes-info .order-date,
.account.sales-order-shipment .page-main .columns .column.main .top-order-quotes-info .order-date {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #333
}

@media screen and (max-width:767px) {

    .account.sales-order-view .page-main .columns .column.main .top-order-quotes-info .order-date,
    .account.sales-order-shipment .page-main .columns .column.main .top-order-quotes-info .order-date {
        width: 100%
    }
}

.account.sales-order-view .page-main .columns .column.main .top-order-quotes-info .actions,
.account.sales-order-shipment .page-main .columns .column.main .top-order-quotes-info .actions {
    display: flex;
    align-items: center;
    margin-left: 13px
}

@media screen and (max-width:767px) {

    .account.sales-order-view .page-main .columns .column.main .top-order-quotes-info .actions,
    .account.sales-order-shipment .page-main .columns .column.main .top-order-quotes-info .actions {
        width: 100%;
        margin: 10px 0 5px;
        flex-flow: column wrap;
        align-items: flex-start;
        flex-direction: row;
        gap: 10px
    }
}

@media screen and (max-width:767px) {

    .account.sales-order-view .page-main .columns .column.main .top-order-quotes-info .actions .action,
    .account.sales-order-shipment .page-main .columns .column.main .top-order-quotes-info .actions .action {
        margin: 10px 0
    }
}

.account.sales-order-view .page-main .columns .column.main .top-order-quotes-info .actions .action.order,
.account.sales-order-shipment .page-main .columns .column.main .top-order-quotes-info .actions .action.order {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-decoration-line: underline;
    color: #003971
}

.account.sales-order-view .page-main .columns .column.main .top-order-quotes-info .actions .action.print,
.account.sales-order-shipment .page-main .columns .column.main .top-order-quotes-info .actions .action.print {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-decoration-line: underline;
    color: #003971;
    text-transform: lowercase
}

.account.sales-order-view .page-main .columns .column.main .top-order-quotes-info .actions .action.print:before,
.account.sales-order-shipment .page-main .columns .column.main .top-order-quotes-info .actions .action.print:before {
    display: none
}

.account.sales-order-view .page-main .columns .column.main .top-order-quotes-info .actions .action.return,
.account.sales-order-shipment .page-main .columns .column.main .top-order-quotes-info .actions .action.return {
    display: none
}

.account.sales-order-view .page-main .columns .column.main .top-order-quotes-info .actions .text-pipe,
.account.sales-order-shipment .page-main .columns .column.main .top-order-quotes-info .actions .text-pipe {
    display: inline-block;
    margin: 0 5px;
    line-height: normal;
    font-size: 13px
}

@media screen and (max-width:767px) {

    .account.sales-order-view .page-main .columns .column.main .top-order-quotes-info .actions .text-pipe,
    .account.sales-order-shipment .page-main .columns .column.main .top-order-quotes-info .actions .text-pipe {
        display: none
    }
}

.account.customer-account-edit legend.legend span {
    color: #165c7d;
    font-size: 18px;
    text-transform: lowercase
}

.account.customer-account-edit .form-checkbox {
    display: flex;
    flex-flow: column wrap;
    gap: 0px;
    margin: 30px auto
}

.account.customer-account-edit form.form-edit-account {
    max-width: 70%;
    padding: 0 0 0 30px
}

@media screen and (max-width:767px) {
    .account.customer-account-edit form.form-edit-account {
        max-width: 100%;
        padding: 0
    }
}

.account.customer-account-edit form.form-edit-account>.fieldset {
    width: 47.8%;
    max-width: 100%;
    margin-right: 0
}

@media screen and (max-width:767px) {
    .account.customer-account-edit form.form-edit-account>.fieldset {
        width: 100%
    }
}

.account.customer-account-edit form.form-edit-account .fieldset:not([style]) {
    display: block
}

.account.customer-account-edit form.form-edit-account.password-active .actions-toolbar {
    margin: auto
}

.account.customer-account-edit form.form-edit-account .actions-toolbar {
    font-family: 'mothercare_2020-regular-webfont';
    text-transform: lowercase !important;
    width: 50%;
    margin: 0;
    display: flex;
    gap: 30px;
    flex-wrap: nowrap;
    position: relative;
    left: -20px
}

@media screen and (max-width:767px) {
    .account.customer-account-edit form.form-edit-account .actions-toolbar {
        width: 100%;
        align-items: flex-start;
        left: 0;
        flex-direction: column-reverse;
        gap: 0px
    }
}

.account.customer-account-edit form.form-edit-account .actions-toolbar .action.back {
    display: block
}

.account.customer-account-edit form.form-edit-account .actions-toolbar .action-btn {
    display: inline-block;
    width: calc(100%/2);
    margin-top: 30px
}

@media screen and (max-width:767px) {
    .account.customer-account-edit form.form-edit-account .actions-toolbar .action-btn {
        width: 100%;
        margin-top: 8px
    }
}

.account.customer-account-edit form.form-edit-account .actions-toolbar .action-btn.primary .save {
    font-family: 'mothercare_2020-regular-webfont';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 12px;
    color: #fff;
    background: #165c7d;
    border-radius: 5px;
    padding: 8px 46px;
    width: 100%;
    text-transform: lowercase
}

.account.customer-account-edit form.form-edit-account .actions-toolbar .action-btn.secondary .back {
    font-family: 'mothercare_2020-regular-webfont';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 12px;
    color: #414141;
    border-radius: 5px;
    padding: 8px 46px;
    background: #fff;
    border: 1px solid #165c7d;
    text-align: center;
    text-transform: lowercase
}

@media screen and (max-width:767px) {
    .account.customer-account-edit form.form-edit-account .actions-toolbar .action-btn.secondary .back {
        border: none;
        background: 0 0;
        padding: 0;
        font-size: 12px;
        line-height: 14px;
        font-family: 'Arial'
    }
}

.account.customer-account-edit .fieldset.info {
    border-right: 1px solid #d9d9d9;
    padding: 0 80px 0 0
}

@media screen and (max-width:767px) {
    .account.customer-account-edit .fieldset.info {
        border-right: 0;
        padding: 0
    }
}

.account.customer-account-edit .fieldset.password {
    padding: 0 0 0 60px
}

@media screen and (max-width:767px) {
    .account.customer-account-edit .fieldset.password {
        padding: 0;
        margin-bottom: 15px
    }
}

.account.customer-account-edit .fieldset .fields {
    gap: 100%;
    flex-flow: row wrap
}

.account.customer-account-edit .field {
    width: 100%
}

.account.customer-account-edit .field.fullname>label {
    display: none
}

.account.customer-account-edit .field label.label {
    font-size: 14px;
    font-weight: 700;
    font-family: 'mothercare_2020-regular-webfont';
    color: #515759;
    text-transform: lowercase
}

.account.customer-account-edit .field input,
.account.customer-account-edit .field textarea,
.account.customer-account-edit .field select {
    border: .5px solid #d9d9d9;
    border-radius: 0;
    padding: 10px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 11px;
    color: #424242
}

.account.customer-account-edit .field .control.customer-dob input {
    padding-left: 35px
}

.account.customer-account-edit .field.choice .checkbox {
    border: 1px solid #444;
    border-radius: 2px;
    margin: 3px 0 0;
    padding: 0
}

.account.customer-account-edit .field.choice>label {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-transform: lowercase;
    color: #515759;
    font-family: 'mothercare_2020-regular-webfont'
}

.account.customer-account-edit .crm-service-update {
    display: none;
    margin: 0 30px;
    max-width: 65%;
    border: 1px solid #eaeaea;
    padding: 15px 0
}

.account.customer-account-edit .crm-service-update #resend-otp-email,
.account.customer-account-edit .crm-service-update #resend-otp-mobile {
    cursor: pointer
}

.account.customer-account-edit .crm-service-update #resend-otp-email:hover,
.account.customer-account-edit .crm-service-update #resend-otp-mobile:hover {
    text-decoration: underline
}

@media screen and (max-width:767px) {
    .account.customer-account-edit .crm-service-update {
        margin: 0;
        max-width: 100%;
        margin-bottom: 30px
    }
}

.account.customer-account-edit .crm-service-update .countdown-crm {
    display: none
}

@media screen and (max-width:767px) {
    .account.customer-account-edit .crm-service-update.contact-information .fieldset .phone-container {
        margin-top: 30px;
        border-top: 1px solid #d9d9d6;
        padding-top: 30px
    }
}

.account.customer-account-edit .crm-service-update.contact-information .fieldset .fieldset {
    padding-left: 5% !important;
    padding-right: 5% !important;
    flex-flow: row wrap;
    align-items: flex-start;
    margin-bottom: 0
}

.account.customer-account-edit .crm-service-update.contact-information .fieldset .fieldset form.fields {
    flex-flow: row wrap;
    width: 100%
}

.account.customer-account-edit .crm-service-update.contact-information .fieldset .fieldset form.fields .field {
    max-width: 100% !important
}

.account.customer-account-edit .crm-service-update.contact-information .fieldset .fieldset form.fields .field input {
    width: 100% !important
}

.account.customer-account-edit .crm-service-update .fieldset {
    display: flex
}

@media screen and (max-width:767px) {
    .account.customer-account-edit .crm-service-update .fieldset {
        display: block
    }
}

.account.customer-account-edit .crm-service-update .fieldset>.legend {
    display: none;
    margin: 0 0 20px;
    padding: 0 0 10px;
    width: 100%;
    box-sizing: border-box;
    float: left;
    font-weight: 300;
    line-height: 1.2;
    font-size: inherit;
    border-bottom: 1px solid #d6d6d6
}

.account.customer-account-edit .crm-service-update .fieldset>.legend .span {
    color: #165c7d;
    font-size: 2rem;
    text-transform: lowercase;
    font-weight: 400
}

.account.customer-account-edit .crm-service-update .fieldset .email-container,
.account.customer-account-edit .crm-service-update .fieldset .phone-container {
    padding: 0 25px
}

.account.customer-account-edit .crm-service-update .fieldset .email-container .field,
.account.customer-account-edit .crm-service-update .fieldset .phone-container .field {
    max-width: 90%
}

.account.customer-account-edit .crm-service-update .fieldset .email-container .field .control,
.account.customer-account-edit .crm-service-update .fieldset .phone-container .field .control {
    margin: 0;
    width: 100%
}

.account.customer-account-edit .crm-service-update .fieldset .email-container .field .control #country_code,
.account.customer-account-edit .crm-service-update .fieldset .phone-container .field .control #country_code {
    width: 15%;
    text-align: center;
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
    float: left
}

.account.customer-account-edit .crm-service-update .fieldset .email-container .field .control #change-mobile,
.account.customer-account-edit .crm-service-update .fieldset .phone-container .field .control #change-mobile {
    width: 85%
}

.account.customer-account-edit .crm-service-update .fieldset .email-container .field .container-button .action.primary,
.account.customer-account-edit .crm-service-update .fieldset .phone-container .field .container-button .action.primary {
    font-family: 'mothercare_2020-regular-webfont';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 12px;
    color: #165c7d;
    background: #fff;
    border-radius: 8px;
    padding: 10px 20px;
    text-transform: lowercase;
    border: 1px solid #165c7d
}

.account.customer-account-edit .crm-service-update .fieldset .email-container .field .container-button .action.primary.otp-button-email,
.account.customer-account-edit .crm-service-update .fieldset .phone-container .field .container-button .action.primary.otp-button-email,
.account.customer-account-edit .crm-service-update .fieldset .email-container .field .container-button .action.primary.otp-button-mobile,
.account.customer-account-edit .crm-service-update .fieldset .phone-container .field .container-button .action.primary.otp-button-mobile {
    color: #fff;
    background: #165c7d;
    border-radius: 5px
}

.account.customer-account-edit .crm-service-update .fieldset .email-container .field .container-button.send button,
.account.customer-account-edit .crm-service-update .fieldset .phone-container .field .container-button.send button {
    float: right
}

.account.customer-account-edit .crm-service-update .fieldset .email-container .field .container-button a,
.account.customer-account-edit .crm-service-update .fieldset .phone-container .field .container-button a {
    text-decoration: underline;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    text-transform: lowercase;
    color: #515759;
    font-family: 'mothercare_2020-regular-webfont'
}

.account.customer-account-edit .crm-service-update .phone-container {
    padding-left: 5% !important
}

.account.customer-account-edit .crm-service-update .email-container {
    border-right: 1px solid #d6d6d6
}

@media screen and (max-width:767px) {
    .account.customer-account-edit .crm-service-update .email-container {
        border: none
    }
}

.account .field div.mage-error,
.account .field div.field-error {
    font-size: 12px;
    font-weight: 400
}

.account .modals-wrapper .modal-inner-wrap .modal-content {
    padding: 50px 0 0 30px
}

.account .modals-wrapper .modal-inner-wrap .modal-content .error-content {
    font-family: 'mothercare_2020-regular-webfont';
    font-size: 12px
}

.account .modals-wrapper .modal-footer .action.primary.action-accept {
    background: #165c7d;
    font-size: 12px;
    font-weight: 700;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif
}

.account .loading-mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(135, 135, 135, .33);
    display: flex;
    align-items: center;
    justify-content: center
}

.account .loading-mask .loader {
    width: 60px;
    height: 60px;
    background: #fff;
    border: 1px solid #fafafa;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
    animation: none
}

.account .loading-mask .loader:before {
    content: url("../images/loading_circle.svg") !important;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    animation: none;
    left: -4px;
    top: -4px;
    right: -4px;
    bottom: -4px;
    margin: auto;
    z-index: 1
}

.account .loading-mask .loader:after {
    content: "";
    border: 4px solid rgba(22, 92, 125, .17);
    position: absolute;
    left: -4px;
    top: -4px;
    right: -4px;
    bottom: -4px;
    background-color: transparent;
    border-radius: 50%;
    animation: crescendo .8s alternate infinite ease-in;
    z-index: -1
}

.sales-order-view .order-items .gift-wrapping {
    display: flex;
    justify-content: center;
    color: #9a9a94;
    font-size: 12px;
    gap: 5px
}

.sales-order-view .order-items .gift-wrapping .title:after {
    content: ':'
}

.sales-order-view .order-items .gift-wrapping .content img {
    display: none
}

.customer-account-forgotpassword .customer-resetpass-inner .customer-right-inner {
    padding: 20px 50px 30px
}

@media only screen and (max-width:767px) {
    .customer-account-forgotpassword .customer-resetpass-inner .customer-right-inner {
        padding: 0;
        border: 0
    }
}

.contact-index-index #maincontent {
    margin-top: 2rem
}

.contact-index-index .column.main {
    min-height: 0
}

.contact-index-index .column.main .form.contact {
    box-shadow: none;
    background: 0 0;
    border-radius: 0;
    border: 1px solid #ebeae8;
    padding: 20px 50px;
    margin: 0 auto
}

.contact-index-index .column.main .form.contact .legend span {
    color: #000;
    font-size: 16px;
    font-weight: 700
}

.contact-index-index .column.main .form.contact .primary {
    width: 100%
}

.contact-index-index .column.main .form.contact .field {
    margin: 0;
    margin-bottom: 25px
}

.contact-index-index .column.main .form.contact .fieldset {
    border: 0;
    margin: 0 0 20px;
    padding: 0;
    letter-spacing: -.31em
}

.contact-index-index .column.main .form.contact .fieldset .field .label {
    display: none
}

.contact-index-index .column.main .form.contact .fieldset .note {
    text-transform: lowercase
}

.contact-index-index .column.main .form.contact .fieldset>.legend {
    margin: 0 0 20px;
    padding: 0 0 10px;
    width: 100%;
    box-sizing: border-box;
    float: left;
    font-weight: 300;
    line-height: 1.2;
    font-size: 1.8rem;
    border-bottom: none
}

.contact-index-index .column.main .form.contact .fieldset>* {
    letter-spacing: normal
}

.contact-index-index .column.main .form.contact .legend>span {
    margin-right: 5px;
    text-transform: lowercase
}

.contact-index-index .column.main .form.contact .field.comment.required {
    margin-bottom: 0
}

.contact-index-index .column.main .form.contact input[placeholder] {
    text-overflow: ellipsis
}

.contact-index-index .column.main .form.contact select,
.contact-index-index .column.main .form.contact input[type=text],
.contact-index-index .column.main .form.contact input[type=password],
.contact-index-index .column.main .form.contact input[type=url],
.contact-index-index .column.main .form.contact input[type=tel],
.contact-index-index .column.main .form.contact input[type=search],
.contact-index-index .column.main .form.contact input[type=number],
.contact-index-index .column.main .form.contact input[type=datetime],
.contact-index-index .column.main .form.contact input[type=email] {
    display: block;
    height: 48px;
    width: 100%;
    padding: 10px 36px 10px 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.contact-index-index .column.main .form.contact .actions-toolbar .primary {
    width: 100%
}

.contact-index-index .column.main .form.contact .actions-toolbar>.primary:last-child,
.contact-index-index .column.main .form.contact .actions-toolbar>.secondary:last-child {
    margin-bottom: 0
}

.contact-index-index .column.main .form.contact .action {
    background: #165c7d;
    border-radius: 5px;
    width: 100%;
    height: 47px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: lowercase;
    color: #fff;
    font-family: 'mothercare_2020-regular-webfont', sans-serif;
    border: none
}

.contact-index-index .column.main .form.contact textarea {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    padding: 10px 36px 10px 16px;
    font-size: 1rem;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.42857143;
    vertical-align: baseline;
    width: 100%;
    box-sizing: border-box;
    resize: vertical;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.contact-index-index .column.main .form.contact .fieldset>.field .label span,
.contact-index-index .column.main .form.contact .fieldset .fields>.field .label span {
    display: none
}

.contact-index-index .column.main .form.contact .field+.field {
    margin-top: 1.5rem
}

.contact-index-index .page.messages {
    max-width: 550px;
    margin: 0 auto
}

.contact-index-index .page.messages .messages {
    padding-bottom: 15px
}

.contact-index-index .field.note.no-label {
    font-size: 1rem;
    line-height: 1.5;
    color: #000;
    margin-bottom: 30px !important
}

.contact-index-index .page-main>.page-title-wrapper .page-title {
    width: 100%;
    padding: 16px 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.contact-index-index .page-main>.page-title-wrapper .page-title span {
    font-size: 36px;
    line-height: 44px;
    font-family: 'mothercare_2020-regular-webfont';
    color: #165c7d
}

.contact-index-index .contact-information {
    margin-bottom: 2rem
}

.contact-index-index .contact-information strong {
    font-size: 14px
}

.contact-index-index .contact-information p {
    font-size: 12px
}

html {
    overflow-x: hidden
}

body._block-content-loading .loading-mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(135, 135, 135, .33);
    display: flex;
    align-items: center;
    justify-content: center
}

body._block-content-loading .loading-mask .loader {
    width: 60px;
    height: 60px;
    background: #fff;
    border: 1px solid #fafafa;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
    animation: none
}

body._block-content-loading .loading-mask .loader:before {
    content: url("../images/loading_circle.svg") !important;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    animation: none;
    left: -4px;
    top: -4px;
    right: -4px;
    bottom: -4px;
    margin: auto;
    z-index: 1
}

body._block-content-loading .loading-mask .loader:after {
    content: "";
    border: 4px solid rgba(22, 92, 125, .17);
    position: absolute;
    left: -4px;
    top: -4px;
    right: -4px;
    bottom: -4px;
    background-color: transparent;
    border-radius: 50%;
    animation: crescendo .8s alternate infinite ease-in;
    z-index: -1
}

.header.panel .lang-switch-mc {
    display: none
}

#switcher-language {
    vertical-align: middle;
    width: auto
}

@media (max-width:996px) {
    #switcher-language {
        float: right
    }
}

@media (max-width:996px) {
    #switcher-language .dropdown.options {
        top: 6px;
        right: 10px
    }
}

#switcher-language .dropdown.options .switcher-trigger {
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    letter-spacing: .025em;
    color: #fff
}

#switcher-language .dropdown.options .switcher-trigger strong.view-mothercare_website_english span,
#switcher-language .dropdown.options .switcher-trigger strong.view-mothercare_website_bahasa span {
    text-transform: unset !important;
    font-size: 14px;
    color: rgba(255, 255, 255, .85)
}

#switcher-language .dropdown.options .dropdown.switcher-dropdown {
    visibility: visible;
    opacity: 1;
    top: 33px;
    pointer-events: unset;
    padding: 0;
    border-radius: 0;
    border: 1px solid #d3d3d3
}

@media (max-width:996px) {
    #switcher-language .dropdown.options .dropdown.switcher-dropdown {
        top: 22px
    }
}

#switcher-language .dropdown.options .dropdown.switcher-dropdown>li>a {
    border-radius: 0
}

#switcher-language .dropdown.options .dropdown.switcher-dropdown>li>a:hover {
    background: #165c7d;
    color: #fff
}

#switcher-language .dropdown.options:not(.no-chevron) .toggle:after {
    background-image: url(../images/switch_arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-mask: none;
    background-color: transparent;
    transform: rotate(0deg);
    margin-top: -2px
}

#switcher-language .dropdown.options:not(.no-chevron) .toggle:before {
    background-image: url(../images/language_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-mask: none;
    background-color: transparent;
    transform: rotate(0deg);
    margin-top: -2px;
    content: '';
    width: 14px;
    height: 14px;
    margin-right: 3px
}

#switcher-language .dropdown.options:not(.no-chevron) .toggle.active:after {
    transform: rotate(-180deg)
}

.cms-mothercare-website-home-page .pagebuilder-slider.slick-initialized {
    padding: 0 30px
}

.cms-mothercare-website-home-page .pagebuilder-slider.slick-initialized .slick-arrow {
    width: 54px;
    height: 54px
}

.cms-mothercare-website-home-page .pagebuilder-slider.slick-initialized .slick-arrow:before {
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    height: auto
}

.cms-mothercare-website-home-page .pagebuilder-slider.slick-initialized .slick-next:before,
.cms-mothercare-website-home-page .pagebuilder-slider.slick-initialized .slick-prev:before {
    -webkit-mask: none;
    -webkit-mask-size: 0;
    content: "";
    height: 26px;
    width: 15px;
    mask: none;
    mask-size: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.cms-mothercare-website-home-page .pagebuilder-slider.slick-initialized .slick-dots .slick-active button {
    width: 30px;
    border-radius: 0;
    height: 4px;
    border: 0;
    box-shadow: none;
    background-color: #165c7d
}

.cms-mothercare-website-home-page .pagebuilder-slider.slick-initialized .slick-dots li button {
    background-color: #165C7D66;
    width: 30px;
    border-radius: 0;
    height: 4px;
    border: 0;
    box-shadow: none
}

.page-wrapper .page-header {
    position: sticky;
    top: 0;
    z-index: 900
}

.page-wrapper .page-header .mobile-header-panel {
    display: none
}

.page-wrapper .page-header .panel.wrapper {
    background-color: #165c7d
}

@media (max-width:639.98px) {
    .page-wrapper .page-header .panel.wrapper {
        display: block
    }
}

@media (max-width:639.98px) {
    .page-wrapper .page-header .panel.wrapper .action.skip+div {
        display: none
    }
}

@media (max-width:639.98px) {
    .page-wrapper .page-header .panel.wrapper .panel.header {
        display: block;
        height: 30px;
        padding: 0
    }
}

@media (min-width:769px) {
    .page-wrapper .page-header .panel.wrapper .panel.header {
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        width: auto;
        padding-left: 50px;
        padding-right: 50px
    }
}

.page-wrapper .page-header .panel.wrapper .header.panel {
    justify-content: flex-end !important;
    align-items: center;
    display: table;
    width: 100%
}

.page-wrapper .page-header .panel.wrapper .header.panel div {
    width: auto;
    font-size: 14px
}

.page-wrapper .page-header .panel.wrapper .header.panel .left_top_header {
    float: left
}

.page-wrapper .page-header .panel.wrapper .header.panel .right_top_header {
    float: right
}

.page-wrapper .page-header .panel.wrapper .header.panel .right_top_header .top-header-components-mc {
    display: inline-block;
    padding-left: 20px
}

@media (max-width:767px) {
    .page-wrapper .page-header .panel.wrapper .header.panel .header_panel_info {
        display: none
    }
}

.page-wrapper .page-header .panel.wrapper .header.panel .header_panel_info li>a {
    line-height: 30px
}

@media (min-width:769px) {
    .page-wrapper .page-header .header.content {
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        width: auto;
        padding-left: 45px;
        padding-right: 50px
    }
}

@media (max-width:767px) {
    .page-wrapper .page-header .header.content {
        padding-top: 5px;
        padding-bottom: 5px
    }
}

.page-wrapper .page-header .header.content .home-page-logo {
    margin-bottom: 0
}

@media (max-width:767px) {
    .page-wrapper .page-header .header.content .home-page-logo {
        position: relative;
        width: 55VW;
        top: -3px
    }
}

.page-wrapper .page-header .header.content .home-page-logo img {
    max-width: 160px
}

.page-wrapper .page-header .header.content .ves-megamenu {
    background: #fff
}

.page-wrapper .page-header .header.content .ves-megamenu li.level0>a {
    font-weight: unset;
    text-transform: unset
}

@media (max-width:768px) {
    .page-wrapper .page-header .header.content .ves-megamenu li.level0>a {
        font-size: 16px !important;
        padding: 12px 10px;
        border-radius: 0;
        color: #165c7d;
        justify-content: left;
        position: relative
    }
}

.page-wrapper .page-header .header.content .ves-megamenu li.level0:hover>a {
    background: #fff !important
}

.page-wrapper .page-header .header.content .ves-megamenu .nav-item>a {
    padding: 0 5px
}

.page-wrapper .page-header .header.content .account-dropdown {
    order: 1
}

.page-wrapper .page-header .header.content .account-dropdown a.action.toggle.switcher-trigger {
    background-image: url("../images/Mothercare_Web_Sketch_Icons_MC_Profile.svg");
    background-repeat: no-repeat
}

.page-wrapper .page-header .header.content .wishlist-dropdown a.action.toggle.switcher-trigger {
    background-image: url("../images/Mothercare_Web_Sketch_Icons_MC_Heart.svg");
    background-position: center
}

.page-wrapper .page-header .header.content .minicart-wrapper .action.showcart {
    background-image: url("../images/Mothercare_Web_Sketch_Icons_MC_Basket.svg");
    background-position: center
}

.page-wrapper .page-header .header.content .minicart-wrapper .action.showcart span.txt-cart {
    display: none
}

@media (min-width:769px) {
    .page-wrapper #maincontent.page-main-full-width .columns {
        --container-max-width: 100%;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        width: auto;
        padding-left: 50px;
        padding-right: 50px
    }
}

.page-wrapper #maincontent.page-main:before,
.page-wrapper #maincontent.page-main:after {
    display: none !important
}

.page-wrapper .page-footer {
    color: #165c7d
}

@media (min-width:769px) {
    .page-wrapper .page-footer {
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        max-width: 1280px;
        width: auto
    }
}

.page-wrapper .page-footer a {
    color: #165c7d
}

.page-wrapper .page-footer .footer-promo {
    display: flex;
    column-gap: 20px
}

.catalog-category-view .products-grid .product-items .product-item .product-item-details .product-item-name .product-item-link {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (max-width:769px) {
    .page-header .header.content .top-header-components-mc {
        display: none
    }

    .page-header .header.content .navigation-wrapper .top-header-components-mc {
        display: block;
        order: 2;
        margin-top: 10px
    }

    .page-header .header.content .navigation-wrapper .top-header-components-mc .lang-switch-mc {
        display: none
    }

    .page-header .header.content .navigation-wrapper .top-header-components-mc .header_panel_info {
        display: block
    }

    .page-header .header.content .navigation-wrapper .top-header-components-mc .header_panel_info li {
        color: #165c7d;
        padding: 7px 0
    }

    .page-header .header.content .kanmo-middle-header #kanmo-mc-search-btn,
    .page-header .header.content .kanmo-middle-header #kanmo-mc-cancel-btn {
        display: none
    }

    #maincontent .column.main .pagebuilder-column-line {
        overflow: scroll
    }

    #maincontent .column.main .pagebuilder-column.kanmo-shop-by-category {
        width: 100% !important
    }

    #maincontent .column.main .pagebuilder-column.kanmo-shop-by-category img {
        max-width: unset
    }

    #maincontent .column.main .pagebuilder-column.kanmo-shop-by-category .heading-shop-by-category {
        display: none
    }

    #maincontent .column.main .pagebuilder-column-group.featured-offers-kanmo .pagebuilder-column-line {
        flex-wrap: wrap;
        width: unset !important
    }

    #maincontent .column.main .pagebuilder-column-group.featured-offers-kanmo .pagebuilder-column-line .pagebuilder-column.kanmo-featured-offers {
        flex-basis: 50% !important;
        flex-wrap: wrap !important
    }

    #maincontent .column.main .pagebuilder-column-group.featured-offers-kanmo .pagebuilder-column-line .pagebuilder-column.kanmo-featured-offers img {
        width: 100%;
        max-width: unset !important;
        padding: 15px
    }

    #maincontent .column.main .pagebuilder-column.kanmo-top-category {
        width: 100% !important
    }

    #maincontent .column.main .pagebuilder-column.kanmo-top-category img {
        max-width: unset
    }

    #maincontent .column.main .pagebuilder-column-group.recommendations-kanmo .pagebuilder-column-line {
        display: unset !important
    }

    #maincontent .column.main .pagebuilder-column-group.recommendations-kanmo .pagebuilder-column-line .pagebuilder-column {
        width: 100% !important
    }

    #maincontent .column.main .pagebuilder-column-group.product-categories-kanmo .pagebuilder-column-line {
        flex-wrap: wrap;
        width: unset
    }

    #maincontent .column.main .pagebuilder-column-group.product-categories-kanmo .pagebuilder-column-line .pagebuilder-column.kanmo-product-categories {
        flex-basis: 50% !important;
        flex-wrap: wrap !important
    }

    #maincontent .column.main .pagebuilder-column-group.product-categories-kanmo .pagebuilder-column-line .pagebuilder-column.kanmo-product-categories img {
        width: 100%;
        max-width: unset;
        padding: 10px
    }

    #maincontent .column.main .shopping-on-mc-desktop {
        display: none !important
    }

    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line {
        flex-direction: column
    }

    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .pagebuilder-column.shop-with-us-column-mc,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .shop-by-category-column-mc,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .need-help-column-mc {
        width: 100% !important;
        border: 1px solid #e7e7e7;
        padding: 10px
    }

    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .pagebuilder-column.shop-with-us-column-mc h4.heading-shop-with-us-kanmo-mc,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .shop-by-category-column-mc h4.heading-shop-with-us-kanmo-mc,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .need-help-column-mc h4.heading-shop-with-us-kanmo-mc,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .pagebuilder-column.shop-with-us-column-mc .heading-shop-by-category-kanmo-mc,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .shop-by-category-column-mc .heading-shop-by-category-kanmo-mc,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .need-help-column-mc .heading-shop-by-category-kanmo-mc,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .pagebuilder-column.shop-with-us-column-mc .heading-need-help-kanmo-mc,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .shop-by-category-column-mc .heading-need-help-kanmo-mc,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .need-help-column-mc .heading-need-help-kanmo-mc {
        display: flex;
        justify-content: space-between
    }

    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .pagebuilder-column.shop-with-us-column-mc h4.heading-shop-with-us-kanmo-mc:after,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .shop-by-category-column-mc h4.heading-shop-with-us-kanmo-mc:after,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .need-help-column-mc h4.heading-shop-with-us-kanmo-mc:after,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .pagebuilder-column.shop-with-us-column-mc .heading-shop-by-category-kanmo-mc:after,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .shop-by-category-column-mc .heading-shop-by-category-kanmo-mc:after,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .need-help-column-mc .heading-shop-by-category-kanmo-mc:after,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .pagebuilder-column.shop-with-us-column-mc .heading-need-help-kanmo-mc:after,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .shop-by-category-column-mc .heading-need-help-kanmo-mc:after,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .need-help-column-mc .heading-need-help-kanmo-mc:after {
        content: url("../images/Vector1.png")
    }

    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .pagebuilder-column.shop-with-us-column-mc p a,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .shop-by-category-column-mc p a,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .need-help-column-mc p a {
        font-family: 'Arial'
    }

    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .pagebuilder-column.shop-with-us-column-mc.open-content,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .shop-by-category-column-mc.open-content,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .need-help-column-mc.open-content {
        width: 100% !important;
        border: 1px solid #e7e7e7;
        padding: 10px
    }

    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .pagebuilder-column.shop-with-us-column-mc.open-content h4.heading-shop-with-us-kanmo-mc,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .shop-by-category-column-mc.open-content h4.heading-shop-with-us-kanmo-mc,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .need-help-column-mc.open-content h4.heading-shop-with-us-kanmo-mc,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .pagebuilder-column.shop-with-us-column-mc.open-content .heading-shop-by-category-kanmo-mc,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .shop-by-category-column-mc.open-content .heading-shop-by-category-kanmo-mc,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .need-help-column-mc.open-content .heading-shop-by-category-kanmo-mc,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .pagebuilder-column.shop-with-us-column-mc.open-content .heading-need-help-kanmo-mc,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .shop-by-category-column-mc.open-content .heading-need-help-kanmo-mc,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .need-help-column-mc.open-content .heading-need-help-kanmo-mc {
        display: flex;
        justify-content: space-between
    }

    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .pagebuilder-column.shop-with-us-column-mc.open-content h4.heading-shop-with-us-kanmo-mc:after,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .shop-by-category-column-mc.open-content h4.heading-shop-with-us-kanmo-mc:after,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .need-help-column-mc.open-content h4.heading-shop-with-us-kanmo-mc:after,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .pagebuilder-column.shop-with-us-column-mc.open-content .heading-shop-by-category-kanmo-mc:after,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .shop-by-category-column-mc.open-content .heading-shop-by-category-kanmo-mc:after,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .need-help-column-mc.open-content .heading-shop-by-category-kanmo-mc:after,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .pagebuilder-column.shop-with-us-column-mc.open-content .heading-need-help-kanmo-mc:after,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .shop-by-category-column-mc.open-content .heading-need-help-kanmo-mc:after,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .need-help-column-mc.open-content .heading-need-help-kanmo-mc:after {
        content: url("../images/MC_footer_uparrow.png")
    }

    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .pagebuilder-column.shop-with-us-column-mc.open-content p a,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .shop-by-category-column-mc.open-content p a,
    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .need-help-column-mc.open-content p a {
        font-family: 'Arial'
    }

    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .pagebuilder-column.download-ourapps-column-mc {
        width: 55% !important;
        text-align: center;
        padding: 30px;
        margin: 0 auto
    }

    .page-footer .footer-content-mckanmo-desktop .footer-main-column-mc .pagebuilder-column-line .pagebuilder-column.download-ourapps-column-mc .heading-download-apps-kanmo-mc {
        font-size: 14px
    }

    .page-footer .footer-content-mckanmo-desktop .row-full-width-inner span {
        font-family: 'Arial';
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: -.011em;
        color: #1e1e1e
    }

    .shop-with-us-column-mc.open-content h4.heading-shop-with-us-kanmo-mc,
    .shop-by-category-column-mc.open-content h4.heading-shop-with-us-kanmo-mc,
    .need-help-column-mc.open-content h4.heading-shop-with-us-kanmo-mc,
    .shop-with-us-column-mc.open-content .heading-shop-by-category-kanmo-mc,
    .shop-by-category-column-mc.open-content .heading-shop-by-category-kanmo-mc,
    .need-help-column-mc.open-content .heading-shop-by-category-kanmo-mc,
    .shop-with-us-column-mc.open-content .heading-need-help-kanmo-mc,
    .shop-by-category-column-mc.open-content .heading-need-help-kanmo-mc,
    .need-help-column-mc.open-content .heading-need-help-kanmo-mc {
        display: flex;
        justify-content: space-between
    }

    .shop-with-us-column-mc.open-content h4.heading-shop-with-us-kanmo-mc:after,
    .shop-by-category-column-mc.open-content h4.heading-shop-with-us-kanmo-mc:after,
    .need-help-column-mc.open-content h4.heading-shop-with-us-kanmo-mc:after,
    .shop-with-us-column-mc.open-content .heading-shop-by-category-kanmo-mc:after,
    .shop-by-category-column-mc.open-content .heading-shop-by-category-kanmo-mc:after,
    .need-help-column-mc.open-content .heading-shop-by-category-kanmo-mc:after,
    .shop-with-us-column-mc.open-content .heading-need-help-kanmo-mc:after,
    .shop-by-category-column-mc.open-content .heading-need-help-kanmo-mc:after,
    .need-help-column-mc.open-content .heading-need-help-kanmo-mc:after {
        content: url("../images/Vector.png")
    }

    .shop-with-us-column-mc.open-content div,
    .shop-by-category-column-mc.open-content div,
    .need-help-column-mc.open-content div {
        display: block
    }

    .shop-with-us-column-mc div,
    .shop-by-category-column-mc div,
    .need-help-column-mc div {
        display: none
    }
}

@media (min-width:769px) {
    .header.content {
        justify-content: center;
        height: 90px
    }

    .header.content .ves-megamenu a.nav-anchor {
        font-size: 13px !important
    }

    .header.content .kanmo-middle-header {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-left: unset !important
    }

    .header.content .kanmo-middle-header .navigation-wrapper {
        display: block !important
    }

    .header.content .kanmo-middle-header .navigation-wrapper .kanmo-megamenu-components-mobile {
        display: none
    }

    .header.content .kanmo-middle-header .navigation-wrapper .top-header-components-mc {
        display: none
    }

    .header.content .kanmo-middle-header .block.block-search {
        display: none !important
    }

    .header.content .kanmo-middle-header button#kanmo-mc-search-btn {
        display: block !important;
        background: #fff;
        transform: translate(0px, 0px);
        padding: 0
    }

    .header.content .kanmo-middle-header button#kanmo-mc-search-btn img {
        height: 25px;
        width: 27px
    }

    .header.content .kanmo-middle-header button#kanmo-mc-cancel-btn {
        display: none !important
    }

    .header.content .kanmo-middle-header .kanmo-megamenu-header-mobile .header-megamenu-mobile {
        display: none
    }

    .header.content .kanmo-middle-header.open-search {
        display: flex;
        width: 100%;
        column-gap: 10px
    }

    .header.content .kanmo-middle-header.open-search .navigation-wrapper {
        display: none !important
    }

    .header.content .kanmo-middle-header.open-search .block.block-search {
        display: block !important
    }

    .header.content .kanmo-middle-header.open-search button#kanmo-mc-search-btn {
        display: none !important
    }

    .header.content .kanmo-middle-header.open-search button#kanmo-mc-cancel-btn {
        display: inline-block !important;
        background-color: #fff;
        color: #b30000;
        font-weight: 100
    }

    .header.content .kanmo-middle-header.open-search .kanmo-custom-search-mc {
        display: flex;
        width: 100%
    }

    .header.content .kanmo-middle-header.open-search .kanmo-custom-search-mc .block-search {
        width: 100%
    }

    .header.content .kanmo-middle-header.open-search .kanmo-custom-search-mc .block-search .field.search {
        width: 100%
    }

    .header.content .kanmo-middle-header.open-search .kanmo-custom-search-mc .block-search .field.search .input-text {
        max-width: unset !important;
        border-radius: 30px
    }

    .pagebuilder-column.kanmo-shop-by-category .heading-shop-by-category {
        display: none
    }

    .shopping-on-mc-mobile {
        display: none !important
    }
}

body.cms-page-view main#maincontent {
    font-size: 13px !important;
    font-family: 'Arial';
    color: #414141
}

body.cms-page-view main#maincontent strong {
    font-weight: 600
}

body.cms-page-view main#maincontent a {
    color: #165c7d !important;
    text-decoration: underline !important
}

body.cms-page-view main#maincontent .page-title-wrapper .page-title span.base {
    color: #165c7d;
    font-family: 'mothercare_2020-regular-webfont';
    font-size: 26px;
    text-transform: uppercase
}

body.cms-page-view main#maincontent p {
    margin-bottom: unset !important
}

body.cms-page-view main#maincontent h1 {
    font-family: 'mothercare_2020-regular-webfont';
    font-size: 36px;
    margin: 20px 0;
    color: #165c7d !important
}

body.cms-page-view main#maincontent h4 {
    font-family: 'mothercare_2020-regular-webfont';
    font-size: 20px;
    margin: 20px 0;
    color: #165c7d !important
}

body.cms-page-view main#maincontent h5 {
    font-family: 'mothercare_2020-regular-webfont';
    font-weight: 300;
    line-height: 24px;
    font-size: 18px;
    margin: 20px 0
}

body.cms-page-view main#maincontent h2 {
    font-family: 'mothercare_2020-regular-webfont';
    font-weight: 300;
    line-height: 39px;
    font-size: 30px;
    margin: 20px 0
}

body.cms-page-view .private-sales-index .content h1 {
    color: #165c7d
}

body.cms-page-view .tab-faq {
    float: left;
    width: 22.88135593%;
    margin: 0 0 30px;
    background: #fff;
    border: #d6d6d6 solid 1px
}

body.cms-page-view .tabcontent {
    float: right;
    width: 74.57627119%;
    padding-bottom: 30px;
    margin-bottom: 60px;
    border: #d6d6d6 solid 1px
}

body.cms-page-view .tabcontent h3 {
    font-family: 'mothercare_2020-regular-webfont';
    color: #165c7d;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    text-transform: lowercase;
    border-bottom: #d6d6d6 solid 1px;
    padding: 14px 20px 15px;
    margin: 0
}

body.cms-page-view .tabcontent h3+p {
    padding: 20px 20px 0
}

body.cms-page-view .tabcontent .content {
    display: none;
    padding: 20px 20px 0
}

body.cms-page-view .tabcontent .collapsible {
    position: relative;
    display: block;
    width: 100%;
    background: 0 0;
    color: #165c7d;
    border: none;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    line-height: normal;
    text-decoration: none;
    padding: 20px 45px 0 20px
}

body.cms-page-view .tabcontent .collapsible:after {
    position: absolute;
    top: 20px;
    right: 20px;
    font-family: "mothercare-icons";
    content: "\e932";
    font-size: 1.6rem
}

body.cms-page-view .tabcontent .collapsible.active:after {
    content: "\e933"
}

body.cms-page-view .tablinks,
body.cms-page-view .tablinks:hover,
body.cms-page-view .tablinks:focus,
body.cms-page-view .tablinks:active {
    display: block;
    width: 100%;
    font-family: 'mothercare_2020-regular-webfont';
    color: #414141;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    text-transform: lowercase;
    text-decoration: none;
    padding: 12px 10px 12px 20px;
    background: 0 0;
    border: none;
    border-top: #d6d6d6 solid 1px
}

body.cms-page-view .tablinks:first-child {
    border-top: none
}

body.cms-page-view .tablinks.active {
    background: #f6f6f6;
    font-family: 'mothercare_2020-regular-webfont';
    color: #888;
    font-size: 16px
}

@media (max-width:769px) {

    body.cms-page-view .tab-faq,
    body.cms-page-view .tabcontent {
        float: none;
        width: auto;
        margin: 0 -10px;
        border-width: 1px 0
    }

    body.cms-page-view .tab-faq {
        margin-bottom: -1px
    }

    body.cms-page-view .tabcontent h3 {
        font-size: 15px
    }

    body.cms-page-view .tabcontent .collapsible {
        font-size: 14px;
        white-space: normal
    }

    body.cms-page-view .tabcontent .collapsible:after {
        top: 20px;
        right: 20px;
        font-size: 14px
    }

    body.cms-page-view .tablinks,
    body.cms-page-view .tablinks:hover,
    body.cms-page-view .tablinks:focus,
    body.cms-page-view .tablinks:active {
        display: block;
        width: 100%;
        font-family: 'mothercare_2020-regular-webfont';
        color: #414141;
        font-size: 13px;
        font-weight: 400;
        padding: 12px 10px 12px 20px;
        text-align: left;
        text-transform: lowercase;
        text-decoration: none;
        background: 0 0;
        border: none;
        border-top: #d6d6d6 solid 1px
    }

    body.cms-page-view .tablinks:first-child {
        border-top: none
    }

    body.cms-page-view .tablinks.active {
        background: #f6f6f6;
        font-family: 'mothercare_2020-regular-webfont';
        color: #888;
        font-size: 16px
    }

    body.cms-page-view .tab_drawer_heading {
        font-family: 'mothercare_2020-regular-webfont' !important;
        font-size: 14px
    }

    body.cms-page-view .tab_drawer_heading.active {
        font-family: 'mothercare_2020-regular-webfont' !important;
        font-size: 17px !important
    }

    body.cms-page-view .tab_drawer_heading.active strong {
        font-weight: 600
    }

    body.cms-page-view .tab_drawer_heading.active .page-title-wrapper .page-title span.base {
        color: #165c7d;
        font-family: 'mothercare_2020-regular-webfont';
        font-size: 26px
    }
}

.cms-page-view .main {
    font-size: 13px !important;
    line-height: unset !important
}

.cms-reward-points.cms-page-view .columns h2 {
    font-family: 'mothercare_2020-regular-webfont'
}

.cms-no-route.cms-page-view .columns {
    all: unset !important
}

.cms-no-route.cms-page-view .columns h5 {
    margin: 20px 0;
    font-family: 'mothercare_2020-regular-webfont';
    font-size: 18px;
    font-weight: 300
}

.cms-service-unavailable .columns h1 {
    color: #165c7d;
    font-family: 'mothercare_2020-regular-webfont'
}

.cms-free-assembly .columns h4 span,
.cms-same-day-processing .columns h4 span,
.cms-satisfaction-warranty .columns h4 span {
    color: #165c7d !important
}

.cms-how-to-shop .columns h2,
.cms-how-to-shop .columns h3 {
    color: #165c7d !important;
    font-family: 'mothercare_2020-regular-webfont'
}

.cms-how-to-shop .columns .progress .circle.active .label {
    background: #165c7d !important
}

.cms-returns_and_exchanges main#maincontent h4 strong {
    font-family: 'mothercare_2020-regular-webfont';
    font-size: 24px
}

.cms-size-chart main#maincontent a.button-size {
    color: #fff !important;
    background-color: #165c7d !important
}

.cms-payment-method main#maincontent p {
    margin-bottom: 15px !important
}

.cms-no-route .columns {
    max-width: unset !important;
    margin-bottom: unset !important
}

.cms-all-about-us main#maincontent .linktreecontainer .btn {
    color: #fff !important
}

.cms-all-about-us main#maincontent .linktreecontainer .btn:hover {
    background: #fff !important;
    color: #000 !important
}

form .customer-dob .ui-datepicker-trigger {
    width: 100%;
    left: 10px;
    right: 100%;
    justify-content: left;
    height: 100%
}

#ui-datepicker-div {
    width: 320px
}

@media (max-width:767px) {
    .navigation-wrapper {
        display: flex;
        flex-direction: column
    }

    .navigation-wrapper .block.ves-menu.ves-megamenu-mobile {
        order: 1
    }

    .navigation-wrapper .block.ves-menu.ves-megamenu-mobile .ves-megamenu .opener {
        padding: 0;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%
    }

    .navigation-wrapper .block.ves-menu.ves-megamenu-mobile .ves-megamenu li.nav-item {
        border-bottom: unset !important;
        padding: 0
    }

    .navigation-wrapper .block.ves-menu.ves-megamenu-mobile .ves-megamenu li.nav-item .nav-anchor.ui-menu-item-wrapper span {
        color: #165c7d
    }

    .navigation-wrapper .block.ves-menu.ves-megamenu-mobile .ves-megamenu li.nav-item .nav-anchor.ui-menu-item-wrapper .opener.item-active:before {
        content: "\f106"
    }

    .navigation-wrapper .block.ves-menu.ves-megamenu-mobile .ves-megamenu li.nav-item .nav-anchor.ui-menu-item-wrapper .opener:before {
        content: "\f107"
    }

    .navigation-wrapper .block.ves-menu.ves-megamenu-mobile .ves-megamenu li.nav-item .nav-anchor.ui-menu-item-wrapper .opener {
        padding: 5px
    }

    .navigation-wrapper .block.ves-menu.ves-megamenu-mobile .ves-megamenu li.nav-item .nav-anchor#ui-id-335 span {
        color: unset
    }

    .navigation-wrapper .kanmo-megamenu-header-mobile {
        order: 0
    }

    .navigation-wrapper .kanmo-megamenu-header-mobile .header-megamenu-mobile {
        display: flex;
        align-items: center;
        column-gap: 10px;
        justify-content: space-evenly;
        background-color: #165c7d
    }

    .navigation-wrapper .kanmo-megamenu-header-mobile .header-megamenu-mobile .fa-user-icon-mc {
        display: flex;
        align-items: center;
        column-gap: 30px;
        color: #fff
    }

    .navigation-wrapper .kanmo-megamenu-header-mobile .header-megamenu-mobile .fa-user-icon-mc:before {
        content: url("../images/kanmo_user_icon_mob.png")
    }

    .navigation-wrapper .kanmo-megamenu-header-mobile .header-megamenu-mobile .account-label {
        color: #fff;
        font-size: 14px
    }

    .navigation-wrapper .kanmo-megamenu-header-mobile .header-megamenu-mobile .account-label.logout-account a {
        text-decoration: underline;
        text-transform: lowercase
    }

    .navigation-wrapper .kanmo-megamenu-header-mobile .header-megamenu-mobile .account-label span {
        display: block;
        font-size: 12px
    }

    .navigation-wrapper .kanmo-megamenu-header-mobile .header-megamenu-mobile button {
        color: #165c7d;
        background-color: #fff;
        border-radius: 5px;
        margin: 10px 0
    }

    .navigation-wrapper .kanmo-megamenu-components-mobile {
        order: 2
    }

    .navigation-wrapper .kanmo-megamenu-components-mobile .kanmo-megamenu-bottom-components-mobile label.switch {
        width: 100%
    }

    .navigation-wrapper .kanmo-megamenu-components-mobile .kanmo-megamenu-bottom-components-mobile label.switch input:checked+.slider:before {
        transform: translateX(120px) !important
    }

    .navigation-wrapper .kanmo-megamenu-components-mobile .kanmo-megamenu-bottom-components-mobile label.switch .slider:before {
        width: 50% !important
    }

    .nav-open .nav-toggle:before {
        opacity: 0
    }

    .nav-open .nav-toggle:after {
        color: unset
    }

    .nav-open .navigation-wrapper {
        top: 90px
    }

    .nav-open .navigation-wrapper span.button-close {
        display: none
    }

    .switcher-options.no-chevron.account-dropdown {
        display: none
    }
}

@media (max-width:767px) and (max-width:767px) {
    .navigation-wrapper .block.ves-menu.ves-megamenu-mobile .ves-megamenu li.nav-item.menu-sale-link .nav-anchor {
        padding: 20px 10px
    }
}

.form.minisearch .field.search label img {
    height: 30px;
    width: 30px
}

.header .block-search .label:before {
    content: none;
    -webkit-mask: unset !important;
    background-color: #fff !important
}

.product-reviews-summary.short {
    justify-content: center
}

@media (max-width:767px) {
    .product-reviews-summary.short .reviews-actions .action.view span {
        display: block !important
    }
}

.product-reviews-summary.short.empty .reviews-actions {
    display: block
}

.product-reviews-summary.short.empty .reviews-actions a {
    text-decoration-line: none
}

.product-reviews-summary.short.empty .reviews-actions a:hover {
    text-decoration-line: underline
}

.product-reviews-summary.short.empty .reviews-actions .action.add:before {
    content: "";
    display: inline-block;
    background: url('../images/upgrade_m245_mc_icon-star.svg') no-repeat center center;
    vertical-align: middle;
    margin-right: 5px;
    background-size: auto 90%;
    margin-bottom: 4px;
    width: 15px;
    height: 15px
}

.product-reviews-summary.short .rating-result {
    width: 5rem;
    height: 1rem
}

.product-reviews-summary.short .rating-result:before {
    left: 0;
    color: #ebc96d;
    -webkit-mask-size: 1rem 1rem;
    height: 1rem
}

.product-reviews-summary.short .rating-result>span:before {
    left: 0;
    color: #ebc96d;
    -webkit-mask-size: 1rem 1rem;
    height: 1rem
}

.product-reviews-summary.short .reviews-actions a {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    text-decoration-line: underline;
    color: #165c7d
}

.breadcrumbs ul.items {
    padding-left: 50px;
    padding-right: 50px;
    max-width: 100%;
    gap: 0
}

@media (max-width:767px) {
    .breadcrumbs ul.items {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
}

.breadcrumbs ul.items li.item {
    text-transform: lowercase;
    font-size: 12px
}

.breadcrumbs ul.items li.item.home:after {
    margin: 0 10px
}

.page-wrapper .widget.block-static-block {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    box-sizing: border-box
}

.page-wrapper .page-footer {
    position: relative;
    max-width: 100%;
    width: 100%;
    padding-left: 50px;
    padding-right: 50px
}

.page-wrapper .page-footer [data-content-type=row] [data-element=inner] {
    padding-top: 0;
    padding-bottom: 0;
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.modal-inner-wrap .modal-content {
    padding: 25px
}

.modal-inner-wrap .modal-footer .action-secondary.action-dismiss {
    background-color: #fff;
    border: 1px solid #165c7d;
    width: 25%
}

.modal-inner-wrap .modal-footer .action-secondary.action-dismiss span {
    color: #165c7d
}

.modal-inner-wrap .modal-footer .action-primary.action-accept {
    background-color: #165c7d;
    width: 25%
}

.catalog-product-view .page-main .sharing-buttons.mobile-sharing-button {
    display: none
}

@media (max-width:768px) {
    .catalog-product-view .product.info.detailed .data.item.title {
        order: unset
    }

    .catalog-product-view .page-main .sharing-buttons {
        display: none
    }

    .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button {
        display: block
    }

    .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button label {
        font-family: 'mothercare_2020-regular-webfont';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -.011em;
        text-transform: lowercase;
        color: #165c7d;
        display: block;
        text-align: center;
        padding: 10px 0
    }

    .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button .st-btn.st-first,
    .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button .st-btn.st-last {
        background: #165c7d !important
    }

    .catalog-product-view .page-main .product-info-main .product-info {
        display: contents !important
    }

    .catalog-product-view .page-main .product-info-main .product.attribute.overview {
        order: 1 !important
    }

    .catalog-product-view .page-main .product-info-main .product-config {
        display: contents !important
    }
}

@media (min-width:640px) {
    .header.content {
        padding: unset;
        height: 70px
    }

    .header.content .ves-megamenu.menu-hover {
        position: static;
        height: 70px
    }

    .header.content .ves-megamenu.menu-hover .subhover:hover .submenu {
        pointer-events: unset
    }

    .header.content .ves-megamenu.menu-hover .subhover:hover .dropdown-menu {
        visibility: visible;
        opacity: 1;
        z-index: 999999999;
        width: 100%
    }

    .header.content .ves-megamenu.menu-hover .subhover:hover .megamenu-content .menav ul li h5 {
        border: 1px solid #d9d9d6;
        margin: unset;
        padding: 5px;
        text-transform: lowercase;
        color: #165c7d
    }

    .header.content .ves-megamenu.menu-hover .subhover:hover .megamenu-content .menav ul li p {
        border: 1px solid #d9d9d6;
        padding: 5px;
        text-transform: lowercase
    }

    .header.content .ves-megamenu.menu-hover .subhover:hover .megamenu-content .menav .container ul h5 {
        border: unset;
        margin: unset;
        padding: 5px;
        text-transform: lowercase;
        color: #858585 !important;
        font-size: 14px
    }

    .header.content .ves-megamenu.menu-hover .subhover:hover .megamenu-content .menav .container ul h5 a {
        color: #165c7d !important;
        font-family: 'Arial'
    }

    .header.content .ves-megamenu.menu-hover .subhover:hover .megamenu-content .menav .container ul p {
        border: unset;
        padding: 5px;
        text-transform: lowercase
    }

    .header.content .ves-megamenu.menu-hover .subhover:hover .megamenu-content .menav .container ul p a {
        color: #858585 !important;
        font-family: 'Arial'
    }

    .header.content .ves-megamenu.menu-hover .nav-item {
        height: 70px;
        display: flex;
        align-items: center;
        margin-left: 10px;
        position: inherit
    }

    .header.content .ves-megamenu.menu-hover .nav-item a.nav-anchor {
        display: flex;
        align-items: center;
        color: #6a6c6c
    }

    .header.content .ves-megamenu.menu-hover .nav-item a.nav-anchor:hover {
        background-color: unset
    }

    .header.content .ves-megamenu.menu-hover .nav-item .submenu.animated.dropdown-menu .megamenu-content .row .col-md-3 h4.screen-only {
        font-size: 14px !important;
        color: #515759;
        text-transform: lowercase
    }

    .header.content .ves-megamenu.menu-hover .nav-item .submenu.animated.dropdown-menu .megamenu-content .row .col-md-3 ul.ui-menu.ui-widget.ui-widget-content.ui-front {
        width: 75% !important
    }

    .header.content .ves-megamenu.menu-hover .nav-item .submenu.animated.dropdown-menu .megamenu-content .row .col-md-3 ul.ui-menu.ui-widget.ui-widget-content.ui-front li.ui-menu-item {
        font-size: 12px;
        text-transform: lowercase
    }

    .header.content .ves-megamenu.menu-hover .nav-item .submenu.animated.dropdown-menu .megamenu-content .row .col-md-3 ul.ui-menu.ui-widget.ui-widget-content.ui-front li.ui-menu-item p.ui-menu-item-wrapper {
        border: 1px solid #d9d9d6;
        padding: 5px
    }

    .header.content .ves-megamenu.menu-hover .nav-item .submenu.animated.dropdown-menu .megamenu-content .row .col-lg-5.image .mn-block .menav::-webkit-scrollbar {
        display: none
    }

    .header.content .ves-megamenu.menu-hover .nav-item .submenu.animated.dropdown-menu .megamenu-content .row .col-lg-5.image .mn-block h4 {
        font-size: 14px !important;
        text-transform: lowercase;
        color: #515759
    }

    .header.content .ves-megamenu.menu-hover .nav-item .submenu.animated.dropdown-menu .megamenu-content .row .menav::-webkit-scrollbar {
        display: none
    }

    .header.content .ves-megamenu.menu-hover .nav-item .submenu.animated.dropdown-menu .megamenu-content .row h3.title-cat {
        color: #16537d;
        text-transform: lowercase;
        font-size: 32px;
        margin: 25px 10px
    }

    .header.content .ves-megamenu.menu-hover .nav-item .submenu.animated.dropdown-menu .megamenu-content .row h4 {
        color: #165c7d;
        text-transform: lowercase;
        font-size: 16px
    }

    .header.content .ves-megamenu.menu-hover .nav-item .submenu.animated.dropdown-menu .megamenu-content .row .menav td {
        font-family: 'Arial'
    }

    .header.content .ves-megamenu.menu-hover .nav-item .submenu.animated.dropdown-menu .megamenu-content .row .menav td div {
        background-color: #165c7d !important
    }

    .header.content .ves-megamenu.menu-hover .nav-item .submenu.animated.dropdown-menu .megamenu-content .row .menav ul.mn-list li {
        margin: 0 0 10px
    }
}

@media (max-width:640px) {
    .submenu.animated.dropdown-menu {
        all: unset
    }

    .submenu.animated.dropdown-menu .megamenu-content .row {
        font-size: 12px;
        padding: 5px 10px
    }

    .submenu.animated.dropdown-menu .megamenu-content .row .col-lg-3.image,
    .submenu.animated.dropdown-menu .megamenu-content .row .col-lg-4.image,
    .submenu.animated.dropdown-menu .megamenu-content .row .col-lg-2.image {
        display: none
    }

    .submenu.animated.dropdown-menu .megamenu-content .row h4.screen-only {
        color: #165c7d;
        font-size: 12px;
        text-transform: lowercase
    }

    .submenu.animated.dropdown-menu .megamenu-content .row .menav {
        font-family: 'Arial';
        text-transform: lowercase
    }

    .submenu.animated.dropdown-menu .megamenu-content .row .menav ul {
        padding: 0 15px;
        display: block !important
    }

    .submenu.animated.dropdown-menu .megamenu-content .row .menav ul li h5 a {
        color: #165c7d
    }

    .submenu.animated.dropdown-menu .megamenu-content .row .menav ul li p a {
        color: #414141
    }

    .submenu.animated.dropdown-menu .megamenu-content .row .menav ul h5 a {
        color: #165c7d
    }

    .submenu.animated.dropdown-menu .megamenu-content .row .menav .container ul {
        flex-basis: 100% !important
    }

    .submenu.animated.dropdown-menu .megamenu-content .row .menav::-webkit-scrollbar {
        display: none
    }

    .nav-item.submenu-left a.nav-anchor {
        line-height: unset !important;
        width: unset !important;
        float: unset !important;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .megamenu-content {
        float: unset !important
    }

    .submenu.animated.dropdown-menu {
        display: none !important
    }

    .submenu.animated.dropdown-menu.submenu-active {
        display: block !important
    }

    .opener.item-active:before {
        content: "\f106" !important;
        color: #165c7d
    }

    .opener:before {
        content: "\f107" !important;
        color: #165c7d;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%)
    }
}

.verloop-button {
    background-color: #165c7d !important
}

#search_autocomplete {
    width: fit-content
}

#search_autocomplete .livesearch.products-container {
    padding-bottom: 20px
}

#search_autocomplete .livesearch.products-container .product-link {
    padding: 15px 0
}

#search_autocomplete .livesearch.products-container .product-link .product-result .product-name,
#search_autocomplete .livesearch.products-container .product-link .product-result .product-price {
    font-size: 14px
}

#search_autocomplete .livesearch.products-container .product-link .product-result .product-name {
    color: #515759
}

#search_autocomplete .livesearch.products-container .product-link .product-result .product-price {
    color: #000
}

.dekstop-mobile {
    display: none
}

@media (max-width:767px) {
    .minisearch .dekstop-mobile {
        display: block
    }

    .minisearch .dekstop-desktop {
        display: none
    }

    .minisearch .control {
        padding: 10px 20px 15px;
        border: 1px solid #b4b4b4;
        border-top: unset
    }

    .minisearch #search_autocomplete {
        width: 100%;
        top: 65px;
        right: 0;
        margin-top: 5px;
        border-top: unset;
        padding: 10px 20px 20px;
        padding-bottom: 60px
    }

    .minisearch #search_autocomplete .livesearch.popover-container {
        max-height: 350px;
        display: block
    }

    .minisearch #search_autocomplete .livesearch.products-container {
        padding: 0;
        max-height: 350px;
        overflow: scroll
    }

    .minisearch #search_autocomplete .livesearch.products-container .product-link {
        padding: 10px 0
    }

    .minisearch #search_autocomplete .livesearch.product-result {
        grid-template: "image" 1fr "productName" 2rem "price" 1rem;
        padding: 10px;
        height: 245px
    }

    .minisearch #search_autocomplete .livesearch.product-result .product-name {
        line-height: 1.5;
        padding-bottom: 10px
    }

    .minisearch #search_autocomplete .livesearch .view-all-footer {
        position: absolute;
        width: 90%;
        right: 5%;
        bottom: 13px;
        padding: 5px 0;
        align-items: center
    }
}