@charset "UTF-8";

body,
button,
input,
pre,
select {
    font-family: Rubik, sans-serif !important
}

html {
    background-color: #f8f9fb !important;
    font-size: 100%
}

@-webkit-keyframes hvr-pulse {
    25% {
        transform: scale(1.1)
    }

    75% {
        transform: scale(.9)
    }
}

@keyframes hvr-pulse {
    25% {
        transform: scale(1.1)
    }

    75% {
        transform: scale(.9)
    }
}

.hvr-pulse {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-pulse:active,
.hvr-pulse:focus,
.hvr-pulse:hover {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes hvr-pulse-grow {
    to {
        transform: scale(1.1)
    }
}

@keyframes hvr-pulse-grow {
    to {
        transform: scale(1.1)
    }
}

.hvr-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-pulse-grow:active,
.hvr-pulse-grow:focus,
.hvr-pulse-grow:hover {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-pulse-shrink {
    to {
        transform: scale(.9)
    }
}

@keyframes hvr-pulse-shrink {
    to {
        transform: scale(.9)
    }
}

.hvr-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-pulse-shrink:active,
.hvr-pulse-shrink:focus,
.hvr-pulse-shrink:hover {
    -webkit-animation-name: hvr-pulse-shrink;
    animation-name: hvr-pulse-shrink;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes hvr-push {
    50% {
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}

@keyframes hvr-push {
    50% {
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}

.hvr-push {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

.hvr-push:active,
.hvr-push:focus,
.hvr-push:hover {
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-glow {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: .3s;
    transition-property: box-shadow
}

.hvr-glow:active,
.hvr-glow:focus,
.hvr-glow:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

.btn,
.hvr-shadow {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: .3s;
    transition-property: box-shadow
}

.btn:active,
.btn:focus,
.btn:hover,
.hvr-shadow:active,
.hvr-shadow:focus,
.hvr-shadow:hover {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5)
}


.btn.disabled {
    color: #C2CAD6 !important;
    border: 1px solid #C2CAD6 !important;
}


.hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: .3s;
    transition-property: box-shadow, transform
}

.hvr-grow-shadow:active,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:hover {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5);
    transform: scale(1.1)
}

.hvr-box-shadow-outset {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: .3s;
    transition-property: box-shadow
}

.hvr-box-shadow-outset:active,
.hvr-box-shadow-outset:focus,
.hvr-box-shadow-outset:hover {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .6)
}

.hvr-box-shadow-inset {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: .3s;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .6), 0 0 1px transparent
}

.hvr-box-shadow-inset:active,
.hvr-box-shadow-inset:focus,
.hvr-box-shadow-inset:hover {
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .6), 0 0 1px transparent
}

.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    transition-duration: .3s;
    transition-property: transform
}

.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: "";
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, transparent 80%);
    transition-duration: .3s;
    transition-property: transform, opacity
}

.hvr-float-shadow:active,
.hvr-float-shadow:focus,
.hvr-float-shadow:hover {
    transform: translateY(-5px)
}

.hvr-float-shadow:active:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:hover:before {
    opacity: 1;
    transform: translateY(5px)
}

.hvr-shadow-radial {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

.hvr-shadow-radial:after,
.hvr-shadow-radial:before {
    pointer-events: none;
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    height: 5px;
    opacity: 0;
    transition-duration: .3s;
    transition-property: opacity
}

.hvr-shadow-radial:before {
    bottom: 100%;
    background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, .6) 0, transparent 80%)
}

.hvr-shadow-radial:after {
    top: 100%;
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, .6) 0, transparent 80%)
}

.hvr-shadow-radial:active:after,
.hvr-shadow-radial:active:before,
.hvr-shadow-radial:focus:after,
.hvr-shadow-radial:focus:before,
.hvr-shadow-radial:hover:after,
.hvr-shadow-radial:hover:before {
    opacity: 1
}

button:focus {
    outline: none
}

.btn-link {
    border-color: transparent !important
}

.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    text-decoration: none;
    border-color: transparent
}

.btn {
    font-size: .8rem;
    line-height: 2;
    padding-right: 2.5rem;
    padding-left: 2.5rem
}

.btn.no-hover-shadow:active,
.btn.no-hover-shadow:focus,
.btn.no-hover-shadow:hover,
.btn:focus {
    box-shadow: none !important;
    text-decoration: none
}

.btn-round {
    border-radius: 30px !important
}

.btn-primary,
div.glo-store-pickup .bh-sl-loc-list ul.list li.list-focus button.select {
    background-color: #4bb44e !important;
    border-color: #4bb44e !important;
    color: #fff !important
}

.apply-reset-btn { 
    font-size: 0.7rem !important;
}


.breadcrumb-item+.breadcrumb-item::before {
    content: url(../imgs/icons/breadcrumb-icon.svg) !important;
    margin: 2px;
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.show>.btn-primary.dropdown-toggle,
div.glo-store-pickup .bh-sl-loc-list ul.list li.list-focus .show>button.dropdown-toggle.select,
div.glo-store-pickup .bh-sl-loc-list ul.list li.list-focus button.active.select,
div.glo-store-pickup .bh-sl-loc-list ul.list li.list-focus button.select:active,
div.glo-store-pickup .bh-sl-loc-list ul.list li.list-focus button.select:focus,
div.glo-store-pickup .bh-sl-loc-list ul.list li.list-focus button.select:hover {
    background-color: #4bb44e !important;
    color: #fff !important;
    border-color: #4bb44e
}

.btn-primary.btn-link,
div.glo-store-pickup .bh-sl-loc-list ul.list li.list-focus button.btn-link.select {
    color: #4bb44e !important;
    background-color: transparent !important;
    border: none !important
}

.btn-primary.btn-link.active,
.btn-primary.btn-link:active,
.btn-primary.btn-link:focus,
.btn-primary.btn-link:hover,
.open>.btn-primary.btn-link.dropdown-toggle,
div.glo-store-pickup .bh-sl-loc-list ul.list li.list-focus .open>button.btn-link.dropdown-toggle.select,
div.glo-store-pickup .bh-sl-loc-list ul.list li.list-focus button.btn-link.active.select,
div.glo-store-pickup .bh-sl-loc-list ul.list li.list-focus button.btn-link.select:active,
div.glo-store-pickup .bh-sl-loc-list ul.list li.list-focus button.btn-link.select:focus,
div.glo-store-pickup .bh-sl-loc-list ul.list li.list-focus button.btn-link.select:hover {
    background-color: transparent;
    color: #4bb44e;
    border: none !important
}

.btn-primary.btn-link .caret,
div.glo-store-pickup .bh-sl-loc-list ul.list li.list-focus button.btn-link.select .caret {
    border-top-color: #4bb44e
}

.btn-primary.btn-no-border,
div.glo-store-pickup .bh-sl-loc-list ul.list li.list-focus button.btn-no-border.select {
    border-radius: 0 !important
}

.btn-primary.btn-circle,
div.glo-store-pickup .bh-sl-loc-list ul.list li.list-focus button.btn-circle.select {
    border-radius: 50% !important
}

.btn-primary.btn-number,
div.glo-store-pickup .bh-sl-loc-list ul.list li.list-focus button.btn-number.select {
    height: 19px !important;
    width: 19px !important;
    padding: 0 !important
}

.btn-primary .caret,
div.glo-store-pickup .bh-sl-loc-list ul.list li.list-focus button.select .caret {
    border-top-color: #fff
}

.btn-thick-primary {
    background-color: #006837 !important;
    border-color: #006837 !important;
    color: #fff !important
}

.btn-thick-primary.active,
.btn-thick-primary:active,
.btn-thick-primary:focus,
.btn-thick-primary:hover,
.show>.btn-thick-primary.dropdown-toggle {
    background-color: #006837 !important;
    color: #fff !important;
    border-color: #006837
}

.btn-thick-primary.btn-link {
    color: #006837 !important;
    background-color: transparent !important;
    border: none !important
}

.btn-thick-primary.btn-link.active,
.btn-thick-primary.btn-link:active,
.btn-thick-primary.btn-link:focus,
.btn-thick-primary.btn-link:hover,
.open>.btn-thick-primary.btn-link.dropdown-toggle {
    background-color: transparent;
    color: #006837;
    border: none !important
}

.btn-thick-primary.btn-link .caret {
    border-top-color: #006837
}

.btn-thick-primary.btn-no-border {
    border-radius: 0 !important
}

.btn-thick-primary.btn-circle {
    border-radius: 50% !important
}

.btn-thick-primary.btn-number {
    height: 19px !important;
    width: 19px !important;
    padding: 0 !important
}

.btn-thick-primary .caret {
    border-top-color: #fff
}

.btn-outline-primary {
    border-color: #4bb44e !important;
    color: #4bb44e !important
}

.btn-outline-primary.active,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:hover,
.open>.btn-outline-primary.dropdown-toggle {
    background-color: #4bb44e;
    color: #fff !important;
    border-color: #4bb44e
}

.btn-outline-primary.active .caret,
.btn-outline-primary:active .caret,
.btn-outline-primary:focus .caret,
.btn-outline-primary:hover .caret,
.open>.btn-outline-primary.dropdown-toggle .caret {
    border-top-color: #4bb44e
}

.btn-outline-primary .caret {
    border-top-color: #fff
}

.btn-outline-primary.disabled,
.btn-outline-primary.disabled.active,
.btn-outline-primary.disabled.focus,
.btn-outline-primary.disabled:active,
.btn-outline-primary.disabled:focus,
.btn-outline-primary.disabled:hover,
.btn-outline-primary:disabled,
.btn-outline-primary:disabled.active,
.btn-outline-primary:disabled.focus,
.btn-outline-primary:disabled:active,
.btn-outline-primary:disabled:focus,
.btn-outline-primary:disabled:hover,
.btn-outline-primary[disabled],
.btn-outline-primary[disabled].active,
.btn-outline-primary[disabled].focus,
.btn-outline-primary[disabled]:active,
.btn-outline-primary[disabled]:focus,
.btn-outline-primary[disabled]:hover,
fieldset[disabled] .btn-outline-primary,
fieldset[disabled] .btn-outline-primary.active,
fieldset[disabled] .btn-outline-primary.focus,
fieldset[disabled] .btn-outline-primary:active,
fieldset[disabled] .btn-outline-primary:focus,
fieldset[disabled] .btn-outline-primary:hover {
    background-color: transparent;
    border-color: #4bb44e
}

.btn-light-primary {
    background-color: #b8d432 !important;
    border-color: #b8d432 !important;
    color: #4bb44e !important
}

.btn-light-primary.active,
.btn-light-primary:active,
.btn-light-primary:focus,
.btn-light-primary:hover,
.show>.btn-light-primary.dropdown-toggle {
    background-color: #b8d432 !important;
    color: #4bb44e !important;
    border-color: #b8d432
}

.btn-light-primary.btn-link {
    color: #b8d432 !important;
    background-color: transparent !important;
    border: none !important
}

.btn-light-primary.btn-link.active,
.btn-light-primary.btn-link:active,
.btn-light-primary.btn-link:focus,
.btn-light-primary.btn-link:hover,
.open>.btn-light-primary.btn-link.dropdown-toggle {
    background-color: transparent;
    color: #b8d432;
    border: none !important
}

.btn-light-primary.btn-link .caret {
    border-top-color: #b8d432
}

.btn-light-primary.btn-no-border {
    border-radius: 0 !important
}

.btn-light-primary.btn-circle {
    border-radius: 50% !important
}

.btn-light-primary.btn-number {
    height: 19px !important;
    width: 19px !important;
    padding: 0 !important
}

.btn-light-primary .caret {
    border-top-color: #fff
}

.btn-outline-light-primary {
    border-color: #b8d432 !important;
    color: #b8d432 !important
}

.btn-outline-light-primary.active,
.btn-outline-light-primary:active,
.btn-outline-light-primary:focus,
.btn-outline-light-primary:hover,
.open>.btn-outline-light-primary.dropdown-toggle {
    background-color: #b8d432;
    color: #4bb44e !important;
    border-color: #b8d432
}

.btn-outline-light-primary.active .caret,
.btn-outline-light-primary:active .caret,
.btn-outline-light-primary:focus .caret,
.btn-outline-light-primary:hover .caret,
.open>.btn-outline-light-primary.dropdown-toggle .caret {
    border-top-color: #b8d432
}

.btn-outline-light-primary .caret {
    border-top-color: #fff
}

.btn-outline-light-primary.disabled,
.btn-outline-light-primary.disabled.active,
.btn-outline-light-primary.disabled.focus,
.btn-outline-light-primary.disabled:active,
.btn-outline-light-primary.disabled:focus,
.btn-outline-light-primary.disabled:hover,
.btn-outline-light-primary:disabled,
.btn-outline-light-primary:disabled.active,
.btn-outline-light-primary:disabled.focus,
.btn-outline-light-primary:disabled:active,
.btn-outline-light-primary:disabled:focus,
.btn-outline-light-primary:disabled:hover,
.btn-outline-light-primary[disabled],
.btn-outline-light-primary[disabled].active,
.btn-outline-light-primary[disabled].focus,
.btn-outline-light-primary[disabled]:active,
.btn-outline-light-primary[disabled]:focus,
.btn-outline-light-primary[disabled]:hover,
fieldset[disabled] .btn-outline-light-primary,
fieldset[disabled] .btn-outline-light-primary.active,
fieldset[disabled] .btn-outline-light-primary.focus,
fieldset[disabled] .btn-outline-light-primary:active,
fieldset[disabled] .btn-outline-light-primary:focus,
fieldset[disabled] .btn-outline-light-primary:hover {
    background-color: transparent;
    border-color: #b8d432
}

.btn-black {
    background-color: #222 !important;
    border-color: #222 !important;
    color: #fff !important
}

.btn-black.active,
.btn-black:active,
.btn-black:focus,
.btn-black:hover,
.show>.btn-black.dropdown-toggle {
    background-color: #222 !important;
    color: #fff !important;
    border-color: #222
}

.btn-black.btn-link {
    color: #222 !important;
    background-color: transparent !important;
    border: none !important
}

.btn-black.btn-link.active,
.btn-black.btn-link:active,
.btn-black.btn-link:focus,
.btn-black.btn-link:hover,
.open>.btn-black.btn-link.dropdown-toggle {
    background-color: transparent;
    color: #222;
    border: none !important
}

.btn-black.btn-link .caret {
    border-top-color: #222
}

.btn-black.btn-no-border {
    border-radius: 0 !important
}

.btn-black.btn-circle {
    border-radius: 50% !important
}

.btn-black.btn-number {
    height: 19px !important;
    width: 19px !important;
    padding: 0 !important
}

.btn-black .caret {
    border-top-color: #fff
}

.btn-black.btn-link {
    color: #fff !important
}

.btn-secondary {
    background-color: #006837 !important;
    border-color: #006837 !important;
    color: #fff !important
}

.btn-secondary.active,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.show>.btn-secondary.dropdown-toggle {
    background-color: #006837 !important;
    color: #fff !important;
    border-color: #006837
}

.btn-secondary.btn-link {
    color: #006837 !important;
    background-color: transparent !important;
    border: none !important
}

.btn-secondary.btn-link.active,
.btn-secondary.btn-link:active,
.btn-secondary.btn-link:focus,
.btn-secondary.btn-link:hover,
.open>.btn-secondary.btn-link.dropdown-toggle {
    background-color: transparent;
    color: #006837;
    border: none !important
}

.btn-secondary.btn-link .caret {
    border-top-color: #006837
}

.btn-secondary.btn-no-border {
    border-radius: 0 !important
}

.btn-secondary.btn-circle {
    border-radius: 50% !important
}

.btn-secondary.btn-number {
    height: 19px !important;
    width: 19px !important;
    padding: 0 !important
}

.btn-secondary .caret {
    border-top-color: #fff
}

.btn-outline-secondary {
    border-color: #006837 !important;
    color: #006837 !important
}

.btn-outline-secondary.active,
.btn-outline-secondary:active,
.btn-outline-secondary:focus,
.btn-outline-secondary:hover,
.open>.btn-outline-secondary.dropdown-toggle {
    background-color: #006837;
    color: #4bb44e !important;
    border-color: #006837
}

.btn-outline-secondary.active .caret,
.btn-outline-secondary:active .caret,
.btn-outline-secondary:focus .caret,
.btn-outline-secondary:hover .caret,
.open>.btn-outline-secondary.dropdown-toggle .caret {
    border-top-color: #006837
}

.btn-outline-secondary .caret {
    border-top-color: #fff
}

.btn-outline-secondary.disabled,
.btn-outline-secondary.disabled.active,
.btn-outline-secondary.disabled.focus,
.btn-outline-secondary.disabled:active,
.btn-outline-secondary.disabled:focus,
.btn-outline-secondary.disabled:hover,
.btn-outline-secondary:disabled,
.btn-outline-secondary:disabled.active,
.btn-outline-secondary:disabled.focus,
.btn-outline-secondary:disabled:active,
.btn-outline-secondary:disabled:focus,
.btn-outline-secondary:disabled:hover,
.btn-outline-secondary[disabled],
.btn-outline-secondary[disabled].active,
.btn-outline-secondary[disabled].focus,
.btn-outline-secondary[disabled]:active,
.btn-outline-secondary[disabled]:focus,
.btn-outline-secondary[disabled]:hover,
fieldset[disabled] .btn-outline-secondary,
fieldset[disabled] .btn-outline-secondary.active,
fieldset[disabled] .btn-outline-secondary.focus,
fieldset[disabled] .btn-outline-secondary:active,
fieldset[disabled] .btn-outline-secondary:focus,
fieldset[disabled] .btn-outline-secondary:hover {
    background-color: transparent;
    border-color: #006837
}

.btn-transparent {
    background-color: rgba(0, 0, 0, .3) !important;
    color: #fff !important;
    border-color: none !important
}

.btn-transparent.active,
.btn-transparent:active,
.btn-transparent:focus,
.btn-transparent:hover,
.show>.btn-transparent.dropdown-toggle {
    background-color: rgba(0, 0, 0, .3) !important;
    color: #fff !important;
    border-color: rgba(0, 0, 0, .3)
}

.btn-transparent.btn-link {
    color: rgba(0, 0, 0, .3) !important;
    background-color: transparent !important;
    border: none !important
}

.btn-transparent.btn-link.active,
.btn-transparent.btn-link:active,
.btn-transparent.btn-link:focus,
.btn-transparent.btn-link:hover,
.open>.btn-transparent.btn-link.dropdown-toggle {
    background-color: transparent;
    color: rgba(0, 0, 0, .3);
    border: none !important
}

.btn-transparent.btn-link .caret {
    border-top-color: rgba(0, 0, 0, .3)
}

.btn-transparent.btn-no-border {
    border-radius: 0 !important
}

.btn-transparent.btn-circle {
    border-radius: 50% !important
}

.btn-transparent.btn-number {
    height: 19px !important;
    width: 19px !important;
    padding: 0 !important
}

.btn-transparent .caret {
    border-top-color: #fff
}

.btn-white {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #006837 !important
}

.btn-white.active,
.btn-white:active,
.btn-white:focus,
.btn-white:hover,
.show>.btn-white.dropdown-toggle {
    background-color: #fff !important;
    color: #006837 !important;
    border-color: #fff
}

.btn-white.btn-link {
    color: #fff !important;
    background-color: transparent !important;
    border: none !important
}

.btn-white.btn-link.active,
.btn-white.btn-link:active,
.btn-white.btn-link:focus,
.btn-white.btn-link:hover,
.open>.btn-white.btn-link.dropdown-toggle {
    background-color: transparent;
    color: #fff;
    border: none !important
}

.btn-white.btn-link .caret {
    border-top-color: #fff
}

.btn-white.btn-no-border {
    border-radius: 0 !important
}

.btn-white.btn-circle {
    border-radius: 50% !important
}

.btn-white.btn-number {
    height: 19px !important;
    width: 19px !important;
    padding: 0 !important
}

.btn-white .caret {
    border-top-color: #fff
}

.btn-outline-white {
    border-color: #fff !important;
    color: #fff !important
}

.btn-outline-white.active,
.btn-outline-white:active,
.btn-outline-white:focus,
.btn-outline-white:hover,
.open>.btn-outline-white.dropdown-toggle {
    background-color: #fff;
    color: #fff !important;
    border-color: #fff
}

.btn-outline-white.active .caret,
.btn-outline-white .caret,
.btn-outline-white:active .caret,
.btn-outline-white:focus .caret,
.btn-outline-white:hover .caret,
.open>.btn-outline-white.dropdown-toggle .caret {
    border-top-color: #fff
}

.btn-outline-white.disabled,
.btn-outline-white.disabled.active,
.btn-outline-white.disabled.focus,
.btn-outline-white.disabled:active,
.btn-outline-white.disabled:focus,
.btn-outline-white.disabled:hover,
.btn-outline-white:disabled,
.btn-outline-white:disabled.active,
.btn-outline-white:disabled.focus,
.btn-outline-white:disabled:active,
.btn-outline-white:disabled:focus,
.btn-outline-white:disabled:hover,
.btn-outline-white[disabled],
.btn-outline-white[disabled].active,
.btn-outline-white[disabled].focus,
.btn-outline-white[disabled]:active,
.btn-outline-white[disabled]:focus,
.btn-outline-white[disabled]:hover,
fieldset[disabled] .btn-outline-white,
fieldset[disabled] .btn-outline-white.active,
fieldset[disabled] .btn-outline-white.focus,
fieldset[disabled] .btn-outline-white:active,
fieldset[disabled] .btn-outline-white:focus,
fieldset[disabled] .btn-outline-white:hover {
    background-color: transparent;
    border-color: #fff
}

.btn-outline-gray {
    border-color: #979797 !important;
    color: #979797 !important
}

.btn-outline-gray.active,
.btn-outline-gray:active,
.btn-outline-gray:focus,
.btn-outline-gray:hover,
.open>.btn-outline-gray.dropdown-toggle {
    background-color: #979797;
    color: #979797 !important;
    border-color: #979797
}

.btn-outline-gray.active .caret,
.btn-outline-gray:active .caret,
.btn-outline-gray:focus .caret,
.btn-outline-gray:hover .caret,
.open>.btn-outline-gray.dropdown-toggle .caret {
    border-top-color: #979797
}

.btn-outline-gray .caret {
    border-top-color: #fff
}

.btn-outline-gray.disabled,
.btn-outline-gray.disabled.active,
.btn-outline-gray.disabled.focus,
.btn-outline-gray.disabled:active,
.btn-outline-gray.disabled:focus,
.btn-outline-gray.disabled:hover,
.btn-outline-gray:disabled,
.btn-outline-gray:disabled.active,
.btn-outline-gray:disabled.focus,
.btn-outline-gray:disabled:active,
.btn-outline-gray:disabled:focus,
.btn-outline-gray:disabled:hover,
.btn-outline-gray[disabled],
.btn-outline-gray[disabled].active,
.btn-outline-gray[disabled].focus,
.btn-outline-gray[disabled]:active,
.btn-outline-gray[disabled]:focus,
.btn-outline-gray[disabled]:hover,
fieldset[disabled] .btn-outline-gray,
fieldset[disabled] .btn-outline-gray.active,
fieldset[disabled] .btn-outline-gray.focus,
fieldset[disabled] .btn-outline-gray:active,
fieldset[disabled] .btn-outline-gray:focus,
fieldset[disabled] .btn-outline-gray:hover {
    background-color: transparent;
    border-color: #979797
}

.btn-outline-gray:hover {
    color: inherit !important
}

.btn-no-border {
    border-radius: 0 !important
}

.btn-just-icon.btn-sm {
    height: 30px;
    width: 30px;
    min-width: 30px
}

.btn-just-icon.btn-sm i {
    font-size: 19px
}

.btn-just-icon.btn-lg {
    height: 50px;
    width: 50px;
    min-width: 50px;
    padding: 13px
}

.btn-just-icon.btn-lg i {
    font-size: 18px;
    padding: 0
}

.btn-social {
    width: 40px !important;
    height: 40px !important;
    background: #979797 !important;
    color: #fff !important;
    padding: 10px
}

.btn-social i {
    font-size: 14px !important
}

.btn-circle {
    border-radius: 50% !important
}

.btn-number {
    height: 19px;
    width: 19px;
    padding: 0 !important
}

.btn-reg-progress {
    height: 40px !important;
    width: 40px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    border-radius: 50% !important;
    padding: 0 !important
}


.cart-wish-wrap {
    display: none;
}

.comparison-sticky-col {
    width: 260px;
    min-width: 260px;
    max-width: 260px;
    left: 0px;
    z-index: 4 !important;
    /* background: #006837; */
    color: #27272A !important
}

.filterMobileModal {
    display: none;
}

.filterMobileModalbtn {
    display: none;
}

.product-view-cost {
    font-size: 32px !important;
} 

.product-in-wishlist {
    color: green;
    background: #e7fee8;
    margin: 0px auto auto;
    border: none !important;
    border-radius: 6px;
    padding: 8px 10px;
}

.product-in-wishlist-icon {
    color: green;
    background: transparent;
    margin: auto;
    margin-top: 0px;
}

.product-out-wishlist {
    color: green;
    background: whitesmoke;
    margin: 0px auto auto;
    border: none !important;
    padding: 8px 10px;
    border-radius: 6px;

}
.product-out-wishlist-icon {
    color: green;
    background: transparent;
    margin: auto;
    margin-top: 0px;
    
}

.shop-product-title {
    font-weight:800;
    font-size:40px;
    line-height:48px;
    color:rgba(34, 34, 34, 1)
}


.already {
    display: block  !important;
}

.product-card:hover .cart-wish-wrap {
    display: block !important
}

.collapsed.accordion-toggle:after {
    content: "\F067"
}

.accordion-toggle:after,
.collapsed.accordion-toggle:after {
    font-family: Font Awesome\ 5 Free;
    float: right;
    color: #4bb44e
}

.accordion-toggle:after {
    content: "\F068"
}


.igloworld-banner-content {
    padding: 60px 40px; 
    text-align: left !important
}

.igloworld-banner-content-inner  {
    padding: 60px 40px;
}

.igloworld-banner-content-inner h2 {
    font-size: 50px !important;
    letter-spacing: 0em;
    text-align: left;
}

.igloworld-banner-content-inner p {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
}

.igloworld-banner-content-container {
    position: absolute;
    top: 1rem;
    left: 2%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: left;

}

.promotional-banner-landscape {
    height: 320px !important;
    display: none !important;
}

.promotional-banner-mobile {
    display: none !important;
}

/* .igloworld-banner-sizer {
    min-height: 65vh;
    height: 65vh;
} */

.igloworld-rating-active {
    color: #a7ff02; 
    font-size: 12px !important;
}


.igloworld-star-active {
    color: yellow; 
}

.igloworld-star-inactive {
    color: #006100; 
}

.igloworld-rating-inactive {
    color: #cbcbcb;
    font-size: 12px !important;
}

.igloworld-rating-container {
    align-items: center;
    align-content: center;
    justify-content: space-between;
    max-width: 180px;
    width: 180px;
}

.product-price-detail {
    font-size: 32px ;
    font-weight: 800;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;
}

.product-availability-detail {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #9692AA;
}


.igloworld-carousel {
    height: 65vh !important
}

.igloworld-popup-column-1 {
    min-width: 320px;
}

.igloworld-popup-column-2 {
    background: #FFFFFF;
    min-width: 480px;
    padding: 40px 40px 24px 40px;
}

.fkfk {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
}

.igloworld-popup-title {
    font-size: 48px;
    font-weight: 800;
    line-height: 53px;
    letter-spacing: 0em;
    text-align: left !important;
    color: #222222;
}

.igloworld-features-section {
    padding: 40px 60px 20px 60px !important;
}

.igloworld-new-collection-banner {
    padding: 60px 80px 40px
}

.igloworld-product-name {
    font-weight: 600;
    font-size: 16px;
    line-height: 22.4px;
    color: rgba(34, 34, 34, 1)
}

.igloworld-product-price {
    font-weight: 400;
    font-size: 14px;
    line-height: 22.4px;
    color: rgba(34, 34, 34, 1)
}

.igloworld-features-section {
    padding: 40px 60px 20px 60px;
}

.igloworld-new-collection-banner {
    padding: 60px 80px 40px;
}

.igloworld-shop-compare {
    padding: 6px !important;
    border: 1px solid #A3B0C2 !important;
    border-radius: 6px !important;
}

.igloworld-shop-btn {
    padding: 0.4rem 0.7rem !important;
    border-radius: 6px !important;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}

.igloworld-suggested-for {
    font-weight: 700;
    font-size: 24px;
    line-height: 28.8px;
    color: #222222
}

.section {
    padding: 100px 0;
    position: relative
}

.igloworld-section {
    padding: 20px;
}

.price-populate {
    justify-content: space-between;
    align-items: center;
    align-content: center;
}


.privacy-cookie-card {
    width: 640px;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.privacy-consent-card-title {
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    color: #212529;
}

.privacy-consent-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #707478; 
    text-align: center;
}

.customize-privacy-preferences {
    font-weight: 400;
    line-height: 20px;
    text-align: center; 
    color: #707478; 
    text-decoration: underline !important;
    font-size: 14px;
}

.privacy-consent-btn {
    padding: 10px 24px 10px 24px;
    gap: 10px;
    border-radius: 4px 4px;
}


.product-comparison-title {
    font-size: 40px;
    font-weight: 800;
    line-height: 48px;
    letter-spacing: 0em;
    text-align: left;
    color: #222222;
}

.section.no-padding {
    padding: 0
}

.section .section-right-bg {
    position: absolute;
    z-index: 1;
    top: -40%;
    right: 0
}

.section .section-right-bg img {
    max-width: 700px
}

.section-with-space {
    padding: 60px 0
}

.section-with-space-p100x {
    padding: 100px 0
}

.section-white {
    background-color: #fff
}

.section-light-background {
    background-color: #b8d432
}

.section-primary-background {
    background-color: #4bb44e
}

.section-secondary-background {
    background-color: #006837
}

.section-light-gray {
    background-color: #f0f0f0
}

.section-tertiary {
    background-color: #26c190
}

.section-home-shop {
    background: linear-gradient(105deg, #4bb44e, #006837 55%, #b8d432 0, #b8d432 58%, #fff 0)
}

.section-primary-gradient {
    background: linear-gradient(89.5deg, #4bb44e 23.03%, #006837 106.33%)
}

.vmdsrs {
    display: none !important;
}

.vddsrs {
    display: block !important;
}

.carousel-caption .info-title,
.carousel-caption .title,
.page-header .info-title,
.page-header .title {
    color: #fff
}

[class*=contactus-],
[class*=features-],
[class*=pricing-],
[class*=projects-],
[class*=team-],
[class*=testimonials-] {
    padding: 80px 0
}

.section-image {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.section-image:before {
    background-color: rgba(0, 0, 0, .55);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.section-image .container,
.section-image .container-fluid,
.section-image .content {
    position: relative;
    z-index: 2
}

.section-image-no-bg {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.section-image-no-bg:before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.section-image-no-bg .container,
.section-image-no-bg .container-fluid,
.section-image-no-bg .content {
    position: relative;
    z-index: 2
}

.section-login {
    min-height: 700px
}

.section-footer-primary {
    background-color: #4bb44e
}

.section-footer-secondary {
    background-color: #006837
}

.section-gradient-start {
    min-height: 60vh;
    background-position: 100% !important;
    background-size: 60% auto;
    background-repeat: no-repeat
}

.section-gradient-start:before {
    background: linear-gradient(105deg, #4bb44e, #006837 68%, #b8d432 0, #b8d432 71%, transparent 0);
    background-size: 70% 100%;
    background-repeat: no-repeat
}

.section-white-slant-left {
    background-position: 100% !important;
    background-size: 80% 100%;
    background-repeat: no-repeat
}

.section-white-slant-left:before {
    background: linear-gradient(105deg, #fff 58%, #fff 61%, transparent 0);
    background-size: 60% 100%;
    background-repeat: no-repeat
}

.section-banner {
    min-height: 70vh
}

.sticky-filter { 
    display: none;
}

@media (max-width:768px) {
    .section-banner.cms {
        min-height: 40vw
    }

    .igloworld-shop-btn {
        font-size: 14px !important;
    }

    .igloworld-section {
        padding: 10px !important
    }

    .igloworld-section-suggestion {
        padding: 0px 20px !important
    }

    .igloworld-carousel {
        height: 25vh !important
    }

    .igloworld-new-collection-banner {
        padding: 30px 20px 20px !important;
    }

    .igloworld-popup-title {
        font-size: 32px;
        font-weight: 800;
        line-height: 35px;
    }

    .igloworld-popup-column-1 {
        min-width: 320px;
    }

    .igloworld-popup-column-2 {
        background: #FFFFFF;
        min-width: 480px
    }

    .igloworld-popup-column-1 {
        min-width: none !important;

    }

    .igloworld-popup-column-2 {
        min-width: none !important;
    }

    .igloworld-features-section {
        padding: 32px 40px !important;
    }

    .fkfk {
        flex-direction: column !important;
    }

    .promotional-banner-learn-more {
        padding: .4rem .6rem !important;
        font-size: 14px !important;
        left: 20px !important;
        top: 200px !important;
        bottom: unset !important;
        right: unset !important;
    }

    .promotional-banner-bottom-title {
        font-size: 40px !important;
        line-height: 48px !important;
    }

    .product-card {
        width: 16rem !important;
    }

    .suggested-card {
        width: 16rem !important;
    }

    .product-grid-container {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-gap: 8px;
    }

    .suggested-product-grid-container {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-gap: 8px;
    }

    .igloworld-container {
        padding: 5px !important;
    }

    .igloworld-banner-content-inner h2 {
        font-size: 34px !important;
        line-height: 42px !important;
    }

    .igloworld-banner-sizer {
        min-height: 100vh !important;
        height: 100vh !important;
    }
}

.top {
    top: 0
}

.right {
    right: 0
}

.left {
    left: 0
}

.bottom {
    bottom: 0
}

button,
input,
select,
textarea {
    font-size: 15px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0
}

ul {
    padding: 0;
    list-style: none
}

ul.text-list {
    padding: initial;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: 1em
}

ul.text-list li:before {
    content: "\2022";
    color: #4bb44e;
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

ul.text-list li {
    margin-bottom: 1rem
}

ul.text-list li div,
ul.text-list li p {
    display: inline
}

a,
a:focus,
a:hover {
    text-decoration: none !important
}

a:focus,
a:hover {
    color: inherit !important
}

a.text-underline {
    text-decoration: underline !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: inherit !important
}

textarea {
    resize: none
}


.viewWidth {
    max-width: 180px;
}

.font-300,
.navbar .navbar-nav a.drodpdown-nav-link,
.product-page .swatch-container .swatch span.text,
div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content .loc-addr,
div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content .loc-addr2,
div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content .loc-addr3,
div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content .loc-dist,
div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content .loc-phone,
div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content .loc-addr,
div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content .loc-addr2,
div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content .loc-addr3,
div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content .loc-dist,
div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content .loc-phone,
input.form-control-newsletter-subscription,
input.form-control-quick-topup,
input.form-control-reserve-number,
select.form-control-reserve-number {
    font-weight: 300 !important
}

.font-400,
div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content .loc-directions a,
div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content .loc-name,
div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content .loc-directions a,
div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content .loc-name {
    font-weight: 400 !important
}

.btn,
.font-500,
.footer .footer-heading,
.navbar .navbar-nav .nav-link,
.navbar .navbar-nav .nav-link-btn,
input.form-control-gray,
select.form-control-gray {
    font-weight: 500 !important
}

.font-600 {
    font-weight: 600 !important
}

.font-700 {
    font-weight: 700 !important
}

.title-uppercase {
    text-transform: uppercase
}

blockquote small {
    font-style: normal
}

.text-xbg {
    font-size: 1.6rem
}

.text-bg,
div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content .loc-name,
div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content .loc-name {
    font-size: 1.3rem
}

.text-md {
    font-size: 1rem !important
}

.text-justify {
    text-align: justify !important;
}

.table.table-glo,
.text-sm,
div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content .loc-directions a,
div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content .loc-directions a {
    font-size: .9rem !important
}

.input-error-group,
.text-xs,
.v-toast .v-toast-text,
div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content .loc-addr,
div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content .loc-addr2,
div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content .loc-addr3,
div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content .loc-dist,
div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content .loc-phone,
div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content .loc-addr,
div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content .loc-addr2,
div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content .loc-addr3,
div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content .loc-dist,
div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content .loc-phone,
input.form-control-gray,
input.form-control-newsletter-subscription,
input.form-control-quick-topup,
input.form-control-reserve-number,
select.form-control-gray,
select.form-control-reserve-number {
    font-size: .8rem !important
}

.text-body p {
    width: auto !important;
    color: inherit !important
}

.bg-heading {
    font-size: 3.5rem !important
}

.heading {
    font-size: 2rem !important
}

.sub-heading {
    font-size: 1.7rem !important
}

#mobile-nav * .primary-nav>ul>li>a.nav-link.active,
#mobile-nav .megamenu-col li.parent-item * a,
#mobile-nav .megamenu-col li.parent-item a:hover,
#mobile-nav .primary-nav * a.nav-link.active,
#mobile-nav .primary-nav a.nav-link.active:hover,
* #mobile-nav .megamenu-col li.parent-item a,
* #mobile-nav .primary-nav>ul>li>a.nav-link.active,
* #mobile-nav .primary-nav a.nav-link.active,
* .nav.category-nav li.nav-item a.nav-link.active,
* .nav.nav-tabs li.nav-item a.nav-link.active,
* .navbar .navbar-nav a.nav-link.main-link.business:focus,
* .navbar .navbar-nav a.nav-link.main-link:focus,
* .text-primary,
* div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content .loc-dist,
* div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content .loc-dist,
* ul.profile-menubar li.menu-item.active a,
.nav.category-nav li.nav-item * a.nav-link.active,
.nav.category-nav li.nav-item a.nav-link.active:hover,
.nav.nav-tabs li.nav-item * a.nav-link.active,
.nav.nav-tabs li.nav-item a.nav-link.active:hover,
.navbar .navbar-nav * a.nav-link.main-link.business:focus,
.navbar .navbar-nav * a.nav-link.main-link:focus,
.navbar .navbar-nav a.nav-link.main-link.business:hover,
.navbar .navbar-nav a.nav-link.main-link:hover,
.text-primary:hover,
div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content * .loc-dist,
div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content .loc-dist:hover,
div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content * .loc-dist,
div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content .loc-dist:hover,
ul.profile-menubar li.menu-item.active * a,
ul.profile-menubar li.menu-item.active a:hover {
    color: #4bb44e !important
}

* .text-thick-primary,
.text-thick-primary:hover {
    color: #006837 !important
}

* .text-light-primary,
.text-light-primary:hover {
    color: #b8d432 !important
}

* .text-secondary,
.text-secondary:hover {
    color: #006837 !important
}

#mobile-nav * .primary-nav>ul>li>a.nav-link,
#mobile-nav .primary-nav * a.nav-link,
#mobile-nav .primary-nav a.nav-link:hover,
* #mobile-nav .primary-nav>ul>li>a.nav-link,
* #mobile-nav .primary-nav a.nav-link,
* .nav.category-nav li.nav-item a.nav-link,
* .text-dark,
* ul.profile-menubar li.menu-item a,
.nav.category-nav li.nav-item * a.nav-link,
.nav.category-nav li.nav-item a.nav-link:hover,
.text-dark:hover,
ul.profile-menubar li.menu-item * a,
ul.profile-menubar li.menu-item a:hover {
    color: #222 !important
}

.footer .footer-heading,
.navbar .navbar-nav a.nav-link.navbar-one-link:hover,
.table.table-glo thead th,
.text-white,
.text-white:hover {
    color: #fff !important
}

.input-error-group,
.text-danger,
.text-danger:hover {
    color: #f53d3d !important
}

.nav.nav-tabs li.nav-item a.nav-link,
.text-gray,
.text-gray:hover {
    color: #979797 !important
}

.text-light-gray,
.text-light-gray:hover {
    color: #f0f0f0 !important
}

.table.table-glo tbody td,
.text-light-dark,
.text-light-dark:hover,
div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content .loc-addr,
div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content .loc-addr2,
div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content .loc-addr3,
div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content .loc-name,
div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content .loc-phone,
div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content .loc-addr,
div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content .loc-addr2,
div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content .loc-addr3,
div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content .loc-name,
div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content .loc-phone {
    color: #464655 !important
}

.text-tertiary,
.text-tertiary:hover {
    color: #26c190 !important
}

.glyphicon {
    line-height: 1
}

.heart {
    color: #eb5e28;
    -webkit-animation: heathing 1s ease infinite;
    animation: heathing 1s ease infinite
}

@-webkit-keyframes heathing {
    0% {
        transform: scale(.75)
    }

    20% {
        transform: scale(1)
    }

    40% {
        transform: scale(.75)
    }

    60% {
        transform: scale(1)
    }

    80% {
        transform: scale(.75)
    }

    to {
        transform: scale(.75)
    }
}

@keyframes heathing {
    0% {
        transform: scale(.75)
    }

    20% {
        transform: scale(1)
    }

    40% {
        transform: scale(.75)
    }

    60% {
        transform: scale(1)
    }

    80% {
        transform: scale(.75)
    }

    to {
        transform: scale(.75)
    }
}

.blink_me {
    -webkit-animation: blinker 3s linear infinite;
    animation: blinker 3s linear infinite
}

@-webkit-keyframes blinker {
    70% {
        opacity: 0
    }
}

@keyframes blinker {
    70% {
        opacity: 0
    }
}

.footer-nav,
.footer .credits {
    line-height: 85px
}

.footer .btn {
    margin-bottom: 0
}

.blockquote {
    border-left: 0;
    border-bottom: 1px solid #ccc5b9;
    border-top: 1px solid #ccc5b9;
    font-weight: 300;
    margin: 15px 0 10px;
    text-align: center
}

.title {
    margin-top: 30px;
    margin-bottom: 25px;
    min-height: 32px
}

.title.text-center {
    margin-bottom: 50px
}

.lottery-container .card:before {
    background-color: rgba(0, 0, 0, .85);
    border-radius: 10px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}

p.no-margin {
    margin-top: 0;
    margin-bottom: 0
}

.no-pb {
    padding-bottom: 0 !important
}

.p-8 {
    padding: 5rem
}

.p-10 {
    padding: 6rem
}

.pt-10 {
    padding-top: 6rem
}

.pb-10 {
    padding-bottom: 6rem
}

.product-on-sale {
    position: absolute;
    top: 8px;
    left: 8px;
    background: #48ad4b;
    color: white;
    padding: 8px 8px;
}

div.post-body p {
    width: auto !important
}

.three-lines-trunc {
    overflow: hidden;
    position: relative;
    height: 3.6em
}

.three-lines-trunc:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70%;
    height: 1.2em;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 50%)
}

.search-input-group {
    box-shadow: 1px 1px 14px 1px rgba(33, 33, 33, .2);
    -webkit-box-shadow: 1px 1px 14px 1px rgba(33, 33, 33, .2);
    -moz-box-shadow: 1px 1px 14px 1px rgba(33, 33, 33, .2);
    -o-box-shadow: 1px 1px 14px 1px rgba(33, 33, 33, .2);
    -ms-box-shadow: 1px 1px 14px 1px rgba(33, 33, 33, .2);
    padding-left: 0 !important;
    padding-right: 0 !important
}

.search-input-group input {
    height: 60px;
    padding-right: 25px;
    padding-left: 25px;
    color: #4bb44e !important;
    border: none
}

.search-input-group input::-moz-placeholder {
    color: #4bb44e !important
}

.search-input-group input:-ms-input-placeholder {
    color: #4bb44e !important
}

.search-input-group input::placeholder,
.search-input-group input:focus {
    color: #4bb44e !important
}

.search-input-group .input-group-append button {
    color: #4bb44e !important;
    font-size: 20px;
    padding-right: 20px;
    padding-left: 20px
}

.subscribe-input-group {
    box-shadow: 1px 1px 14px 1px rgba(33, 33, 33, .2);
    -webkit-box-shadow: 1px 1px 14px 1px rgba(33, 33, 33, .2);
    -moz-box-shadow: 1px 1px 14px 1px rgba(33, 33, 33, .2);
    -o-box-shadow: 1px 1px 14px 1px rgba(33, 33, 33, .2);
    -ms-box-shadow: 1px 1px 14px 1px rgba(33, 33, 33, .2);
    padding-left: 0 !important;
    padding-right: 10px !important;
    background-color: #fff !important
}

.subscribe-input-group input {
    height: 60px;
    padding-right: 25px;
    padding-left: 25px;
    color: #979797;
    border: none;
    font-size: 13px
}

.subscribe-input-group input::-moz-placeholder {
    color: #979797 !important
}

.subscribe-input-group input:-ms-input-placeholder {
    color: #979797 !important
}

.subscribe-input-group input::placeholder,
.subscribe-input-group input:focus {
    color: #979797 !important
}

.subscribe-input-group .input-group-append {
    margin-top: 10px;
    height: 40px;
    width: 40px;
    margin-left: 5px;
    border-radius: 50%;
    box-shadow: 1px 1px 14px 1px rgba(33, 33, 33, .2);
    -webkit-box-shadow: 1px 1px 14px 1px rgba(33, 33, 33, .2);
    -moz-box-shadow: 1px 1px 14px 1px rgba(33, 33, 33, .2);
    -o-box-shadow: 1px 1px 14px 1px rgba(33, 33, 33, .2);
    -ms-box-shadow: 1px 1px 14px 1px rgba(33, 33, 33, .2)
}

.subscribe-input-group .input-group-append button {
    color: #4bb44e !important;
    font-size: 20px;
    width: 100%;
    height: 100%
}

label {
    font-weight: 700;
    color: #4bb44e
}

.form-control-plaintext {
    border-bottom: 2px solid #e2e2e2 !important
}

.text-base {
    font-size: .9rem !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    color: inherit !important
}

.radio-container {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radio-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #ccc
}

.radio-container .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.radio-container:hover input~.checkmark,
.radio-container input:checked~.checkmark,
.radio-container input[checked*=checked]~.checkmark {
    background-color: #ccc
}

.radio-container input~.checkmark:after {
    display: block
}

.radio-container .checkmark:after {
    top: 35%;
    left: 35%;
    width: 30%;
    height: 30%;
    border-radius: 50%;
    background: #eee
}

.custom-checkbox .custom-control-input~.custom-control-label:before {
    background-color: #f4f8fa;
    border: 1px solid #d1e2ea
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:before {
    background-color: #4bb44e
}

.custom-control-input.disabled-primary[disabled]:checked~.custom-control-label:before,
.custom-control-input:checked~.custom-control-label:before {
    color: #fff;
    background-color: #4bb44e
}

div.select-wrapper {
    border-radius: 4rem;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #4bb44e
}

select.size-dropdown {
    color: #4bb44e !important;
    background: transparent !important;
    border: 0;
    outline: none;
    min-width: 200px
}

.form-rounded {
    border-radius: 4rem !important
}

input.form-control,
select.form-control {
    border-radius: 0
}

input.form-control-quick-topup {
    background: #fefefe;
    border: 1px solid #414141;
    padding: .9rem .7rem;
    width: 100% !important
}

input.form-control-newsletter-subscription {
    background: hsla(0, 0%, 100%, .15);
    border: 1px solid #fff;
    padding: 1.39rem .75rem;
    width: 100% !important
}

input.form-control-reserve-number,
select.form-control-reserve-number {
    background: transparent !important;
    color: #fff !important;
    height: 40px
}

input.form-control-gray,
select.form-control-gray {
    background: #f0f0f0 !important;
    color: #464655 !important;
    border: none !important
}

.search-form {
    background: #fff
}

.search-form input {
    width: 0;
    background: inherit;
    border: none;
    outline: none;
    max-width: 650px
}

.search-form input:-webkit-autofill,
.search-form input:-webkit-autofill:active,
.search-form input:-webkit-autofill:focus,
.search-form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important
}

.search-form.business {
    background: #222
}

.search-form.business input {
    color: #fff
}

.search-form.business input:-webkit-autofill,
.search-form.business input:-webkit-autofill:active,
.search-form.business input:-webkit-autofill:focus,
.search-form.business input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #222 inset !important;
    -webkit-text-fill-color: #fff !important
}

.search-form.mobile input {
    padding-right: 25px !important
}

.search-form.position-absolute input {
    width: 100%
}

.search-form .icon-right {
    position: absolute;
    top: calc(50% - 12px);
    right: 0;
    cursor: pointer
}

.icon-search {
    background-image: URL(../imgs/icon-search.svg)
}

.icon-close,
.icon-search {
    width: 24px;
    height: 24px;
    display: block
}

.icon-close {
    background-image: URL(../imgs/icon-close.svg)
}

.card {
    border-radius: 10px;
    border: 0
}

.card.shadow {
    box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2);
    -webkit-box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2);
    -moz-box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2);
    -o-box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2);
    -ms-box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2)
}

.card.no-border-radius {
    border-radius: 0 !important
}

.card.accordion-card {
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent
}

.card.accordion-card .card-header {
    border-radius: 0 !important;
    padding: .4rem 0 !important;
    background: transparent
}

.card.accordion-card .card-body {
    padding: 1rem 0 !important;
    background: transparent
}

.card.data-plan-item-card {
    background: linear-gradient(-200deg, #4bb44e 35%, #b8d432 0, #b8d432 40%, #fff 0)
}

.card.data-calculator-card {
    background: #f7f7f7
}

.card.data-calculator-card .card-header {
    background: transparent !important
}

.card.data-calculator-card div.vue-range-slider div.slider-dot {
    background: #4bb44e;
    background-image: linear-gradient(215deg, #e0ed00, #3c9b35 74%) !important
}

.card.data-calculator-card div.vue-range-slider div.slider-dot div.slider-tooltip-wrap {
    bottom: -14px !important;
    top: auto !important
}

.card.data-calculator-card div.vue-range-slider.slider-vertical div.slider-dot {
    background: #4bb44e;
    background-image: linear-gradient(215deg, #e0ed00, #3c9b35 74%) !important;
    border-radius: 15px !important;
    width: 100% !important;
    height: 60px !important
}

.card.data-calculator-card div.vue-range-slider.slider-vertical div.slider-dot div.slider-tooltip-wrap {
    position: relative !important;
    transform: none !important;
    left: 0 !important;
    right: 0 !important;
    text-align: center
}

.card.data-calculator-card div.vue-range-slider.slider-vertical div.slider-process {
    border-radius: 0 !important
}

.card.quick-service-card {
    background-size: cover !important;
    height: 100%;
    border-radius: 10px;
    transition: all 1.5s ease;
    box-shadow: none
}

.card.quick-service-card:hover {
    box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2);
    -webkit-box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2);
    -moz-box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2);
    -o-box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2);
    -ms-box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2);
    transform: scale(1.02)
}

.card.quick-service-card:before {
    border-radius: 10px
}

.card.quick-service-card.quick-service-card-mobile {
    min-height: 300px
}

.card.card-offline {
    top: 80%;
    left: 10%;
    width: 80%
}

.card.card-tile {
    border-radius: 10px;
    min-height: 350px;
    margin-bottom: 20px
}

.card.card-border-line {
    border-radius: 6px;
    border: .6px solid #d3d3d3
}

.card.card-border-line.active {
    border-color: #4bb44e !important
}

.card .card-img {
    max-height: 200px;
    height: 200px
}

.card .card-content {
    padding: 25px
}

.card .card-footer {
    padding: 15px;
    background: transparent
}

.card .card-footer p {
    margin-top: 0;
    margin-bottom: 0
}

.card .card-header {
    background: #fff;
    border-radius: 10px 10px 0 0 !important;
    border: 0;
    padding: 25px
}

.card .card-header.card-header-primary {
    background: #4bb44e
}

.card .card-header.card-header-thick-primary {
    background: #006837
}

.card .card-header.card-header-light-primary {
    background-color: #b8d432
}

.card .card-header.shadow {
    box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2);
    -webkit-box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2);
    -moz-box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2);
    -o-box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2);
    -ms-box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2)
}

.card .card-header.no-border-radius {
    border-radius: 0 !important
}

.card-primary {
    background-color: #4bb44e !important
}

.card-primary-transparent {
    background-color: rgba(75, 180, 78, .82)
}

.card-secondary {
    background-color: #006837 !important
}

.card-light-primary {
    background-color: #b8d432 !important
}

.card-light-gray {
    background-color: #f0f0f0 !important
}

.card-white {
    background-color: #fff !important
}

.card-transparent {
    background: hsla(0, 0%, 100%, .85);
    border: 1px solid #e0dedd;
    box-sizing: border-box;
    border-radius: 8px
}

.card-dark {
    background-color: #222 !important
}

.carousel-control-next,
.carousel-control-prev {
    background-color: #4bb44e !important;
    border-radius: 50% !important;
    opacity: 1 !important;
    text-shadow: none !important;
    font-size: 12px
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    opacity: 1;
    background-color: #006837
}

.carousel-inner .carousel-item {
    background: #fff
}

#carousel-custom,
#carousel-example-generic {
    width: 100%
}

#carousel-custom .carousel-indicators.thumbnail {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%
}

#carousel-custom .carousel-indicators.thumbnail li {
    background-color: transparent;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: 20%;
    opacity: 1;
    padding: 10px
}

#carousel-custom .carousel-indicators.thumbnail li img {
    display: block;
    opacity: 1;
    width: 100%;
    background: #fff
}

#carousel-custom .carousel-indicators.thumbnail li.active img,
#carousel-custom .carousel-indicators.thumbnail li:hover img {
    opacity: 1
}

.carousel-indicators.dots li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    padding: 3px;
    opacity: 1 !important;
    background-color: #ccc
}

.carousel-indicators.dots li.active div {
    width: 100%;
    height: 100%;
    background-color: #4bb44e;
    border-radius: 50%
}

ngb-carousel:focus {
    outline: none !important
}

.modal .modal-header.modal-header-light-primary {
    background: #b8d432
}

.modal-mask {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: table;
    transition: opacity .3s ease
}

.modal-wrapper {
    display: table-cell;
    vertical-align: middle
}

.social-modalx {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, .5)
}

.social-modalx .social-modalx-content {
    width: 100%;
    max-width: 450px;
    height: 75vh;
    max-height: 450px;
    background: #fff url(../imgs/background/social-modalx-shaggi-bg.png) no-repeat 50%;
    background-size: cover
}

.social-modalx .social-modalx-content #social-close-icon {
    position: absolute;
    top: -30px;
    right: -30px;
    cursor: pointer
}

@media screen and (max-width:380px) {
    .social-modalx .social-modalx-content #social-close-icon {
        right: -15px
    }
}

.social-modalx .social-modalx-content .social-media-icon {
    width: 30px;
    height: 30px;
    display: flex;
    background: rgba(75, 180, 78, .15)
}

.social-modalx .social-modalx-content .social-media-icon path {
    fill: #4bb44e
}

.social-modalx .social-modalx-content .social-media-icon:hover {
    background: #4bb44e
}

.social-modalx .social-modalx-content .social-media-icon:hover path {
    fill: #fff
}

.social-modal {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, .5)
}

.social-modal .social-modal-content {
    width: 100%;
    max-width: 450px;
    height: 75vh;
    max-height: 450px;
    background: #fff url(../imgs/background/my-g.png) no-repeat 50%;
    background-size: cover
}

.social-modal .social-modal-content #social-close-icon {
    position: absolute;
    top: -30px;
    right: -30px;
    cursor: pointer
}

@media screen and (max-width:380px) {
    .social-modal .social-modal-content #social-close-icon {
        right: -15px
    }
}

.social-modal .social-modal-content .social-media-icon {
    width: 30px;
    height: 30px;
    display: flex;
    background: rgba(75, 180, 78, .15)
}

.social-modal .social-modal-content .social-media-icon path {
    fill: #4bb44e
}

.social-modal .social-modal-content .social-media-icon:hover {
    background: #4bb44e
}

.social-modal .social-modal-content .social-media-icon:hover path {
    fill: #fff
}


.social-modal {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, .5)
}

.social-modal .social-modal-content {
    width: 100%;
    max-width: 450px;
    height: 75vh;
    max-height: 450px;
    background: #fff url(../imgs/background/my-g.png) no-repeat 50%;
    background-size: cover
}

.social-modal .social-modal-content #social-close-icon {
    position: absolute;
    top: -30px;
    right: -30px;
    cursor: pointer
}

@media screen and (max-width:380px) {
    .social-modal .social-modal-content #social-close-icon {
        right: -15px
    }
}

.social-modal .social-modal-content .social-media-icon {
    width: 30px;
    height: 30px;
    display: flex;
    background: rgba(75, 180, 78, .15)
}

.social-modal .social-modal-content .social-media-icon path {
    fill: #4bb44e
}

.social-modal .social-modal-content .social-media-icon:hover {
    background: #4bb44e
}

.social-modal .social-modal-content .social-media-icon:hover path {
    fill: #fff
}


.bg-primary {
    background-color: #4bb44e !important
}

.bg-primary-gradient {
    background: #4bb44e;
    background-image: linear-gradient(101.81deg, #4bb44e 12.47%, #006837 116.95%)
}

.bg-primary-thick,
.bg-secondary {
    background-color: #006837 !important
}

.bg-light-primary {
    background-color: #b8d432 !important
}

.bg-tertiary {
    background-color: #26c190 !important
}

.bg-dark {
    background-color: #222 !important
}

.bg-navbar-one {
    background: #4bb44e;
    background-image: linear-gradient(90deg, #4bb44e 79%, #006837 0)
}

.bg-white {
    background-color: #fff !important
}

.border-primary {
    border: 2px solid #4bb44e !important
}

.trunc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.wishlist-added {
    background-color: #e0eee2 !important;
    display: block !important;}


.trunc-char-width {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 14rem;
}

.no-margin-top-bottom {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.no-margin {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.br,
.bar-rating {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: inline-block;
    line-height: 0 !important
}

.br-default .br-unit {
    font-size: 18px !important;
    line-height: 0 !important;
    height: auto !important
}

.search-panel {
    padding: 10px 20px;
    background-color: #fff;
    box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2);
    -webkit-box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2);
    -moz-box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2);
    -o-box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2);
    -ms-box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2)
}

.search-panel .content {
    height: 50px;
    border-left: 2px solid #f0f0f0;
    padding-top: 13px;
    cursor: pointer
}

.img-preview {
    width: 150px;
    height: 150px;
    border-radius: 10px;
    margin-right: 10px;
    box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2);
    -webkit-box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2);
    -moz-box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2);
    -o-box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2);
    -ms-box-shadow: 1px 1px 20px 1px rgba(33, 33, 33, .2)
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dot-separator {
    border-radius: 50%;
    display: inline-block;
    height: 4px;
    width: 4px;
    margin-bottom: 2px
}

.vl {
    border-left: 1px solid #4bb44e;
    height: 100%
}

.vl.gray {
    border-left: 1px solid rgba(0, 0, 0, .1);
    height: 100%
}

.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap
}

hr.primary {
    border-top: 1px solid #4bb44e !important
}

hr.white {
    border-top: 1px solid #fff !important
}

div.disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: .5
}

.border-radius {
    border-radius: 10px
}

.breadcrumb-item.glo-breadcrumb-item {
    color: #fff !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    font-style: normal
}

.breadcrumb-item.glo-breadcrumb-item a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit
}

.breadcrumb-item+.breadcrumb-item:before {
    display: inline-block;
    padding-right: .5rem;
    color: #fff !important;
    content: ">"
}

.v-toast .v-toast-icon {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important
}

.alert-success {
    background-color: green;
}

.f14 {
    font-size: 14px !important;
}

.floaty-comparison-counter {
    position:fixed;
    width:50px;
    height:50px;
    bottom:70px;
    right:10px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #5c5c5c;
    z-index:100;
}

.v-toast .v-toast-alert-success .is-top-right {
    background-color: green;

}

.v-toast-alert-success {
    background-color: green;

}

.img-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.img-left {
    float: left
}

.img-border-radius {
    border-radius: 20px
}

.promotional-img-bottom-right {
    position: absolute;
    bottom: 0;
    right: 2%;
    height: 320px;
    width: 240px;
}

.product-name-price {
    /* min-height: 50px; */
}

.product-descr-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 20px !important;


    @supports (-webkit-line-clamp: 2) {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: initial;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
    }
  }

.product-img {
    max-width: 100%;
    height: 240px;
    padding: 45px !important;
    margin: auto !important;
}

.product-carousel-img {
    max-width: 100%;
    height: 350px
}

.product-carousel-thumbnail-img {
    max-width: 100%;
    height: 70px
}


.promotional-banner-learn-more {
    padding: 0.7rem 1rem;
    font-size: 10px;
    position: absolute;
    left: 105px;
    bottom: 76px;
    font-weight: bold !important
}

.promotional-banner-bottom-title {
    font-weight: 800;
    font-size: 48px;
    line-height: 58px
}

.product-card {
    width: 18rem;
}

.preview-card {
    width: 18rem;
}

.suggested-card {
    width: 18rem;
}

.product-grid-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 24px;
}

.suggested-product-grid-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 24px;
}

.igloworld-container {
    padding: 20px;
}

.career-img {
    background-repeat: no-repeat;
    background-size: cover;
    height: 16rem
}

.icon {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    width: 24px;
    height: 24px
}

.icon.footer-icon {
    width: 12px;
    height: 12px;
    margin-right: .7rem
}

.facebook-icon {
    background-image: url(../img/icons/facebook.svg)
}

.linkedin-icon {
    background-image: url(../img/icons/linkedin.svg)
}

.twitter-icon {
    background-image: url(../img/icons/twitter.svg)
}

.instagram-icon {
    background-image: url(../img/icons/instagram.svg)
}

.arrow-back {
    background-image: url(../img/icons/arrow_back.svg)
}

.arrow-front {
    background-image: url(../img/icons/arrow_front.svg)
}

.table th {
    font-weight: 700;
    padding: 12px 10px;
    background: #f8f9fa;
    color: #3a3a3a
}

.table.table-glo {
    border-spacing: 15px !important;
    border-collapse: separate
}

.table.table-glo td,
.table.table-glo th {
    text-align: center;
    vertical-align: middle !important
}

.table.table-glo thead th {
    background: linear-gradient(180deg, #4bb44e 90%, #b8d432 0);
    padding: 2rem 10px;
    text-transform: uppercase
}

.table.table-glo tbody td {
    padding: .9rem 10px
}

.table.table-glo tr:nth-child(2n) td {
    background: #f0f0f0
}

.navbar {
    height: 80px;
    border: 0;
    padding: 0;
    z-index: 99
}

.navbar .cart-item-number {
    width: 12px;
    height: 12px;
    background: #4bb44e;
    font-size: 7px;
    border-radius: 50%;
    position: absolute;
    bottom: 48%;
    display: flex;
    align-items: center;
    justify-content: center
}

.navbar.navbar-two .navbar-collapse>ul>li.hover .megamenu-menu,
.navbar.navbar-two .navbar-collapse>ul>li:hover .megamenu-menu {
    visibility: visible;
    opacity: 1;
    z-index: 1000
}

.navbar.navbar-one {
    height: 45px;
    z-index: 999
}

.navbar.bg-primary {
    background: #4bb44e
}

.navbar.bg-tertiary {
    background: #26c190
}

.navbar.shadow {
    box-shadow: 0 6px 10px -4px rgba(0, 0, 0, .15)
}

.navbar.border-bottom {
    border-bottom: 1px solid #eee
}

.navbar .cart-sm img {
    height: 30px
}

.navbar .navbar-brand img {
    height: 60px;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.navbar.navbar-light button.navbar-toggler.custom {
    border: none !important
}

.navbar .navbar-nav .nav-link,
.navbar .navbar-nav .nav-link-btn {
    font-size: .85rem
}

.navbar .navbar-nav a.nav-link {
    color: #222;
    padding-right: .7rem;
    padding-left: .7rem
}

.navbar .navbar-nav a.nav-link.text {
    padding-top: 10px
}

.navbar .navbar-nav a.nav-link.main-link .menu-icon.icon-chevron {
    display: none
}

.navbar .navbar-nav a.nav-link.main-link:focus,
.navbar .navbar-nav a.nav-link.main-link:hover {
    border-bottom: 4px solid #4bb44e
}

.navbar .navbar-nav a.nav-link.main-link:focus span,
.navbar .navbar-nav a.nav-link.main-link:hover span {
    margin-top: 4px
}

.navbar .navbar-nav a.nav-link.main-link.business {
    color: #fff !important
}

.navbar .navbar-nav a.nav-link.navbar-one-link {
    color: #fff
}

.navbar .navbar-nav a.nav-link-btn:after {
    vertical-align: middle
}

.navbar .navbar-nav a.drodpdown-nav-link {
    font-size: .85rem
}

.navbar .navbar-nav .nav-item {
    padding-left: .1rem;
    padding-right: .1rem
}

.navbar .navbar-collapse.show {
    background: #fff !important;
    padding-top: 10px;
    padding-bottom: 10px
}

.navbar .navbar-collapse.show .navbar-one .col {
    border-right: 1px solid #fff;
    padding-top: 10px;
    padding-bottom: 10px
}

.navbar .dropdown-submenu {
    position: relative
}

.navbar .dropdown-submenu a:after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em
}

.navbar .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem
}

.navbar a.remove-bootstrap-toggle:after {
    display: none
}

.nav.category-nav li.nav-item a.nav-link.active {
    text-decoration: underline !important
}

.top-navbar p {
    font-size: .65rem !important
}

.primary-nav>ul>li[data-url=active]>a,
.primary-nav>ul>li[data-url=child-active]>a {
    fill: #4bb44e;
    color: #4bb44e
}

.megamenu-menu {
    position: absolute;
    top: 100%;
    left: 7.5%;
    width: 85%;
    transition: all .2s ease-in-out;
    background: #f7f8f8;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, .15);
    border: 1px solid #e0e1e2;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    min-height: 70vh;
    overflow-y: scroll
}

.megamenu-menu li {
    padding-top: .15rem;
    padding-bottom: .15rem
}

.megamenu-menu li a.nav-link {
    font-weight: 400 !important;
    text-align: left
}

.megamenu-menu .megamenu-col {
    width: 33.3333333%;
    background: #fff;
    min-height: 100%;
    transition: all .2s ease-in-out;
    display: inline-block;
    padding: 2rem
}

.megamenu-menu .megamenu-col.hidden {
    visibility: hidden;
    opacity: 0
}

.megamenu-menu .megamenu-col li {
    width: 100%;
    border-bottom: 1px solid #b9b9b9
}

.megamenu-menu .megamenu-col li.hover>a,
.megamenu-menu .megamenu-col li:hover>a {
    background: rgba(223, 224, 225, .25);
    color: #4bb44e !important
}

.megamenu-menu .megamenu-col li.hover>a>.menu-icon svg,
.megamenu-menu .megamenu-col li:hover>a>.menu-icon svg {
    fill: #4bb44e
}

.megamenu-menu .megamenu-col li.mobile-overview-link,
.megamenu-menu .megamenu-col li.parent-item {
    display: none
}

.megamenu-menu .megamenu-col li a {
    position: relative;
    display: block
}

.megamenu-menu .megamenu-col li a .menu-icon {
    position: absolute;
    top: calc(50% - 6px);
    right: 36px;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
    fill: #424a52
}

.megamenu-menu .megamenu-col li a .menu-icon svg {
    width: 100%;
    height: 100%;
    transition: all .2s ease-in-out
}

.megamenu-menu .megamenu-img-col {
    width: 33.3333333%;
    left: 0;
    position: absolute;
    top: 0;
    background: #fff;
    min-height: 100%;
    transition: all .2s ease-in-out
}

.megamenu-menu .megamenu-img-col div.dropdown-menu-image-caption {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 2rem
}

.megamenu-menu .megamenu-col-child {
    position: absolute;
    top: 0
}

.megamenu-menu .megamenu-col-child.level-1 {
    left: 66.66666666%;
    width: 33.3333333%;
    background: #222;
    padding: 2rem
}

.megamenu-menu .megamenu-col-child.level-1 li {
    border-bottom: 1px solid #fff
}

.megamenu-menu .megamenu-col-child.level-1 li.hover>a,
.megamenu-menu .megamenu-col-child.level-1 li:hover>a {
    background: rgba(75, 180, 78, .25);
    color: #4bb44e !important
}

.megamenu-menu .megamenu-col-child.level-1 li.hover>a>.menu-icon svg,
.megamenu-menu .megamenu-col-child.level-1 li:hover>a>.menu-icon svg {
    fill: #4bb44e
}

.megamenu-menu .megamenu-col-child.level-1 li a.nav-link {
    color: #fff
}

.section-mobile-panes {
    position: fixed;
    width: 80%;
    right: 0;
    background: #fff;
    z-index: 1100;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, .15);
    display: none
}

@media (max-width:992px) {
    .section-mobile-panes {
        display: block
    }

    .product-grid-container {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-gap: 8px;
    }

    .suggested-product-grid-container {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-gap: 8px;
    }
}

.mobile-panel-overlay {
    background: #222;
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
    z-index: 2
}

.mobile-overlay .mobile-panel-overlay {
    opacity: .5;
    visibility: visible
}

#mobile-nav[data-level="0"] .primary-nav {
    transform: translateX(0)
}

#mobile-nav[data-level="1"] .primary-nav,
#mobile-nav[data-level="2"] .primary-nav,
#mobile-nav[data-level="2"] .primary-nav .megamenu-col.level-0 {
    transform: translateX(-100%)
}

#mobile-nav[data-level="3"] .primary-nav {
    transform: translateX(-300%)
}

#mobile-nav[data-level="4"] .primary-nav {
    transform: translateX(-400%)
}

#mobile-nav:not([data-level="0"]) .footer {
    display: none
}

#mobile-nav #nav-menu {
    max-height: 100vh;
    min-height: 100vh;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden
}

#mobile-nav #nav-menu .header {
    height: 80px
}

#mobile-nav #nav-menu .footer li a {
    padding: .5rem !important
}

#mobile-nav .primary-nav-wrap {
    background: #fff
}

#mobile-nav .primary-nav {
    font-size: 12px;
    transition: all .3s ease-in-out
}

#mobile-nav .primary-nav a.nav-link.active {
    text-decoration: underline !important
}

#mobile-nav .primary-nav>ul {
    padding-top: 22px;
    padding-bottom: 37px;
    background: #fff
}

#mobile-nav .primary-nav>ul>li {
    float: none;
    display: block;
    padding: 0 24px;
    margin: 0
}

#mobile-nav .primary-nav>ul>li>a {
    position: relative;
    padding: 17px 7px;
    border-bottom: 1px solid #e0e1e2
}

#mobile-nav .primary-nav>ul>li>a.nav-link.active {
    text-decoration: underline !important
}

#mobile-nav .primary-nav>ul>li>a>.icon-chevron {
    position: absolute;
    top: 50%;
    right: 7px;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
    fill: #424a52;
    display: block
}

#mobile-nav .secondary-nav li:after {
    content: "";
    display: block;
    margin: -1px 24px 0;
    border-bottom: 1px solid #e0e1e2
}

#mobile-nav .secondary-nav a.nav-link.navbar-one-link {
    padding-left: 24px;
    color: #fff !important
}

#mobile-nav .megamenu-menu {
    top: 0;
    left: 100%;
    min-height: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
    border: 0;
    box-shadow: none;
    display: block;
    width: 100% !important;
    background: #fff !important
}

#mobile-nav .megamenu-menu.hidden {
    opacity: 1;
    visibility: visible;
    display: none
}

#mobile-nav .megamenu-col li,
#mobile-nav .megamenu-col li a.nav-link {
    border-bottom: none
}

#mobile-nav .megamenu-col li:after {
    content: "";
    display: block;
    margin: -1px 24px 0;
    border-bottom: 1px solid #e0e1e2
}

#mobile-nav .megamenu-col li.mobile-overview-link {
    display: block
}

#mobile-nav .megamenu-col li.parent-item {
    position: sticky;
    top: 0;
    display: block;
    z-index: 100;
    border-bottom: none
}

#mobile-nav .megamenu-col li.parent-item:after {
    display: none
}

#mobile-nav .megamenu-col li.parent-item a {
    position: relative;
    background: #fff;
    padding: 22px 20px 18px 39px;
    margin-bottom: 17px;
    border-bottom: 1px solid #e0e1e2;
    font-weight: 600 !important;
    z-index: 100
}

#mobile-nav .megamenu-col li.parent-item .icon-chevron-left {
    right: auto;
    left: 16px;
    transform: rotate(180deg) translateY(-50%);
    transform-origin: 4px 1.5px
}

#mobile-nav .megamenu-col li.parent-item .icon-flag-small {
    left: 40px;
    width: 24px;
    height: 24px;
    margin-top: 2px
}

#mobile-nav .megamenu-col li.parent-item .flag-text {
    padding-left: 40px
}

#mobile-nav .megamenu-col {
    width: 100%;
    padding: 0;
    background: #fff;
    transition: none
}

#mobile-nav .megamenu-col li a {
    padding: 18px 31px
}

#mobile-nav .megamenu-col li a .icon {
    right: 31px
}

#mobile-nav .megamenu-col-child.level-1 {
    left: 100%;
    width: 100%
}

#mobile-nav .megamenu-col .locale-menu-item {
    margin: 0
}

#mobile-nav .megamenu-col .locale-menu-item:after {
    display: none
}

#mobile-nav .megamenu-col .locale-menu-item a {
    padding-left: 80px;
    padding-bottom: 16px
}

#mobile-nav .megamenu-col .locale-menu-item a .icon-flag-small {
    left: 31px;
    width: 24px;
    height: 24px;
    margin-top: 2px
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.footer {
    background: #222;
    padding-top: 100px
}

.footer li {
    line-height: 2em
}

.footer li a.footer-link {
    color: #fff
}

.footer li a.footer-link:hover {
    color: #4bb44e !important
}

/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */
body {
    overflow-x: hidden
}

@media (min-width:992px) {

    .content-container .col-md-2,
    .content-container .col-md-3,
    .content-container .col-md-4,
    .content-container .col-md-5,
    .content-container .col-md-6,
    .content-container .col-md-7,
    .content-container .col-md-8,
    .content-container .col-md-9,
    .content-container .col-md-10,
    .content-container .col-md-11,
    .content-container .col-md-12,
    .content-container .vocalcom-nav .col-md-1,
    .page-content-wrapper .col-md-2,
    .page-content-wrapper .col-md-3,
    .page-content-wrapper .col-md-4,
    .page-content-wrapper .col-md-5,
    .page-content-wrapper .col-md-6,
    .page-content-wrapper .col-md-7,
    .page-content-wrapper .col-md-8,
    .page-content-wrapper .col-md-9,
    .page-content-wrapper .col-md-10,
    .page-content-wrapper .col-md-11,
    .page-content-wrapper .col-md-12,
    .page-content-wrapper .vocalcom-nav .col-md-1 {
        float: none
    }
}

@media (min-width:1200px) {

    .content-container .col-lg-2,
    .content-container .col-lg-3,
    .content-container .col-lg-4,
    .content-container .col-lg-5,
    .content-container .col-lg-6,
    .content-container .col-lg-7,
    .content-container .col-lg-8,
    .content-container .col-lg-9,
    .content-container .col-lg-10,
    .content-container .col-lg-11,
    .content-container .col-lg-12,
    .content-container .vocalcom-nav .col-lg-1,
    .page-content-wrapper .col-lg-2,
    .page-content-wrapper .col-lg-3,
    .page-content-wrapper .col-lg-4,
    .page-content-wrapper .col-lg-5,
    .page-content-wrapper .col-lg-6,
    .page-content-wrapper .col-lg-7,
    .page-content-wrapper .col-lg-8,
    .page-content-wrapper .col-lg-9,
    .page-content-wrapper .col-lg-10,
    .page-content-wrapper .col-lg-11,
    .page-content-wrapper .col-lg-12,
    .page-content-wrapper .vocalcom-nav .col-lg-1 {
        float: none
    }
}

.gif-column {
    background-size: cover !important;
    min-height: 50vw !important;
    background-repeat: no-repeat !important
}

.animation-icon {
    position: absolute
}

.animation-icon.first {
    top: 10%;
    right: 30%
}

.animation-icon.second {
    top: 42%;
    right: 8%
}

.animation-icon.third {
    top: 58%;
    right: 45%
}

.animation-icon.forth {
    top: 64%;
    right: 18%
}

.slider-slick-dots {
    padding-top: .375rem;
    position: absolute;
    right: 4%;
    bottom: 30%;
    top: 30%
}

.single-slide {
    position: relative;
    z-index: 99;
    width: 100%;
    background-color: #fff;
    overflow: hidden
}

.single-slide .slide-bg-img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -12;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.product-page .full-description p {
    width: auto !important
}

.product-page .offline-section div.bg-image {
    background-size: cover;
    height: 500px
}

.product-page .swatch-container {
    margin-top: 10px;
    display: inline-block
}

.product-page .swatch-container .swatch {
    display: inline-block;
    margin-right: 5px;
    min-width: 45px;
    height: auto
}

.product-page .swatch-container .swatch span {
    min-width: 40px;
    height: 40px;
    float: left;
    border: 1px solid #4bb44e;
    border-radius: 3px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    padding: 0 15px
}

.product-page .swatch-container .swatch span.color {
    border: 1px solid #c7c7c7;
    border-radius: 50%;
    min-width: 30px;
    height: 30px
}

.product-page .swatch-container .swatch span.text {
    border-radius: 30px
}

.product-page .swatch-container .swatch img {
    width: 38px;
    height: 38px;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    cursor: pointer;
    background: #f2f2f2
}

.product-page .swatch-container .swatch input:checked+img,
.product-page .swatch-container .swatch input:checked+span.color {
    border: 1px solid #222
}

.product-page .swatch-container .swatch input:checked+span.text {
    background-color: #4bb44e;
    color: #fff
}

.product-page .swatch-container .swatch input {
    display: none
}

.product-page .swatch-container .no-options {
    color: #fb3949
}

p.quantity {
    background: #fafafa;
    /* border: 1px solid #979797; */
    border-radius: 4px
}

p.quantity input {
    width: 20px;
    border: none
}

p.quantity button {
    border-radius: 0;
    line-height: 1.7
}

p.quantity button.decrement {
    border-right: 1px solid #979797
}

p.quantity button.increment {
    border-left: 1px solid #979797
}

.cost {
    font-size: 12px !important;
}

.layered-attr-text {
    color: black !important;
    font-weight: 500 !important;
}


.cost {
    font-size: 12px !important;
}

.layered-attr-text {
    color: black !important;
    font-weight: 500 !important;
}


@media (max-width:575.98px) {
    .quick-services-grid .grid-item {
        float: left;
        width: calc(50% - 10px) !important;
        height: 350px;
        margin-bottom: 10px
    }

    .quick-services-grid .grid-item.grid-item--width2 {
        width: calc(50% - 20px)
    }

    .quick-services-grid .grid-item.grid-item--height2 {
        height: 720px
    }

    .quick-services-grid .grid-item .card {
        min-height: 100%
    }

    .remove-vl-xs {
        border-left: none !important
    }

    .xs-padding {
        padding-left: 15%;
        padding-right: 15%
    }

    .xs-margin {
        margin-top: 25px
    }

    .col-6,
    .col-12,
    .xs-margin {
        margin-bottom: 25px
    }

    .header-img {
        min-height: 30vh
    }

    .bg-heading {
        font-size: 2rem !important
    }

    .gif-column {
        background-size: cover !important;
        min-height: 100vw !important;
        background-repeat: no-repeat !important
    }

    .card.card-offline {
        top: 70%;
        left: 10%;
        width: 80%
    }

    .bg-navbar-one {
        background: #4bb44e;
        background-image: linear-gradient(90deg, #4bb44e 70%, #006837 0) !important
    }

    .section-overlay {
        padding: 0 !important
    }

    .section-overlay>div {
        position: relative !important
    }

    .section-overlay>div>.container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .section-overlay>div>.container>div.card {
        border-radius: 0 !important
    }

    div.product-price .price {
        font-size: .9rem !important
    }

    div.product-price .cost {
        font-size: .8rem !important
    }

    .igloworld-shop-btn {
        padding: 10px !important;
        font-size: 10px !important;

    }

    .product-card {
        width: 10rem !important;
    }

    .igloworld-shop-compare {
        padding: 6px !important
    }


    .product-out-wishlist {
        padding: 6px 8px;
    }

    
    .product-on-sale {
        padding: 4px 4px;
    }

    .igloworld-container {
        padding: 10px !important;
    }

    .comparison-sticky-col {
        width: 150px;
        min-width: 150px;
        max-width: 150px;
    }

    .price-populate {
        gap: 4px;
    }
    
    .product-comparison-title {
        font-size: 18px;
        line-height: 24px;
    }

    .product-card {
        width: 10rem !important;
    }

    .suggested-card {
        width: 10rem !important;
    }

    .promotional-img-bottom-right {
        display: none !important;
    }


    .comparison-remove-all {
        padding: 10px;
        font-size: 14px;
    }

    .product-grid-container {
        overflow-x: auto;
    }

    .suggested-product-grid-container {
        overflow-x: auto;
    }
    
    .trunc-char-width {
        max-width: 12ch !important;
    }

    .igloworld-banner-sizer {
        min-height: 100vh !important;
        height: 100vh !important;
    }

    .promotional-banner-learn-more {
        padding: .4rem .6rem !important;
        font-size: 18px !important;
        left: 6% !important; 
        bottom: 50% !important;
    }

    .viewWidth {
        max-width: 60px !important;
    }

    .filterMobileModalbtn {
        display: block !important;
    }


    .shop-product-title {
        font-weight:600;
        font-size:24px;
        line-height:48px;
    }
}



@media only screen and (min-width: 1235px) and (max-width: 1300px) and (orientation:landscape) {
    .promotional-banner-landscape {
        height: 320px !important
    }

    .product-card {
        width: 14rem !important;
    }

    .suggested-card {
        width: 14rem !important;
    }

    .preview-card {
        width: 16rem !important;
    }

}



@media only screen and (min-width: 1200px) and (max-width: 1670px) and (orientation:landscape) {
    .promotional-img-bottom-right {
        height: 150px !important;
        width: 130px !important;
      }

    .apply-reset-btn {
        font-size: 0.4rem !important
    }  

    .suggested-card {
        width: 14rem;
    }

    .comparison-sticky-col {
        width: 180px;
        min-width: 180px;
        max-width: 180px;
    }


    .igloworld-banner-sizer {
        min-height: 70vh;
        height: 70vh;
      }
}


@media only screen and (min-width: 1400px) and (max-width: 1670px) and (orientation:landscape) {

    .apply-reset-btn {
        font-size: 0.5rem !important
    }
}


@media (min-width:576px) and (max-width:767px) {
    .sm-padding {
        padding-left: 10%;
        padding-right: 10%
    }

    .sm-margin {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .header-img {
        min-height: 40vh
    }

    .visit-sleep-gallery-column {
        margin-bottom: 15rem
    }
}

@media (min-width:768px) and (max-width:991px) {
    .md-padding {
        padding-left: 10%;
        padding-right: 10%
    }

    .md-margin {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .header-img {
        min-height: 40vh
    }

    .section-banner {
        min-height: 30vh
    }
}

@media (max-width:575.98px) {
    .table-glo {
        max-width: 100%;
        margin: 0 auto
    }

    .table-glo td,
    .table-glo th {
        white-space: nowrap
    }
}

@media (max-width:767.98px) {
    .section-home-shop {
        background: linear-gradient(96.6deg, #4bb44e 31.86%, #006837 92.48%)
    }

    .section-reserve-number {
        min-height: 100vh !important;
        align-items: flex-start !important;
        padding-top: 3rem !important
    }

    .bh-sl-map.bh-sl-map-open {
        min-height: 270px
    }

    .navbar {
        padding: 0
    }

    .section-banner {
        padding-bottom: 30px
    }

    .section-gradient-start {
        background-position: top !important;
        background-size: auto 60% !important;
        background-repeat: no-repeat;
        min-height: 65vh !important;
    }

    .section-gradient-start:before {
        background: linear-gradient(-5deg, #4bb44e, #006837 68%, #b8d432 0, #b8d432 71%, transparent 0);
        background-size: 100% 70%;
        background-repeat: no-repeat;
        background-position: bottom
    }

    .section-gradient-start h1 {
        font-size: 1.8rem
    }

    .section-gradient-start h1,
    .section-gradient-start p {
        text-align: center
    }

    .slider-slick-dots {
        padding-top: 0 !important;
        padding-bottom: 1rem;
        position: relative;
        background: #4bb44e;
        text-align: center !important;
        right: 0 !important;
        bottom: 0 !important
    }

    .slider-slick-dots li {
        position: relative !important;
        display: inline-block !important;
        width: 13px !important;
        height: 13px !important;
        margin: 0 5px !important
    }

    .slider-slick-dots li.slick-active button {
        background: #fff !important;
        border: none !important
    }

    .slider-slick-dots li button {
        border: 2px solid #fff !important
    }

    .privacy-cookie-card {
        width: 100%;
    }

    .privacy-consent-options {
        flex-direction: column !important;
    }

    .privacy-consent-card-title {
        font-size: 24px;
    }

    .privacy-consent-text {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        color: #707478; 
        text-align: justify;
        text-justify: inter-word;
    }

    .customize-privacy-preferences {
        font-size: 12px;
    
    }

    .privacy-consent-btn {
        padding: 10px 24px 10px 24px;
        gap: 10px;
        border-radius: 4px 4px;
    }

}

@media (max-width:991.98px) {
    .nav-breadcrumb-glo {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .nav-breadcrumb-glo .breadcrumb-glo {
        margin-bottom: 6rem !important
    }

    .section-gradient-start .min-height-350x,
    .section-gradient-start .min-height-500x {
        min-height: 100% !important
    }

    .border-5x {
        border: none !important
    }

    .border-10x {
        border-right: none !important
    }

    .border-10x.addBottom {
        border-bottom: 10px solid #fff !important
    }

    .top-navbar p {
        font-size: .65rem !important
    }

    .navbar.navbar-two {
        margin-top: 0;
        position: fixed !important;
        width: 100% !important;
        z-index: 999
    }

    .navbar.navbar-two.bg-dark {
        background: #fff !important
    }

    .navbar .navbar-nav .nav-item {
        padding-top: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid #4bb44e
    }

    .navbar .navbar-nav .dropdown-menu {
        background-color: #b8d432
    }

    .navbar .navbar-nav .dropdown-menu li {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .navbar .navbar-nav .drodpdown-nav-link,
    .navbar .navbar-nav .nav-link {
        font-size: .9rem !important;
        color: #4bb44e !important;
        font-weight: 500 !important;
        text-align: center
    }

    .content-container {
        padding-top: 80px
    }

    .page-content-wrapper {
        margin-top: 0
    }
}

@media (min-width:768px) {
    button.recharge-button {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }

    .promotional-banner-landscape {
        display: block !important;
      }

}

@media (min-width:992px) {
    .header-img {
        min-height: 73vh
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }
}


@media (min-width:1200px) {
    .ps-lg-8 {
        padding-left: 5rem !important
    }
}

.animate.pulse {
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite
}

@-webkit-keyframes pulse {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translateY(10px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes pulse {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translateY(10px)
    }

    to {
        transform: translate(0)
    }
}

.slick-dots {
    padding-top: .375rem;
    text-align: center !important
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li.slick-active button {
    background: #4bb44e;
    border: none
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 13px;
    height: 13px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 2px solid #979797;
    border-radius: 50%;
    outline: none;
    background: transparent
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:hover:before {
    opacity: 1
}

.slider-slick-dots li {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slider-slick-dots li.slick-active button {
    background: #4bb44e;
    border: none
}

.slider-slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 17px;
    height: 17px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 2px solid #006837;
    border-radius: 50%;
    outline: none;
    background: transparent
}

.slider-slick-dots li button:focus,
.slider-slick-dots li button:hover {
    outline: none
}

.slider-slick-dots li button:hover:before {
    opacity: 1
}

.slider-rows.slick-slider .slick-list {
    margin-right: 15px;
    margin-left: 15px
}

.slider-rows.slick-slider .slick-next,
.slider-rows.slick-slider .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    transform: translateY(-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

.slider-rows.slick-slider .slick-prev {
    left: 10%;
    z-index: 999
}

.slider-rows.slick-slider .slick-next {
    right: 10%
}

.home-products.slick-slider .slick-list,
.quick-services-slick.slick-slider .slick-list,
.special-packs-and-offers-slick.slick-slider .slick-list {
    padding-left: 0 !important;
    margin-right: 0 !important
}

div.store-locator {
    background: #f0f0f0
}

div.store-locator .bh-sl-map {
    width: 100%;
    height: 100%
}

div.store-locator .bh-sl-loc-list {
    max-height: 500px;
    overflow-y: scroll
}

div.store-locator .bh-sl-loc-list ul.list li {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #464655
}

div.store-locator .bh-sl-loc-list ul.list li:last-child {
    border-bottom: none !important
}

div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content .loc-dist {
    display: inline-block
}

div.store-locator .bh-sl-loc-list ul.list li div.list-details .list-content .loc-directions a {
    text-decoration: underline !important
}

div.glo-store-pickup .bh-sl-map {
    width: 100%;
    height: 0;
    display: none
}

div.glo-store-pickup .bh-sl-loc-list {
    max-height: 500px;
    overflow-y: scroll
}

div.glo-store-pickup .bh-sl-loc-list ul.list li {
    margin-bottom: 1rem
}

div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details {
    min-height: 100%;
    padding-bottom: 1rem;
    border-bottom: 1px solid #464655
}

div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content .loc-dist {
    display: inline-block
}

div.glo-store-pickup .bh-sl-loc-list ul.list li div.list-details .list-content .loc-directions a {
    text-decoration: underline !important
}

.floating-wpp {
    position: fixed;
    bottom: 100px;
    right: 30px;
    font-size: 14px;
    transition: bottom .2s
}

.floating-wpp .floating-wpp-button {
    position: relative;
    border-radius: 50%;
    box-shadow: 1px 1px 4px rgba(60, 60, 60, .4);
    transition: box-shadow .2s;
    cursor: pointer;
    overflow: hidden;
    width: 50px !important;
    height: 50px !important;
    background-color: transparent !important
}

.floating-wpp .floating-wpp-button img,
.floating-wpp .floating-wpp-button svg {
    position: absolute;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    border-radius: 50%
}

.floating-wpp:hover .floating-wpp-button {
    box-shadow: 1px 2px 8px rgba(60, 60, 60, .4)
}

.floating-wpp .floating-wpp-popup {
    border-radius: 6px;
    background-color: #e5ddd5;
    position: absolute;
    overflow: hidden;
    padding: 0;
    box-shadow: 1px 2px 8px rgba(60, 60, 60, .25);
    width: 0;
    height: 0;
    bottom: 0;
    right: 30px;
    opacity: 0;
    transition: bottom .1s ease-out, opacity .2s ease-out;
    transform-origin: bottom
}

.floating-wpp .floating-wpp-popup.active {
    padding: 0 12px 12px;
    width: 260px;
    height: auto;
    bottom: 82px;
    opacity: 1
}

.floating-wpp .floating-wpp-popup .floating-wpp-message {
    background-color: #fff;
    padding: 8px;
    border-radius: 0 5px 5px 5px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
    opacity: 0;
    transition: opacity .2s
}

.floating-wpp .floating-wpp-popup.active .floating-wpp-message {
    opacity: 1;
    transition-delay: .2s
}

.floating-wpp .floating-wpp-popup .floating-wpp-head {
    text-align: right;
    color: #fff;
    margin: 0 -15px 10px;
    padding: 6px 12px;
    display: flex;
    justify-content: space-between;
    cursor: pointer
}

.floating-wpp .floating-wpp-input-message {
    background-color: #fff;
    margin: 10px -15px -15px;
    padding: 0 15px;
    display: flex;
    align-items: center
}

.floating-wpp .floating-wpp-input-message textarea {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
    padding: 8px;
    margin: 10px 0;
    width: 100%;
    max-width: 100%;
    font-family: inherit;
    font-size: inherit;
    resize: none
}

.floating-wpp .floating-wpp-btn-send {
    margin-left: 12px;
    font-size: 0;
    cursor: pointer
}

.quick-services-grid .grid-item {
    float: left;
    width: calc(33.33% - 20px);
    height: 350px;
    margin-bottom: 20px
}

.quick-services-grid .grid-item.grid-item--width2 {
    width: calc(66.66% - 20px)
}

.quick-services-grid .grid-item.grid-item--height2 {
    height: 720px
}

.quick-services-grid .grid-item .card {
    min-height: 100%
}

.vue-slider.vue-slider-ltr {
    height: 8px !important
}

.vue-slider .vue-slider-rail {
    background-color: #f4f8fa;
    border: 1px solid #d1e2ea;
    border-radius: 3.5px !important;
    cursor: pointer
}

.vue-slider .vue-slider-dot-handle {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #4bb44e;
    box-shadow: .5px .5px 2px 1px rgba(0, 0, 0, .32)
}

.vue-slider .vue-slider-dot-tooltip-inner,
.vue-slider .vue-slider-dot-tooltip-text {
    border-color: #fff !important;
    background-color: #fff !important
}

.vue-slider .vue-slider-dot-tooltip-text {
    display: block;
    font-size: 14px;
    min-width: 20px;
    padding: 2px 8px;
    text-align: center;
    border-radius: 5px;
    white-space: nowrap;
    color: #464655;
    box-shadow: 0 1px 8px hsla(0, 0%, 43.1%, .1)
}

.vue-slider .vue-slider-dot-tooltip-text:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 0;
    height: 0;
    border: 6px solid transparent\0;
    border-top-color: inherit;
    transform: translate(-50%)
}

.vue-slider .vue-slider-process {
    background-color: #4bb44e !important
}

.callout {
    min-height: 250px
}

.callout .plan-title {
    font-style: normal;
    font-weight: 500 !important;
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase;
    color: #006837 !important
}

.callout .callout-header {
    font-weight: 500 !important;
    font-size: 1.875rem !important
}

.callout .callout-header,
.callout .callout-text {
    font-style: normal;
    line-height: 2.25rem;
    text-align: center
}

.callout .callout-text {
    font-weight: 400;
    font-size: 1.5625rem;
    color: #08150a
}

.callout .callout-text-small {
    margin-top: 1.5rem;
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.3125rem;
    text-align: center;
    color: #08150a
}

.sme-features {
    min-height: 630px
}

.sme-features .card-transparent {
    cursor: pointer
}

.sme-features .card-transparent:hover {
    border: 1px solid transparent !important;
    background-color: rgba(75, 180, 78, .82)
}

.sme-features .card-transparent:hover p {
    color: #fff !important
}

.sme-features .card-body p {
    font-style: normal;
    font-weight: 300;
    font-size: 1.3rem;
    line-height: 1.7rem
}

.min-height-350x {
    min-height: 340px !important
}

.min-height-500x {
    min-height: 60vh !important
}

.business-starter-features {
    min-height: 400px
}

.business-starter-features .single-item .more {
    display: none;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    min-height: 300px
}

.business-starter-features .single-item:hover .normal {
    display: none
}

.business-starter-features .single-item:hover .more {
    display: block
}

.business-starter-features h4 {
    font-size: 24px;
    line-height: 28px !important
}

.border-5x {
    border-right: 5px solid #fff
}

.border-10x {
    border-right: 10px solid #fff
}

.pagination.shop {
    background: #fff;
    box-shadow: 1px 1px 3px #000
}

.pagination.shop a.page-item {
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
    display: table;
    padding: .2rem .8rem;
    color: #afafaf;
    cursor: pointer;
    font-size: 14px
}

.pagination.shop a.page-item.hover {
    color: #fff !important;
    cursor: pointer
}

.pagination.shop a.page-item.active {
    cursor: pointer;
    border-radius: .25rem !important;
    color: #fff !important;
    background-color: #4bb44e
}

.pagination.shop a.page-item.next {
    background-color: #f4f4f4
}

ul.profile-menubar li.menu-item {
    padding: 15px 0;
    border-bottom: 1px solid #e0e1e2
}

ul.profile-menubar li.menu-item:last-child {
    border-bottom: none !important
}

[v-cloak] {
    display: none
}

@media only screen and (max-width: 450px) {
    .igloworld-banner-sizer {
        min-height: 80vh !important;
        height: 80vh !important;
    }

    .gloworld-product-name {
        font-size: 14px;
        line-height: 16px;
    }

    .product-descr-ellipsis {
        height: 20px !important;
        font-size: 12px;
    } 

    .product-img {
        height: 200px !important;
        padding: 26px !important;
    }

    .product-on-sale {
        padding: 2px 2px;
    }

    .igloworld-container {
        padding: 0px !important;
    }

    .product-grid-container {
        grid-gap: 4px !important;
    }

    .comparison-sticky-col {
        width: 180px !important;
        min-width: 180px !important;
        max-width: 180px !important;
    }

    .card.quick-service-card {
        margin-right: 10px !important;
    }

    .promotional-banner-mobile {
        display: block !important;
    }

    .product-view-cost {
        font-size: 20px !important;
    }

    .heading {
        font-size: 1rem !important;
    }

    .view-wishlist-share {
        flex-direction: column !important;
        gap: .7rem !important;
    }

    .sticky-filter {
        display: none !important;
    }

    .apply-reset-btn {
        font-size: 1rem !important;
        padding: 1rem !important;
    }
}

@media only screen and (max-width: 1024px) {
    .filterMobileModalbtn {
        display: block;
    }
}
@media only screen and (min-width: 1200px) {
    .sticky-filter {
        display: block !important;
    }
}

@media only screen and (max-width: 635px) {
    .vmdsrs {
        display: block !important;
    }

    .vddsrs {
        display: none !important;
    }
}