@charset "UTF-8";

@-webkit-keyframes skeleton {
    0% {
        background-color: rgba(165, 165, 165, .1)
    }

    50% {
        background-color: rgba(165, 165, 165, .3)
    }

    100% {
        background-color: rgba(165, 165, 165, .1)
    }
}

@-moz-keyframes skeleton {
    0% {
        background-color: rgba(165, 165, 165, .1)
    }

    50% {
        background-color: rgba(165, 165, 165, .3)
    }

    100% {
        background-color: rgba(165, 165, 165, .1)
    }
}

@keyframes skeleton {
    0% {
        background-color: rgba(165, 165, 165, .1)
    }

    50% {
        background-color: rgba(165, 165, 165, .3)
    }

    100% {
        background-color: rgba(165, 165, 165, .1)
    }
}

footer .btn,
header .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

footer .btn.active.focus,
footer .btn.active:focus,
footer .btn.focus,
footer .btn:active.focus,
footer .btn:active:focus,
footer .btn:focus,
header .btn.active.focus,
header .btn.active:focus,
header .btn.focus,
header .btn:active.focus,
header .btn:active:focus,
header .btn:focus {
    outline: thin dotted;
    outline: 1px solid #0073b1;
    outline-offset: -2px
}

footer .btn.focus,
footer .btn:focus,
footer .btn:hover,
header .btn.focus,
header .btn:focus,
header .btn:hover {
    color: #666;
    text-decoration: none;
    background-color: #8f2b00
}

footer .btn.active,
footer .btn:active,
header .btn.active,
header .btn:active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

fieldset[disabled] footer .btn,
fieldset[disabled] header .btn,
footer .btn.disabled,
footer .btn[disabled],
header .btn.disabled,
header .btn[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    box-shadow: none
}

footer .btn.btn-full,
header .btn.btn-full {
    width: 100%
}

footer .btn-link,
header .btn-link {
    color: #1976d2;
    font-weight: 400;
    border-radius: 0;
    font-size: 14px;
    padding: 0;
    border: 0;
    margin-bottom: 1px
}

fieldset[disabled] footer .btn-link,
fieldset[disabled] header .btn-link,
footer .btn-link,
footer .btn-link.active,
footer .btn-link:active,
footer .btn-link[disabled],
header .btn-link,
header .btn-link.active,
header .btn-link:active,
header .btn-link[disabled] {
    background-color: transparent;
    box-shadow: none
}

footer .btn-link,
footer .btn-link:active,
footer .btn-link:focus,
footer .btn-link:hover,
header .btn-link,
header .btn-link:active,
header .btn-link:focus,
header .btn-link:hover {
    border-color: transparent
}

footer .btn-link:focus,
footer .btn-link:hover,
header .btn-link:focus,
header .btn-link:hover {
    color: #004588;
    text-decoration: underline;
    background-color: transparent
}

footer .btn-link .btn-full,
header .btn-link .btn-full {
    width: 100%
}

fieldset[disabled] footer .btn-link:focus,
fieldset[disabled] footer .btn-link:hover,
fieldset[disabled] header .btn-link:focus,
fieldset[disabled] header .btn-link:hover,
footer .btn-link[disabled]:focus,
footer .btn-link[disabled]:hover,
header .btn-link[disabled]:focus,
header .btn-link[disabled]:hover {
    text-decoration: none
}

footer .inline-btn,
header .inline-btn {
    display: inline-block;
    margin: 10px 10px 0 0
}

footer .inline-btn .btn,
header .inline-btn .btn {
    margin-right: 10px
}

footer .btn-default,
header .btn-default {
    color: #666;
    border-color: #e0e0e0;
    background-image: -moz- oldlinear-gradient(top, #fff 0, #e0e0e0 100%);
    background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
    background-repeat: repeat-x
}

footer .btn-default.active,
footer .btn-default.focus,
footer .btn-default:active,
footer .btn-default:focus,
footer .btn-default:hover,
header .btn-default.active,
header .btn-default.focus,
header .btn-default:active,
header .btn-default:focus,
header .btn-default:hover {
    color: #666;
    border-color: #c1c1c1;
    background-image: -moz- oldlinear-gradient(top, #e6e6e6 0, #c7c7c7 100%);
    background-image: linear-gradient(to bottom, #e6e6e6 0, #c7c7c7 100%);
    background-repeat: repeat-x
}

fieldset[disabled] footer .btn-default,
fieldset[disabled] footer .btn-default.active,
fieldset[disabled] footer .btn-default.focus,
fieldset[disabled] footer .btn-default:active,
fieldset[disabled] footer .btn-default:focus,
fieldset[disabled] footer .btn-default:hover,
fieldset[disabled] header .btn-default,
fieldset[disabled] header .btn-default.active,
fieldset[disabled] header .btn-default.focus,
fieldset[disabled] header .btn-default:active,
fieldset[disabled] header .btn-default:focus,
fieldset[disabled] header .btn-default:hover,
footer .btn-default.disabled,
footer .btn-default.disabled.active,
footer .btn-default.disabled.focus,
footer .btn-default.disabled:active,
footer .btn-default.disabled:focus,
footer .btn-default.disabled:hover,
footer .btn-default[disabled],
footer .btn-default[disabled].active,
footer .btn-default[disabled].focus,
footer .btn-default[disabled]:active,
footer .btn-default[disabled]:focus,
footer .btn-default[disabled]:hover,
header .btn-default.disabled,
header .btn-default.disabled.active,
header .btn-default.disabled.focus,
header .btn-default.disabled:active,
header .btn-default.disabled:focus,
header .btn-default.disabled:hover,
header .btn-default[disabled],
header .btn-default[disabled].active,
header .btn-default[disabled].focus,
header .btn-default[disabled]:active,
header .btn-default[disabled]:focus,
header .btn-default[disabled]:hover {
    border-color: #e0e0e0;
    background-image: -moz- oldlinear-gradient(top, #fff 0, #e0e0e0 100%);
    background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
    background-repeat: repeat-x
}

footer .btn-primary,
header .btn-primary {
    color: #fff;
    border-color: #f38a00;
    background-image: -moz- oldlinear-gradient(top, #f38a00 0, #ef6c00 100%);
    background-image: linear-gradient(to bottom, #f38a00 0, #ef6c00 100%);
    background-repeat: repeat-x
}

footer .btn-primary.active,
footer .btn-primary.focus,
footer .btn-primary:active,
footer .btn-primary:focus,
footer .btn-primary:hover,
header .btn-primary.active,
header .btn-primary.focus,
header .btn-primary:active,
header .btn-primary:focus,
header .btn-primary:hover {
    color: #fff;
    border-color: #b66700;
    background-image: -moz- oldlinear-gradient(top, #c06d00 0, #bc5500 100%);
    background-image: linear-gradient(to bottom, #c06d00 0, #bc5500 100%);
    background-repeat: repeat-x
}

fieldset[disabled] footer .btn-primary,
fieldset[disabled] footer .btn-primary.active,
fieldset[disabled] footer .btn-primary.focus,
fieldset[disabled] footer .btn-primary:active,
fieldset[disabled] footer .btn-primary:focus,
fieldset[disabled] footer .btn-primary:hover,
fieldset[disabled] header .btn-primary,
fieldset[disabled] header .btn-primary.active,
fieldset[disabled] header .btn-primary.focus,
fieldset[disabled] header .btn-primary:active,
fieldset[disabled] header .btn-primary:focus,
fieldset[disabled] header .btn-primary:hover,
footer .btn-primary.disabled,
footer .btn-primary.disabled.active,
footer .btn-primary.disabled.focus,
footer .btn-primary.disabled:active,
footer .btn-primary.disabled:focus,
footer .btn-primary.disabled:hover,
footer .btn-primary[disabled],
footer .btn-primary[disabled].active,
footer .btn-primary[disabled].focus,
footer .btn-primary[disabled]:active,
footer .btn-primary[disabled]:focus,
footer .btn-primary[disabled]:hover,
header .btn-primary.disabled,
header .btn-primary.disabled.active,
header .btn-primary.disabled.focus,
header .btn-primary.disabled:active,
header .btn-primary.disabled:focus,
header .btn-primary.disabled:hover,
header .btn-primary[disabled],
header .btn-primary[disabled].active,
header .btn-primary[disabled].focus,
header .btn-primary[disabled]:active,
header .btn-primary[disabled]:focus,
header .btn-primary[disabled]:hover {
    border-color: #f38a00;
    background-image: -moz- oldlinear-gradient(top, #f38a00 0, #ef6c00 100%);
    background-image: linear-gradient(to bottom, #f38a00 0, #ef6c00 100%);
    background-repeat: repeat-x
}

footer .btn-secondary,
header .btn-secondary {
    color: #fff;
    border-color: #6fa26b;
    background-image: -moz- oldlinear-gradient(top, #6fa26b 0, #2c7500 100%);
    background-image: linear-gradient(to bottom, #6fa26b 0, #2c7500 100%);
    background-repeat: repeat-x
}

footer .btn-secondary.active,
footer .btn-secondary.focus,
footer .btn-secondary:active,
footer .btn-secondary:focus,
footer .btn-secondary:hover,
header .btn-secondary.active,
header .btn-secondary.focus,
header .btn-secondary:active,
header .btn-secondary:focus,
header .btn-secondary:hover {
    color: #fff;
    border-color: #254800;
    background-image: -moz- oldlinear-gradient(top, #2b5200 0, #194200 100%);
    background-image: linear-gradient(to bottom, #2b5200 0, #194200 100%);
    background-repeat: repeat-x
}

fieldset[disabled] footer .btn-secondary,
fieldset[disabled] footer .btn-secondary.active,
fieldset[disabled] footer .btn-secondary.focus,
fieldset[disabled] footer .btn-secondary:active,
fieldset[disabled] footer .btn-secondary:focus,
fieldset[disabled] footer .btn-secondary:hover,
fieldset[disabled] header .btn-secondary,
fieldset[disabled] header .btn-secondary.active,
fieldset[disabled] header .btn-secondary.focus,
fieldset[disabled] header .btn-secondary:active,
fieldset[disabled] header .btn-secondary:focus,
fieldset[disabled] header .btn-secondary:hover,
footer .btn-secondary.disabled,
footer .btn-secondary.disabled.active,
footer .btn-secondary.disabled.focus,
footer .btn-secondary.disabled:active,
footer .btn-secondary.disabled:focus,
footer .btn-secondary.disabled:hover,
footer .btn-secondary[disabled],
footer .btn-secondary[disabled].active,
footer .btn-secondary[disabled].focus,
footer .btn-secondary[disabled]:active,
footer .btn-secondary[disabled]:focus,
footer .btn-secondary[disabled]:hover,
header .btn-secondary.disabled,
header .btn-secondary.disabled.active,
header .btn-secondary.disabled.focus,
header .btn-secondary.disabled:active,
header .btn-secondary.disabled:focus,
header .btn-secondary.disabled:hover,
header .btn-secondary[disabled],
header .btn-secondary[disabled].active,
header .btn-secondary[disabled].focus,
header .btn-secondary[disabled]:active,
header .btn-secondary[disabled]:focus,
header .btn-secondary[disabled]:hover {
    border-color: #6fa26b;
    background-image: -moz- oldlinear-gradient(top, #6fa26b 0, #2c7500 100%);
    background-image: linear-gradient(to bottom, #6fa26b 0, #2c7500 100%);
    background-repeat: repeat-x
}

footer .btn-disabled,
header .btn-disabled {
    color: #fff;
    border-color: #e0e0e0;
    background-image: -moz- oldlinear-gradient(top, #e0e0e0 0, #999 100%);
    background-image: linear-gradient(to bottom, #e0e0e0 0, #999 100%);
    background-repeat: repeat-x;
    pointer-events: none
}

footer .btn-disabled.active,
footer .btn-disabled.focus,
footer .btn-disabled:active,
footer .btn-disabled:focus,
footer .btn-disabled:hover,
header .btn-disabled.active,
header .btn-disabled.focus,
header .btn-disabled:active,
header .btn-disabled:focus,
header .btn-disabled:hover {
    color: #fff;
    border-color: #c1c1c1;
    background-image: -moz- oldlinear-gradient(top, #c7c7c7 0, gray 100%);
    background-image: linear-gradient(to bottom, #c7c7c7 0, gray 100%);
    background-repeat: repeat-x
}

fieldset[disabled] footer .btn-disabled,
fieldset[disabled] footer .btn-disabled.active,
fieldset[disabled] footer .btn-disabled.focus,
fieldset[disabled] footer .btn-disabled:active,
fieldset[disabled] footer .btn-disabled:focus,
fieldset[disabled] footer .btn-disabled:hover,
fieldset[disabled] header .btn-disabled,
fieldset[disabled] header .btn-disabled.active,
fieldset[disabled] header .btn-disabled.focus,
fieldset[disabled] header .btn-disabled:active,
fieldset[disabled] header .btn-disabled:focus,
fieldset[disabled] header .btn-disabled:hover,
footer .btn-disabled.disabled,
footer .btn-disabled.disabled.active,
footer .btn-disabled.disabled.focus,
footer .btn-disabled.disabled:active,
footer .btn-disabled.disabled:focus,
footer .btn-disabled.disabled:hover,
footer .btn-disabled[disabled],
footer .btn-disabled[disabled].active,
footer .btn-disabled[disabled].focus,
footer .btn-disabled[disabled]:active,
footer .btn-disabled[disabled]:focus,
footer .btn-disabled[disabled]:hover,
header .btn-disabled.disabled,
header .btn-disabled.disabled.active,
header .btn-disabled.disabled.focus,
header .btn-disabled.disabled:active,
header .btn-disabled.disabled:focus,
header .btn-disabled.disabled:hover,
header .btn-disabled[disabled],
header .btn-disabled[disabled].active,
header .btn-disabled[disabled].focus,
header .btn-disabled[disabled]:active,
header .btn-disabled[disabled]:focus,
header .btn-disabled[disabled]:hover {
    border-color: #e0e0e0;
    background-image: -moz- oldlinear-gradient(top, #e0e0e0 0, #999 100%);
    background-image: linear-gradient(to bottom, #e0e0e0 0, #999 100%);
    background-repeat: repeat-x
}

footer .btn-ghost-primary,
header .btn-ghost-primary {
    color: #f38a00;
    border-color: #f38a00;
    background-image: -moz- oldlinear-gradient(top, transparent 0, transparent 100%);
    background-image: linear-gradient(to bottom, transparent 0, transparent 100%);
    background-repeat: repeat-x
}

footer .btn-ghost-primary.active,
footer .btn-ghost-primary.focus,
footer .btn-ghost-primary:active,
footer .btn-ghost-primary:focus,
footer .btn-ghost-primary:hover,
header .btn-ghost-primary.active,
header .btn-ghost-primary.focus,
header .btn-ghost-primary:active,
header .btn-ghost-primary:focus,
header .btn-ghost-primary:hover {
    color: #f38a00;
    border-color: #b66700;
    background-image: -moz- oldlinear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x
}

fieldset[disabled] footer .btn-ghost-primary,
fieldset[disabled] footer .btn-ghost-primary.active,
fieldset[disabled] footer .btn-ghost-primary.focus,
fieldset[disabled] footer .btn-ghost-primary:active,
fieldset[disabled] footer .btn-ghost-primary:focus,
fieldset[disabled] footer .btn-ghost-primary:hover,
fieldset[disabled] header .btn-ghost-primary,
fieldset[disabled] header .btn-ghost-primary.active,
fieldset[disabled] header .btn-ghost-primary.focus,
fieldset[disabled] header .btn-ghost-primary:active,
fieldset[disabled] header .btn-ghost-primary:focus,
fieldset[disabled] header .btn-ghost-primary:hover,
footer .btn-ghost-primary.disabled,
footer .btn-ghost-primary.disabled.active,
footer .btn-ghost-primary.disabled.focus,
footer .btn-ghost-primary.disabled:active,
footer .btn-ghost-primary.disabled:focus,
footer .btn-ghost-primary.disabled:hover,
footer .btn-ghost-primary[disabled],
footer .btn-ghost-primary[disabled].active,
footer .btn-ghost-primary[disabled].focus,
footer .btn-ghost-primary[disabled]:active,
footer .btn-ghost-primary[disabled]:focus,
footer .btn-ghost-primary[disabled]:hover,
header .btn-ghost-primary.disabled,
header .btn-ghost-primary.disabled.active,
header .btn-ghost-primary.disabled.focus,
header .btn-ghost-primary.disabled:active,
header .btn-ghost-primary.disabled:focus,
header .btn-ghost-primary.disabled:hover,
header .btn-ghost-primary[disabled],
header .btn-ghost-primary[disabled].active,
header .btn-ghost-primary[disabled].focus,
header .btn-ghost-primary[disabled]:active,
header .btn-ghost-primary[disabled]:focus,
header .btn-ghost-primary[disabled]:hover {
    border-color: #f38a00;
    background-image: -moz- oldlinear-gradient(top, transparent 0, transparent 100%);
    background-image: linear-gradient(to bottom, transparent 0, transparent 100%);
    background-repeat: repeat-x
}

footer .btn-ghost-primary-darker,
header .btn-ghost-primary-darker {
    color: #ef6c00;
    border-color: #ef6c00;
    background-image: -moz- oldlinear-gradient(top, transparent 0, transparent 100%);
    background-image: linear-gradient(to bottom, transparent 0, transparent 100%);
    background-repeat: repeat-x
}

footer .btn-ghost-primary-darker.active,
footer .btn-ghost-primary-darker.focus,
footer .btn-ghost-primary-darker:active,
footer .btn-ghost-primary-darker:focus,
footer .btn-ghost-primary-darker:hover,
header .btn-ghost-primary-darker.active,
header .btn-ghost-primary-darker.focus,
header .btn-ghost-primary-darker:active,
header .btn-ghost-primary-darker:focus,
header .btn-ghost-primary-darker:hover {
    color: #ef6c00;
    border-color: #b25000;
    background-image: -moz- oldlinear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x
}

fieldset[disabled] footer .btn-ghost-primary-darker,
fieldset[disabled] footer .btn-ghost-primary-darker.active,
fieldset[disabled] footer .btn-ghost-primary-darker.focus,
fieldset[disabled] footer .btn-ghost-primary-darker:active,
fieldset[disabled] footer .btn-ghost-primary-darker:focus,
fieldset[disabled] footer .btn-ghost-primary-darker:hover,
fieldset[disabled] header .btn-ghost-primary-darker,
fieldset[disabled] header .btn-ghost-primary-darker.active,
fieldset[disabled] header .btn-ghost-primary-darker.focus,
fieldset[disabled] header .btn-ghost-primary-darker:active,
fieldset[disabled] header .btn-ghost-primary-darker:focus,
fieldset[disabled] header .btn-ghost-primary-darker:hover,
footer .btn-ghost-primary-darker.disabled,
footer .btn-ghost-primary-darker.disabled.active,
footer .btn-ghost-primary-darker.disabled.focus,
footer .btn-ghost-primary-darker.disabled:active,
footer .btn-ghost-primary-darker.disabled:focus,
footer .btn-ghost-primary-darker.disabled:hover,
footer .btn-ghost-primary-darker[disabled],
footer .btn-ghost-primary-darker[disabled].active,
footer .btn-ghost-primary-darker[disabled].focus,
footer .btn-ghost-primary-darker[disabled]:active,
footer .btn-ghost-primary-darker[disabled]:focus,
footer .btn-ghost-primary-darker[disabled]:hover,
header .btn-ghost-primary-darker.disabled,
header .btn-ghost-primary-darker.disabled.active,
header .btn-ghost-primary-darker.disabled.focus,
header .btn-ghost-primary-darker.disabled:active,
header .btn-ghost-primary-darker.disabled:focus,
header .btn-ghost-primary-darker.disabled:hover,
header .btn-ghost-primary-darker[disabled],
header .btn-ghost-primary-darker[disabled].active,
header .btn-ghost-primary-darker[disabled].focus,
header .btn-ghost-primary-darker[disabled]:active,
header .btn-ghost-primary-darker[disabled]:focus,
header .btn-ghost-primary-darker[disabled]:hover {
    border-color: #ef6c00;
    background-image: -moz- oldlinear-gradient(top, transparent 0, transparent 100%);
    background-image: linear-gradient(to bottom, transparent 0, transparent 100%);
    background-repeat: repeat-x
}

footer .btn-ghost-info,
header .btn-ghost-info {
    color: #1976d2;
    border-color: #1976d2;
    background-image: -moz- oldlinear-gradient(top, transparent 0, transparent 100%);
    background-image: linear-gradient(to bottom, transparent 0, transparent 100%);
    background-repeat: repeat-x
}

footer .btn-ghost-info.active,
footer .btn-ghost-info.focus,
footer .btn-ghost-info:active,
footer .btn-ghost-info:focus,
footer .btn-ghost-info:hover,
header .btn-ghost-info.active,
header .btn-ghost-info.focus,
header .btn-ghost-info:active,
header .btn-ghost-info:focus,
header .btn-ghost-info:hover {
    color: #1976d2;
    border-color: #12579b;
    background-image: -moz- oldlinear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x
}

fieldset[disabled] footer .btn-ghost-info,
fieldset[disabled] footer .btn-ghost-info.active,
fieldset[disabled] footer .btn-ghost-info.focus,
fieldset[disabled] footer .btn-ghost-info:active,
fieldset[disabled] footer .btn-ghost-info:focus,
fieldset[disabled] footer .btn-ghost-info:hover,
fieldset[disabled] header .btn-ghost-info,
fieldset[disabled] header .btn-ghost-info.active,
fieldset[disabled] header .btn-ghost-info.focus,
fieldset[disabled] header .btn-ghost-info:active,
fieldset[disabled] header .btn-ghost-info:focus,
fieldset[disabled] header .btn-ghost-info:hover,
footer .btn-ghost-info.disabled,
footer .btn-ghost-info.disabled.active,
footer .btn-ghost-info.disabled.focus,
footer .btn-ghost-info.disabled:active,
footer .btn-ghost-info.disabled:focus,
footer .btn-ghost-info.disabled:hover,
footer .btn-ghost-info[disabled],
footer .btn-ghost-info[disabled].active,
footer .btn-ghost-info[disabled].focus,
footer .btn-ghost-info[disabled]:active,
footer .btn-ghost-info[disabled]:focus,
footer .btn-ghost-info[disabled]:hover,
header .btn-ghost-info.disabled,
header .btn-ghost-info.disabled.active,
header .btn-ghost-info.disabled.focus,
header .btn-ghost-info.disabled:active,
header .btn-ghost-info.disabled:focus,
header .btn-ghost-info.disabled:hover,
header .btn-ghost-info[disabled],
header .btn-ghost-info[disabled].active,
header .btn-ghost-info[disabled].focus,
header .btn-ghost-info[disabled]:active,
header .btn-ghost-info[disabled]:focus,
header .btn-ghost-info[disabled]:hover {
    border-color: #1976d2;
    background-image: -moz- oldlinear-gradient(top, transparent 0, transparent 100%);
    background-image: linear-gradient(to bottom, transparent 0, transparent 100%);
    background-repeat: repeat-x
}

footer .btn-outline,
header .btn-outline {
    background-color: #fff;
    border: #f38a00 1px solid;
    border-radius: 5px;
    font-weight: 400;
    color: #f38a00;
    cursor: pointer;
    padding: 5px 10px 5px 10px
}

footer .btn-outline:hover,
header .btn-outline:hover {
    background-image: -moz- oldlinear-gradient(top, #f38a00 0, #ef6c00 100%);
    background-image: linear-gradient(to bottom, #f38a00 0, #ef6c00 100%);
    color: #fff;
    background-color: #f38a00
}

footer .btn-outline:focus,
header .btn-outline:focus {
    outline: 0
}

footer .btn-xl,
header .btn-xl {
    padding: 8px 8px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 3px
}

footer .btn-lg,
header .btn-lg {
    padding: 8px 8px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 3px
}

footer .btn-md,
header .btn-md {
    padding: 5px 16px;
    font-size: 14px;
    line-height: 1.6;
    border-radius: 3px
}

footer .btn-sm,
header .btn-sm {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 2px
}

footer .btn-xs,
header .btn-xs {
    padding: 0 15px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 2px
}

footer .btn-slim,
header .btn-slim {
    padding: 4px 12px;
    font-size: 17px;
    line-height: 1.42857;
    border-radius: 3px
}

footer .btn-xs-slim,
header .btn-xs-slim {
    padding: 0 15px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 2px
}

footer .btn-narrow,
header .btn-narrow {
    padding: 2px 30px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px
}

footer .btn-block,
header .btn-block {
    display: block;
    width: 100%
}

footer .btn-block+.btn-block,
header .btn-block+.btn-block {
    margin-top: 5px
}

footer input[type=button].btn-block,
footer input[type=reset].btn-block,
footer input[type=submit].btn-block,
header input[type=button].btn-block,
header input[type=reset].btn-block,
header input[type=submit].btn-block {
    width: 100%
}

footer .btn-primary-universal,
header .btn-primary-universal {
    color: #fff;
    border-color: #4c4c4c;
    background-color: #4c4c4c;
    background-image: none;
    font-size: 14px;
    border-radius: 4px
}

footer .btn-primary-universal.active,
footer .btn-primary-universal.focus,
footer .btn-primary-universal:active,
footer .btn-primary-universal:focus,
footer .btn-primary-universal:hover,
header .btn-primary-universal.active,
header .btn-primary-universal.focus,
header .btn-primary-universal:active,
header .btn-primary-universal:focus,
header .btn-primary-universal:hover {
    color: #fff;
    border-color: #333;
    background-color: #333
}

fieldset[disabled] footer .btn-primary-universal,
fieldset[disabled] footer .btn-primary-universal.active,
fieldset[disabled] footer .btn-primary-universal.focus,
fieldset[disabled] footer .btn-primary-universal:active,
fieldset[disabled] footer .btn-primary-universal:focus,
fieldset[disabled] footer .btn-primary-universal:hover,
fieldset[disabled] header .btn-primary-universal,
fieldset[disabled] header .btn-primary-universal.active,
fieldset[disabled] header .btn-primary-universal.focus,
fieldset[disabled] header .btn-primary-universal:active,
fieldset[disabled] header .btn-primary-universal:focus,
fieldset[disabled] header .btn-primary-universal:hover,
footer .btn-primary-universal.disabled,
footer .btn-primary-universal.disabled.active,
footer .btn-primary-universal.disabled.focus,
footer .btn-primary-universal.disabled:active,
footer .btn-primary-universal.disabled:focus,
footer .btn-primary-universal.disabled:hover,
footer .btn-primary-universal[disabled],
footer .btn-primary-universal[disabled].active,
footer .btn-primary-universal[disabled].focus,
footer .btn-primary-universal[disabled]:active,
footer .btn-primary-universal[disabled]:focus,
footer .btn-primary-universal[disabled]:hover,
header .btn-primary-universal.disabled,
header .btn-primary-universal.disabled.active,
header .btn-primary-universal.disabled.focus,
header .btn-primary-universal.disabled:active,
header .btn-primary-universal.disabled:focus,
header .btn-primary-universal.disabled:hover,
header .btn-primary-universal[disabled],
header .btn-primary-universal[disabled].active,
header .btn-primary-universal[disabled].focus,
header .btn-primary-universal[disabled]:active,
header .btn-primary-universal[disabled]:focus,
header .btn-primary-universal[disabled]:hover {
    color: #fff;
    border-color: #d8d8d8;
    background-color: #d8d8d8
}

footer .btn-secondary-universal,
header .btn-secondary-universal {
    color: #333;
    border-color: #4c4c4c;
    background-color: #fff;
    background-image: none;
    font-size: 14px;
    border-radius: 4px;
    border: 2px solid
}

footer .btn-secondary-universal.active,
footer .btn-secondary-universal.focus,
footer .btn-secondary-universal:active,
footer .btn-secondary-universal:focus,
footer .btn-secondary-universal:hover,
header .btn-secondary-universal.active,
header .btn-secondary-universal.focus,
header .btn-secondary-universal:active,
header .btn-secondary-universal:focus,
header .btn-secondary-universal:hover {
    color: #333;
    border-color: #4c4c4c;
    background-color: #f5f5f5
}

fieldset[disabled] footer .btn-secondary-universal,
fieldset[disabled] footer .btn-secondary-universal.active,
fieldset[disabled] footer .btn-secondary-universal.focus,
fieldset[disabled] footer .btn-secondary-universal:active,
fieldset[disabled] footer .btn-secondary-universal:focus,
fieldset[disabled] footer .btn-secondary-universal:hover,
fieldset[disabled] header .btn-secondary-universal,
fieldset[disabled] header .btn-secondary-universal.active,
fieldset[disabled] header .btn-secondary-universal.focus,
fieldset[disabled] header .btn-secondary-universal:active,
fieldset[disabled] header .btn-secondary-universal:focus,
fieldset[disabled] header .btn-secondary-universal:hover,
footer .btn-secondary-universal.disabled,
footer .btn-secondary-universal.disabled.active,
footer .btn-secondary-universal.disabled.focus,
footer .btn-secondary-universal.disabled:active,
footer .btn-secondary-universal.disabled:focus,
footer .btn-secondary-universal.disabled:hover,
footer .btn-secondary-universal[disabled],
footer .btn-secondary-universal[disabled].active,
footer .btn-secondary-universal[disabled].focus,
footer .btn-secondary-universal[disabled]:active,
footer .btn-secondary-universal[disabled]:focus,
footer .btn-secondary-universal[disabled]:hover,
header .btn-secondary-universal.disabled,
header .btn-secondary-universal.disabled.active,
header .btn-secondary-universal.disabled.focus,
header .btn-secondary-universal.disabled:active,
header .btn-secondary-universal.disabled:focus,
header .btn-secondary-universal.disabled:hover,
header .btn-secondary-universal[disabled],
header .btn-secondary-universal[disabled].active,
header .btn-secondary-universal[disabled].focus,
header .btn-secondary-universal[disabled]:active,
header .btn-secondary-universal[disabled]:focus,
header .btn-secondary-universal[disabled]:hover {
    color: #d8d8d8;
    border-color: #d8d8d8;
    background-color: #fff
}

footer .btn-secondary-universal.active,
footer .btn-secondary-universal.focus,
footer .btn-secondary-universal:active,
footer .btn-secondary-universal:focus,
footer .btn-secondary-universal:hover,
header .btn-secondary-universal.active,
header .btn-secondary-universal.focus,
header .btn-secondary-universal:active,
header .btn-secondary-universal:focus,
header .btn-secondary-universal:hover {
    text-decoration: underline
}

footer .btn-sm-universal,
header .btn-sm-universal {
    padding: 6px 16px;
    font-size: 14px;
    line-height: 1;
    border-radius: 4px;
    height: 32px
}

footer .btn-lg-universal,
header .btn-lg-universal {
    padding: 12px 24px;
    font-size: 14px;
    line-height: 1.33333;
    border-radius: 4px;
    font-weight: 700;
    height: 44px
}

footer .badge,
header .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #8c8c8c;
    border-radius: 10px
}

footer .badge:empty,
header .badge:empty {
    display: none
}

.btn footer .badge,
.btn header .badge {
    position: relative;
    top: -1px
}

.btn-group-xs>.btn footer .badge,
.btn-group-xs>.btn header .badge,
.btn-xs footer .badge,
.btn-xs header .badge {
    top: 0;
    padding: 1px 5px
}

.list-group-item.active>footer .badge,
.list-group-item.active>header .badge,
.nav-pills>.active>a>footer .badge,
.nav-pills>.active>a>header .badge {
    color: #1976d2;
    background-color: #fff
}

.list-group-item>footer .badge,
.list-group-item>header .badge {
    float: right
}

.list-group-item>footer .badge+footer .badge,
.list-group-item>footer .badge+header .badge,
.list-group-item>header .badge+footer .badge,
.list-group-item>header .badge+header .badge {
    margin-right: 5px
}

.nav-pills>li>a>footer .badge,
.nav-pills>li>a>header .badge {
    margin-left: 3px
}

footer .badge.badge-small,
header .badge.badge-small {
    font-size: 10px;
    padding: 2px 7px
}

footer .badge.badge-danger,
header .badge.badge-danger {
    background-color: #f10200
}

footer a.badge:focus,
footer a.badge:hover,
header a.badge:focus,
header a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

footer .badge-unread,
header .badge-unread {
    width: 8px;
    height: 8px;
    background-color: #d32f2f;
    border-radius: 8px;
    display: inline-block
}

footer .popup-container,
header .popup-container {
    width: 500px;
    top: 50vh;
    /*!@noflip*/
    left: 50vw;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-height: 100px;
    padding: 25px;
    display: none;
    position: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 300px;
    max-height: -moz-calc(100vh - 200px);
    max-height: calc(100vh - 200px);
    z-index: 2000;
    height: auto;
    background-color: #fff;
    outline: 0
}

footer .popup-container.china,
header .popup-container.china {
    width: 600px
}

footer .popup-container .popup-close,
footer .popup-container .popup-close-adv,
header .popup-container .popup-close,
header .popup-container .popup-close-adv {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 8px;
    cursor: pointer;
    z-index: 500
}

footer .popup-container .popup-close i,
footer .popup-container .popup-close-adv i,
header .popup-container .popup-close i,
header .popup-container .popup-close-adv i {
    font-size: 21px;
    color: #e0e0e0 !important
}

footer .popup-container .popup-title,
header .popup-container .popup-title {
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #e0e0e0 ；;
    padding-bottom: 15px
}

footer .popup-container .popup-title.china,
header .popup-container .popup-title.china {
    text-align: center
}

footer .popup-container .popup-title svg,
header .popup-container .popup-title svg {
    vertical-align: middle
}

footer .popup-container .popup-title #china-title,
header .popup-container .popup-title #china-title {
    margin-left: 15px;
    font-size: 18px;
    font-weight: 700
}

footer .popup-container .popup-content,
header .popup-container .popup-content {
    font-size: 14px;
    margin: 10px 0;
    font-weight: 400
}

footer .popup-container .popup-content p,
header .popup-container .popup-content p {
    margin-bottom: 10px
}

footer .popup-container .popup-content.china,
header .popup-container .popup-content.china {
    text-align: center
}

footer .popup-container .popup-footer,
header .popup-container .popup-footer {
    padding-top: 20px;
    float: right
}

footer .popup-container .popup-footer .btn+.btn,
header .popup-container .popup-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

footer .popup-container-wrapper,
header .popup-container-wrapper {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .popup-container-wrapper.expand,
header .popup-container-wrapper.expand {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0
}

footer .show,
header .show {
    display: block !important
}

footer .add-close,
header .add-close {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer
}

footer .add-close i,
header .add-close i {
    font-size: 21px;
    color: #e0e0e0 !important
}

footer .no-rating,
header .no-rating {
    height: 19px
}

footer .rating,
header .rating {
    z-index: 0;
    position: relative
}

footer .rating .write-review,
header .rating .write-review {
    vertical-align: middle;
    font-size: 13px
}

footer .rating a,
header .rating a {
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: none
}

footer .rating a>span,
header .rating a>span {
    margin-right: 4px;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .rating a:hover,
header .rating a:hover {
    text-decoration: none
}

footer .rating .stars,
header .rating .stars {
    font-size: 12px;
    display: inline-block
}

footer .rating .stars .stars-rating,
header .rating .stars .stars-rating {
    width: 15px !important;
    height: 15px;
    min-height: 15px;
    vertical-align: top;
    position: relative;
    margin-right: 1px;
    left: 0
}

footer .rating .stars .stars-rating path,
header .rating .stars .stars-rating path {
    fill: #fac627
}

footer .rating .stars .stars-rating:last-of-type,
header .rating .stars .stars-rating:last-of-type {
    margin-right: 0 !important
}

footer .rating .stars .stars-rating.empty path:first-of-type,
footer .rating .stars .stars-rating.half path:first-of-type,
header .rating .stars .stars-rating.empty path:first-of-type,
header .rating .stars .stars-rating.half path:first-of-type {
    fill: #bdbdbd
}

footer .rating .stars .stars-rating-v2,
header .rating .stars .stars-rating-v2 {
    width: 15px;
    height: 15px;
    min-height: 15px;
    vertical-align: top;
    position: relative;
    margin-right: 1px;
    left: 0;
    fill: none
}

footer .rating .stars .stars-rating-v2.full,
header .rating .stars .stars-rating-v2.full {
    fill: #fac627
}

footer .rating .stars .stars-rating-v2.full path,
header .rating .stars .stars-rating-v2.full path {
    stroke: #8d6708
}

footer .rating .stars .stars-rating-v2.half path:first-child,
footer .rating .stars .stars-rating-v2.quarter path:first-child,
footer .rating .stars .stars-rating-v2.three-quarters path:first-child,
header .rating .stars .stars-rating-v2.half path:first-child,
header .rating .stars .stars-rating-v2.quarter path:first-child,
header .rating .stars .stars-rating-v2.three-quarters path:first-child {
    fill: #fac627
}

footer .rating .stars .stars-rating-v2.half path:last-child,
footer .rating .stars .stars-rating-v2.quarter path:last-child,
footer .rating .stars .stars-rating-v2.three-quarters path:last-child,
header .rating .stars .stars-rating-v2.half path:last-child,
header .rating .stars .stars-rating-v2.quarter path:last-child,
header .rating .stars .stars-rating-v2.three-quarters path:last-child {
    stroke: #8d6708
}

footer .rating .stars .stars-rating-v2.empty path,
header .rating .stars .stars-rating-v2.empty path {
    stroke: #8d6708
}

footer .rating .rating-count,
header .rating .rating-count {
    font-size: 12px;
    color: #747474;
    margin-left: 3px
}

footer .alerts,
header .alerts {
    padding: 16px;
    font-size: 14px;
    border: 1px solid;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1
}

footer .alerts.alerts-inline,
header .alerts.alerts-inline {
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

footer .alerts.alerts-info,
header .alerts.alerts-info {
    background-color: #f0f5ff;
    border-color: #f0f5ff;
    color: #005b9e
}

footer .catalog-alerts-v2,
header .catalog-alerts-v2 {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    height: auto;
    width: 100vw;
    z-index: 9999999999
}

footer .catalog-alerts-v2 .alert,
header .catalog-alerts-v2 .alert {
    position: absolute;
    top: 16px;
    z-index: 9999999999;
    right: 16px
}

footer .catalog-alerts-v2 .alert .alert-content,
header .catalog-alerts-v2 .alert .alert-content {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    height: auto;
    margin-bottom: 16px;
    padding: 16px;
    position: relative;
    width: 343px;
    background: #333
}

footer .catalog-alerts-v2 .alert .alert-content .alert-message,
header .catalog-alerts-v2 .alert .alert-content .alert-message {
    -webkit-flex: 1 1 0%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    margin: 0 10px 4px 12px;
    color: #fff;
    font-size: 14px
}

footer .catalog-alerts-v2 .alert .alert-content .close-icon-wrapper svg,
header .catalog-alerts-v2 .alert .alert-content .close-icon-wrapper svg {
    cursor: pointer
}

footer .catalog-alerts-v2 .alert .alert-content .close-icon-wrapper svg path,
header .catalog-alerts-v2 .alert .alert-content .close-icon-wrapper svg path {
    fill: #fff
}

footer .catalog-alerts-v2 .alert .alert-content-error,
header .catalog-alerts-v2 .alert .alert-content-error {
    background: #d32f2f
}

footer .catalog-alerts-v2 .alert .alert-content-success,
header .catalog-alerts-v2 .alert .alert-content-success {
    background: #2c7500
}

footer .catalog-alerts-v2 .alert .alert-content-success svg path,
header .catalog-alerts-v2 .alert .alert-content-success svg path {
    fill: #fff
}

footer .catalog-alerts-v2 .alert .alert-content-warn,
header .catalog-alerts-v2 .alert .alert-content-warn {
    background: #fac627
}

footer .catalog-alerts-v2 .alert .alert-content-warn .alert-message,
header .catalog-alerts-v2 .alert .alert-content-warn .alert-message {
    color: #333
}

footer .catalog-alerts-v2 .alert .alert-content-warn .close-icon-wrapper svg path,
header .catalog-alerts-v2 .alert .alert-content-warn .close-icon-wrapper svg path {
    fill: #333
}

footer .catalog-alerts-v2 .alert .alert-content-info,
header .catalog-alerts-v2 .alert .alert-content-info {
    background: #126cc5
}

footer .catalog-alerts-v2 .alert .alert-action,
header .catalog-alerts-v2 .alert .alert-action {
    padding-left: 3px;
    text-decoration: underline;
    cursor: pointer
}

footer .gh-form-control,
header .gh-form-control {
    display: block;
    font-size: 14px
}

footer .gh-form-control .gh-dropdown-search,
footer .gh-form-control .gh-input-search,
header .gh-form-control .gh-dropdown-search,
header .gh-form-control .gh-input-search {
    border-radius: 8px;
    border: 1px solid #ccc;
    position: relative;
    padding: 12px 16px;
    height: 100%;
    width: 100%;
    outline: 0
}

footer .gh-form-control .gh-dropdown-search:active,
footer .gh-form-control .gh-dropdown-search:focus,
footer .gh-form-control .gh-input-search:active,
footer .gh-form-control .gh-input-search:focus,
header .gh-form-control .gh-dropdown-search:active,
header .gh-form-control .gh-dropdown-search:focus,
header .gh-form-control .gh-input-search:active,
header .gh-form-control .gh-input-search:focus {
    border: 1px solid #6fa26b;
    outline: 0
}

footer .gh-form-control .gh-dropdown-search:active+.gh-control-label,
footer .gh-form-control .gh-dropdown-search:focus+.gh-control-label,
footer .gh-form-control .gh-input-search:active+.gh-control-label,
footer .gh-form-control .gh-input-search:focus+.gh-control-label,
header .gh-form-control .gh-dropdown-search:active+.gh-control-label,
header .gh-form-control .gh-dropdown-search:focus+.gh-control-label,
header .gh-form-control .gh-input-search:active+.gh-control-label,
header .gh-form-control .gh-input-search:focus+.gh-control-label {
    color: #6fa26b
}

footer .gh-form-control .gh-fake-input-value,
header .gh-form-control .gh-fake-input-value {
    display: block;
    padding: 12px 16px
}

footer .gh-form-control .gh-fake-input,
header .gh-form-control .gh-fake-input {
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0
}

footer .gh-form-control .gh-fake-input.searching,
header .gh-form-control .gh-fake-input.searching {
    background: #fff
}

footer .gh-form-control .gh-control-label,
header .gh-form-control .gh-control-label {
    font-size: 12px;
    position: absolute;
    top: -10px;
    left: 8px;
    padding: 0 2px;
    background-color: #fff;
    color: #999;
    z-index: 2
}

footer .gh-form-control .gh-error-icon,
header .gh-form-control .gh-error-icon {
    display: none
}

footer .gh-form-control .gh-control-icon,
footer .gh-form-control .gh-error-icon,
header .gh-form-control .gh-control-icon,
header .gh-form-control .gh-error-icon {
    position: absolute;
    width: 24px;
    height: 100%;
    top: 0;
    right: 8px;
    pointer-events: none
}

footer .gh-input,
header .gh-input {
    padding: 12px 16px;
    display: block;
    position: relative
}

footer .gh-dropdown,
header .gh-dropdown {
    position: relative
}

footer .gh-dropdown .gh-dropdown-menu,
header .gh-dropdown .gh-dropdown-menu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    max-height: 230px;
    overflow-y: auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: 8px;
    padding-top: 8px;
    z-index: 50
}

footer .gh-dropdown .gh-dropdown-menu:focus,
header .gh-dropdown .gh-dropdown-menu:focus {
    outline: 0
}

footer .gh-dropdown .gh-dropdown-menu:not(.open),
header .gh-dropdown .gh-dropdown-menu:not(.open) {
    display: none
}

footer .gh-dropdown .gh-dropdown-menu .gh-dropdown-menu-item,
header .gh-dropdown .gh-dropdown-menu .gh-dropdown-menu-item {
    padding: 8px 16px !important;
    font-size: 14px
}

footer .gh-dropdown .gh-dropdown-menu .gh-dropdown-menu-item.selected,
footer .gh-dropdown .gh-dropdown-menu .gh-dropdown-menu-item:hover,
header .gh-dropdown .gh-dropdown-menu .gh-dropdown-menu-item.selected,
header .gh-dropdown .gh-dropdown-menu .gh-dropdown-menu-item:hover {
    background-color: #edf7e5
}

footer .input-error,
header .input-error {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .input-error .gh-control-label,
header .input-error .gh-control-label {
    color: #bd3c37 !important
}

footer .input-error .gh-fake-input,
header .input-error .gh-fake-input {
    border-color: #bd3c37 !important
}

footer .input-error .gh-error-icon,
header .input-error .gh-error-icon {
    display: block
}

footer .input-error+div span,
header .input-error+div span {
    color: #bd3c37
}

footer .input-error+.gh-input-error-message,
header .input-error+.gh-input-error-message {
    display: block !important
}

footer .gh-input-error-message,
header .gh-input-error-message {
    display: none;
    font-size: 13px;
    color: #bd3c37
}

footer .gh-toast,
header .gh-toast {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    border-radius: 8px;
    position: fixed;
    z-index: 5000;
    top: 103px;
    right: 16px;
    left: auto;
    -webkit-transform: translateX(115%);
    -moz-transform: translateX(115%);
    -ms-transform: translateX(115%);
    transform: translateX(115%);
    opacity: 0;
    transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out, opacity .3s ease-in-out, -moz-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out, -moz-transform .3s ease-in-out
}

footer .gh-toast svg,
header .gh-toast svg {
    width: 24px;
    height: 24px
}

footer .gh-toast.gh-toast-success,
header .gh-toast.gh-toast-success {
    background-color: #2c7500;
    color: #fff
}

footer .gh-toast.gh-toast-success a,
header .gh-toast.gh-toast-success a {
    color: #fff !important;
    text-decoration: underline
}

footer .gh-toast.gh-toast-success svg,
header .gh-toast.gh-toast-success svg {
    fill: #f5f5f5
}

footer .gh-toast.active,
header .gh-toast.active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out, opacity .3s ease-in-out, -moz-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out, -moz-transform .3s ease-in-out
}

footer .gh-toast .gh-toast-text,
header .gh-toast .gh-toast-text {
    max-width: 230px;
    margin: 0 16px
}

footer .gh-toast .gh-toast-header,
header .gh-toast .gh-toast-header {
    font-weight: 700
}

footer .gh-toast .gh-toast-close,
header .gh-toast .gh-toast-close {
    cursor: pointer
}

footer .gh-overflow-unset,
header .gh-overflow-unset {
    overflow: unset !important
}

footer .gh-tooltip,
header .gh-tooltip {
    position: relative;
    cursor: pointer
}

footer .gh-tooltip svg,
header .gh-tooltip svg {
    fill: #666;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

footer .gh-tooltip .gh-tooltip-box,
header .gh-tooltip .gh-tooltip-box {
    display: none;
    background-color: #666;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    width: 280px;
    padding: 16px;
    color: #fff;
    position: absolute;
    border-radius: 4px;
    z-index: 100;
    cursor: auto;
    bottom: 101%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

footer .gh-tooltip .gh-tooltip-box .gh-tooltip-content,
header .gh-tooltip .gh-tooltip-box .gh-tooltip-content {
    font-size: 12px
}

footer .gh-tooltip .gh-tooltip-box .gh-tooltip-close,
header .gh-tooltip .gh-tooltip-box .gh-tooltip-close {
    display: block;
    cursor: pointer;
    text-align: right;
    font-weight: 700;
    font-size: 14px;
    margin-top: 8px
}

footer .gh-tooltip .gh-tooltip-box.gh-tooltip-box-v2,
header .gh-tooltip .gh-tooltip-box.gh-tooltip-box-v2 {
    box-shadow: none;
    width: 343px;
    background-color: #fff;
    padding: 16px 14px;
    border-radius: 16px;
    border: solid 1px #999;
    color: #333
}

footer .gh-tooltip .gh-tooltip-box.gh-tooltip-box-v2.gh-tooltip-box-arrow-left::after,
header .gh-tooltip .gh-tooltip-box.gh-tooltip-box-v2.gh-tooltip-box-arrow-left::after {
    content: " ";
    width: 14px;
    height: 14px;
    border-radius: 0 0 4px 0;
    border: solid 1px #999;
    border-top: none;
    border-left: none;
    background: -moz- oldlinear-gradient(135deg, #fff 50%, transparent 50%);
    background: linear-gradient(-45deg, #fff 50%, transparent 50%);
    position: absolute;
    right: -12px;
    top: 50%;
    -webkit-transform: rotate(315deg) translateY(-50%);
    -moz-transform: rotate(315deg) translateY(-50%);
    -ms-transform: rotate(315deg) translateY(-50%);
    transform: rotate(315deg) translateY(-50%)
}

footer .gh-tooltip .gh-tooltip-box.gh-tooltip-box-v2.gh-tooltip-box-arrow-right::after,
header .gh-tooltip .gh-tooltip-box.gh-tooltip-box-v2.gh-tooltip-box-arrow-right::after {
    content: " ";
    width: 14px;
    height: 14px;
    border-radius: 0 0 4px 0;
    border: solid 1px #999;
    border-top: none;
    border-left: none;
    background: -moz- oldlinear-gradient(135deg, #fff 50%, transparent 50%);
    background: linear-gradient(-45deg, #fff 50%, transparent 50%);
    position: absolute;
    left: -12px;
    top: 40%;
    -webkit-transform: rotate(135deg) translateY(-50%);
    -moz-transform: rotate(135deg) translateY(-50%);
    -ms-transform: rotate(135deg) translateY(-50%);
    transform: rotate(135deg) translateY(-50%)
}


footer .gh-tooltip .gh-tooltip-box.gh-tooltip-box-v2.gh-tooltip-box-left,
header .gh-tooltip .gh-tooltip-box.gh-tooltip-box-v2.gh-tooltip-box-left {
    bottom: auto;
    top: 50%;
    -webkit-transform: translate(-105%, -50%);
    -moz-transform: translate(-105%, -50%);
    -ms-transform: translate(-105%, -50%);
    transform: translate(-105%, -50%)
}


footer .product-mini-carousel .image-coming-soon.small,
header .product-mini-carousel .image-coming-soon.small {
    height: 100%;
    font-size: 14px;
    bottom: 6px;
    padding-left: 16px
}

footer .product-mini-carousel .image-coming-soon.small i,
header .product-mini-carousel .image-coming-soon.small i {
    font-size: 4em
}

footer .payment-sprite,
header .payment-sprite {
    border: 1px solid #e0e0e0;
    display: inline-block;
    background-image: url(/static/i/ss/iherb_payment-methods@47px-25.png);
    height: 28px;
    width: 47px;
    background-size: 47px 1344px
}

footer .payment-sprite.placeholder,
header .payment-sprite.placeholder {
    background-position: 0 0
}

footer .payment-sprite.amex,
header .payment-sprite.amex {
    background-position: 0 -28px
}

footer .payment-sprite.bc,
header .payment-sprite.bc {
    background-position: 0 -56px
}

footer .payment-sprite.bcg,
header .payment-sprite.bcg {
    background-position: 0 -56px
}

footer .payment-sprite.cod,
header .payment-sprite.cod {
    background-position: 0 -84px
}

footer .payment-sprite.dci,
header .payment-sprite.dci {
    background-position: 0 -112px
}

footer .payment-sprite.dsc,
header .payment-sprite.dsc {
    background-position: 0 -140px
}

footer .payment-sprite.jcb,
header .payment-sprite.jcb {
    background-position: 0 -168px
}

footer .payment-sprite.mc,
header .payment-sprite.mc {
    background-position: 0 -196px
}

footer .payment-sprite.paypal,
header .payment-sprite.paypal {
    background-position: 0 -224px
}

footer .payment-sprite.tenpay,
header .payment-sprite.tenpay {
    background-position: 0 -252px
}

footer .payment-sprite.visa,
header .payment-sprite.visa {
    background-position: 0 -280px
}

footer .payment-sprite.wechat,
header .payment-sprite.wechat {
    background-position: 0 -308px
}

footer .payment-sprite.qiwi,
header .payment-sprite.qiwi {
    background-position: 0 -336px
}

footer .payment-sprite.kcp,
header .payment-sprite.kcp {
    background-position: 0 -364px
}

footer .payment-sprite.korean_local_card,
header .payment-sprite.korean_local_card {
    background-position: 0 -364px
}

footer .payment-sprite.ideal,
header .payment-sprite.ideal {
    background-position: 0 -392px
}

footer .payment-sprite.sofort,
header .payment-sprite.sofort {
    background-position: 0 -420px
}

footer .payment-sprite.giro,
header .payment-sprite.giro {
    background-position: 0 -448px
}

footer .payment-sprite.upay,
header .payment-sprite.upay {
    background-position: 0 -476px
}

footer .payment-sprite.unionpay,
header .payment-sprite.unionpay {
    background-position: 0 -476px
}

footer .payment-sprite.convstores,
header .payment-sprite.convstores {
    background-position: 0 -504px
}

footer .payment-sprite.spandex_old,
header .payment-sprite.spandex_old {
    background-position: 0 -532px
}

footer .payment-sprite.cb,
header .payment-sprite.cb {
    background-position: 0 -560px
}

footer .payment-sprite.applepay,
header .payment-sprite.applepay {
    background-position: 0 -588px
}

footer .payment-sprite.elo,
header .payment-sprite.elo {
    background-position: 0 -616px
}

footer .payment-sprite.kcp_payco,
header .payment-sprite.kcp_payco {
    background-position: 0 -644px
}

footer .payment-sprite.boleto,
header .payment-sprite.boleto {
    background-position: 0 -672px
}

footer .payment-sprite.econtext_atm,
header .payment-sprite.econtext_atm {
    background-position: 0 -700px
}

footer .payment-sprite.momo,
header .payment-sprite.momo {
    background-position: 0 -728px
}

footer .payment-sprite.maestro,
header .payment-sprite.maestro {
    background-position: 0 -756px
}

footer .payment-sprite.klarna,
header .payment-sprite.klarna {
    background-position: 0 -784px
}

footer .payment-sprite.doku,
header .payment-sprite.doku {
    background-position: 0 -812px
}

footer .payment-sprite.interaconline,
header .payment-sprite.interaconline {
    background-position: 0 -840px
}

footer .payment-sprite.bancontact,
header .payment-sprite.bancontact {
    background-position: 0 -868px
}

footer .payment-sprite.alipay_cn,
header .payment-sprite.alipay_cn {
    background-position: 0 -896px
}

footer .payment-sprite.alipay_hk,
header .payment-sprite.alipay_hk {
    background-position: 0 -924px
}

footer .payment-sprite.ascend,
header .payment-sprite.ascend {
    background-position: 0 -952px
}

footer .payment-sprite.bkash,
header .payment-sprite.bkash {
    background-position: 0 -980px
}

footer .payment-sprite.dana,
header .payment-sprite.dana {
    background-position: 0 -1008px
}

footer .payment-sprite.easypaisa,
header .payment-sprite.easypaisa {
    background-position: 0 -1036px
}

footer .payment-sprite.gcash,
header .payment-sprite.gcash {
    background-position: 0 -1064px
}

footer .payment-sprite.kakaopay,
header .payment-sprite.kakaopay {
    background-position: 0 -1092px
}

footer .payment-sprite.paytm,
header .payment-sprite.paytm {
    background-position: 0 -1120px
}

footer .payment-sprite.tng,
header .payment-sprite.tng {
    background-position: 0 -1148px
}

footer .payment-sprite.yandex_mir,
header .payment-sprite.yandex_mir {
    background-position: 0 -1176px
}

footer .payment-sprite.mada_card,
header .payment-sprite.mada_card {
    background-position: 0 -1204px
}

footer .payment-sprite.spandex,
header .payment-sprite.spandex {
    background-position: 0 -1232px
}

footer .payment-sprite.alipay,
header .payment-sprite.alipay {
    background-position: 0 -1260px
}

footer .payment-sprite.dalipay,
header .payment-sprite.dalipay {
    background-position: 0 -1260px
}

footer .payment-sprite.kcp_naverpay,
header .payment-sprite.kcp_naverpay {
    background-position: 0 -1288px
}

footer .payment-sprite.giftcard,
header .payment-sprite.giftcard {
    background-position: 0 -1316px
}

footer .payment-sprite.sm,
header .payment-sprite.sm {
    height: 23px;
    width: 38px;
    background-size: 38px 1104px
}

footer .payment-sprite.sm.placeholder,
header .payment-sprite.sm.placeholder {
    background-position: 0 0
}

footer .payment-sprite.sm.amex,
header .payment-sprite.sm.amex {
    background-position: 0 -23px
}

footer .payment-sprite.sm.bc,
header .payment-sprite.sm.bc {
    background-position: 0 -46px
}

footer .payment-sprite.sm.bcg,
header .payment-sprite.sm.bcg {
    background-position: 0 -46px
}

footer .payment-sprite.sm.cod,
header .payment-sprite.sm.cod {
    background-position: 0 -69px
}

footer .payment-sprite.sm.dci,
header .payment-sprite.sm.dci {
    background-position: 0 -92px
}

footer .payment-sprite.sm.dsc,
header .payment-sprite.sm.dsc {
    background-position: 0 -115px
}

footer .payment-sprite.sm.jcb,
header .payment-sprite.sm.jcb {
    background-position: 0 -138px
}

footer .payment-sprite.sm.mc,
header .payment-sprite.sm.mc {
    background-position: 0 -161px
}

footer .payment-sprite.sm.paypal,
header .payment-sprite.sm.paypal {
    background-position: 0 -184px
}

footer .payment-sprite.sm.tenpay,
header .payment-sprite.sm.tenpay {
    background-position: 0 -207px
}

footer .payment-sprite.sm.visa,
header .payment-sprite.sm.visa {
    background-position: 0 -230px
}

footer .payment-sprite.sm.wechat,
header .payment-sprite.sm.wechat {
    background-position: 0 -253px
}

footer .payment-sprite.sm.qiwi,
header .payment-sprite.sm.qiwi {
    background-position: 0 -276px
}

footer .payment-sprite.sm.kcp,
header .payment-sprite.sm.kcp {
    background-position: 0 -299px
}

footer .payment-sprite.sm.korean_local_card,
header .payment-sprite.sm.korean_local_card {
    background-position: 0 -299px
}

footer .payment-sprite.sm.sofort,
header .payment-sprite.sm.sofort {
    background-position: 0 -345px
}

footer .payment-sprite.sm.giro,
header .payment-sprite.sm.giro {
    background-position: 0 -368px
}

footer .payment-sprite.sm.upay,
header .payment-sprite.sm.upay {
    background-position: 0 -391px
}

footer .payment-sprite.sm.unionpay,
header .payment-sprite.sm.unionpay {
    background-position: 0 -391px
}

footer .payment-sprite.sm.convstores,
header .payment-sprite.sm.convstores {
    background-position: 0 -414px
}

footer .payment-sprite.sm.spandex_old,
header .payment-sprite.sm.spandex_old {
    background-position: 0 -437px
}

footer .payment-sprite.sm.cb,
header .payment-sprite.sm.cb {
    background-position: 0 -460px
}

footer .payment-sprite.sm.applepay,
header .payment-sprite.sm.applepay {
    background-position: 0 -483px
}

footer .payment-sprite.sm.elo,
header .payment-sprite.sm.elo {
    background-position: 0 -506px
}

footer .payment-sprite.sm.kcp_payco,
header .payment-sprite.sm.kcp_payco {
    background-position: 0 -529px
}

footer .payment-sprite.sm.boleto,
header .payment-sprite.sm.boleto {
    background-position: 0 -552px
}

footer .payment-sprite.sm.econtext_atm,
header .payment-sprite.sm.econtext_atm {
    background-position: 0 -575px
}

footer .payment-sprite.sm.momo,
header .payment-sprite.sm.momo {
    background-position: 0 -598px
}

footer .payment-sprite.sm.maestro,
header .payment-sprite.sm.maestro {
    background-position: 0 -621px
}

footer .payment-sprite.sm.klarna,
header .payment-sprite.sm.klarna {
    background-position: 0 -644px
}

footer .payment-sprite.sm.doku,
header .payment-sprite.sm.doku {
    background-position: 0 -667px
}

footer .payment-sprite.sm.interaconline,
header .payment-sprite.sm.interaconline {
    background-position: 0 -690px
}

footer .payment-sprite.sm.bancontact,
header .payment-sprite.sm.bancontact {
    background-position: 0 -713px
}

footer .payment-sprite.sm.alipay_cn,
header .payment-sprite.sm.alipay_cn {
    background-position: 0 -736px
}

footer .payment-sprite.sm.alipay_hk,
header .payment-sprite.sm.alipay_hk {
    background-position: 0 -759px
}

footer .payment-sprite.sm.ascend,
header .payment-sprite.sm.ascend {
    background-position: 0 -782px
}

footer .payment-sprite.sm.bkash,
header .payment-sprite.sm.bkash {
    background-position: 0 -805px
}

footer .payment-sprite.sm.dana,
header .payment-sprite.sm.dana {
    background-position: 0 -828px
}

footer .payment-sprite.sm.easypaisa,
header .payment-sprite.sm.easypaisa {
    background-position: 0 -851px
}

footer .payment-sprite.sm.gcash,
header .payment-sprite.sm.gcash {
    background-position: 0 -874px
}

footer .payment-sprite.sm.kakaopay,
header .payment-sprite.sm.kakaopay {
    background-position: 0 -897px
}

footer .payment-sprite.sm.paytm,
header .payment-sprite.sm.paytm {
    background-position: 0 -920px
}

footer .payment-sprite.sm.tng,
header .payment-sprite.sm.tng {
    background-position: 0 -943px
}

footer .payment-sprite.sm.yandex_mir,
header .payment-sprite.sm.yandex_mir {
    background-position: 0 -966px
}

footer .payment-sprite.sm.mada_card,
header .payment-sprite.sm.mada_card {
    background-position: 0 -989px
}

footer .payment-sprite.sm.spandex,
header .payment-sprite.sm.spandex {
    background-position: 0 -1012px
}

footer .payment-sprite.sm.alipay,
header .payment-sprite.sm.alipay {
    background-position: 0 -1035px
}

footer .payment-sprite.sm.dalipay,
header .payment-sprite.sm.dalipay {
    background-position: 0 -1035px
}

footer .payment-sprite.sm.kcp_naverpay,
header .payment-sprite.sm.kcp_naverpay {
    background-position: 0 -1058px
}

footer .payment-sprite.sm.giftcard,
header .payment-sprite.sm.giftcard {
    background-position: 0 -1081px
}

footer .payment-sprite.disabled,
header .payment-sprite.disabled {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

footer .payment-sprite.lg,
header .payment-sprite.lg {
    background-image: url(/static/i/ss/iherb_payment-methods@96px-25.png);
    height: 37px;
    width: 62px;
    background-size: 62px 1776px
}

footer .payment-sprite.lg.placeholder,
header .payment-sprite.lg.placeholder {
    background-position: 0 0
}

footer .payment-sprite.lg.amex,
header .payment-sprite.lg.amex {
    background-position: 0 -37px
}

footer .payment-sprite.lg.bc,
header .payment-sprite.lg.bc {
    background-position: 0 -74px
}

footer .payment-sprite.lg.bcg,
header .payment-sprite.lg.bcg {
    background-position: 0 -74px
}

footer .payment-sprite.lg.cod,
header .payment-sprite.lg.cod {
    background-position: 0 -111px
}

footer .payment-sprite.lg.dci,
header .payment-sprite.lg.dci {
    background-position: 0 -148px
}

footer .payment-sprite.lg.dsc,
header .payment-sprite.lg.dsc {
    background-position: 0 -185px
}

footer .payment-sprite.lg.jcb,
header .payment-sprite.lg.jcb {
    background-position: 0 -222px
}

footer .payment-sprite.lg.mc,
header .payment-sprite.lg.mc {
    background-position: 0 -259px
}

footer .payment-sprite.lg.paypal,
header .payment-sprite.lg.paypal {
    background-position: 0 -296px
}

footer .payment-sprite.lg.tenpay,
header .payment-sprite.lg.tenpay {
    background-position: 0 -333px
}

footer .payment-sprite.lg.visa,
header .payment-sprite.lg.visa {
    background-position: 0 -370px
}

footer .payment-sprite.lg.wechat,
header .payment-sprite.lg.wechat {
    background-position: 0 -407px
}

footer .payment-sprite.lg.qiwi,
header .payment-sprite.lg.qiwi {
    background-position: 0 -444px
}

footer .payment-sprite.lg.kcp,
header .payment-sprite.lg.kcp {
    background-position: 0 -481px
}

footer .payment-sprite.lg.korean_local_card,
header .payment-sprite.lg.korean_local_card {
    background-position: 0 -481px
}

footer .payment-sprite.lg.ideal,
header .payment-sprite.lg.ideal {
    background-position: 0 -518px
}

footer .payment-sprite.lg.sofort,
header .payment-sprite.lg.sofort {
    background-position: 0 -555px
}

footer .payment-sprite.lg.giro,
header .payment-sprite.lg.giro {
    background-position: 0 -592px
}

footer .payment-sprite.lg.upay,
header .payment-sprite.lg.upay {
    background-position: 0 -629px
}

footer .payment-sprite.lg.unionpay,
header .payment-sprite.lg.unionpay {
    background-position: 0 -629px
}

footer .payment-sprite.lg.convstores,
header .payment-sprite.lg.convstores {
    background-position: 0 -666px
}

footer .payment-sprite.lg.spandex_old,
header .payment-sprite.lg.spandex_old {
    background-position: 0 -703px
}

footer .payment-sprite.lg.cb,
header .payment-sprite.lg.cb {
    background-position: 0 -740px
}

footer .payment-sprite.lg.applepay,
header .payment-sprite.lg.applepay {
    background-position: 0 -777px
}

footer .payment-sprite.lg.elo,
header .payment-sprite.lg.elo {
    background-position: 0 -814px
}

footer .payment-sprite.lg.kcp_payco,
header .payment-sprite.lg.kcp_payco {
    background-position: 0 -851px
}

footer .payment-sprite.lg.boleto,
header .payment-sprite.lg.boleto {
    background-position: 0 -888px
}

footer .payment-sprite.lg.econtext_atm,
header .payment-sprite.lg.econtext_atm {
    background-position: 0 -925px
}

footer .payment-sprite.lg.momo,
header .payment-sprite.lg.momo {
    background-position: 0 -962px
}

footer .payment-sprite.lg.maestro,
header .payment-sprite.lg.maestro {
    background-position: 0 -999px
}

footer .payment-sprite.lg.klarna,
header .payment-sprite.lg.klarna {
    background-position: 0 -1036px
}

footer .payment-sprite.lg.doku,
header .payment-sprite.lg.doku {
    background-position: 0 -1073px
}

footer .payment-sprite.lg.interaconline,
header .payment-sprite.lg.interaconline {
    background-position: 0 -1110px
}

footer .payment-sprite.lg.bancontact,
header .payment-sprite.lg.bancontact {
    background-position: 0 -1147px
}

footer .payment-sprite.lg.alipay_cn,
header .payment-sprite.lg.alipay_cn {
    background-position: 0 -1184px
}

footer .payment-sprite.lg.alipay_hk,
header .payment-sprite.lg.alipay_hk {
    background-position: 0 -1221px
}

footer .payment-sprite.lg.ascend,
header .payment-sprite.lg.ascend {
    background-position: 0 -1258px
}

footer .payment-sprite.lg.bkash,
header .payment-sprite.lg.bkash {
    background-position: 0 -1295px
}

footer .payment-sprite.lg.dana,
header .payment-sprite.lg.dana {
    background-position: 0 -1332px
}

footer .payment-sprite.lg.easypaisa,
header .payment-sprite.lg.easypaisa {
    background-position: 0 -1369px
}

footer .payment-sprite.lg.gcash,
header .payment-sprite.lg.gcash {
    background-position: 0 -1406px
}

footer .payment-sprite.lg.kakaopay,
header .payment-sprite.lg.kakaopay {
    background-position: 0 -1443px
}

footer .payment-sprite.lg.paytm,
header .payment-sprite.lg.paytm {
    background-position: 0 -1480px
}

footer .payment-sprite.lg.tng,
header .payment-sprite.lg.tng {
    background-position: 0 -1517px
}

footer .payment-sprite.lg.yandex_mir,
header .payment-sprite.lg.yandex_mir {
    background-position: 0 -1554px
}

footer .payment-sprite.lg.mada_card,
header .payment-sprite.lg.mada_card {
    background-position: 0 -1591px
}

footer .payment-sprite.lg.spandex,
header .payment-sprite.lg.spandex {
    background-position: 0 -1628px
}

footer .payment-sprite.lg.alipay,
header .payment-sprite.lg.alipay {
    background-position: 0 -1665px
}

footer .payment-sprite.lg.dalipay,
header .payment-sprite.lg.dalipay {
    background-position: 0 -1665px
}

footer .payment-sprite.lg.kcp_naverpay,
header .payment-sprite.lg.kcp_naverpay {
    background-position: 0 -1702px
}

footer .payment-sprite.lg.giftcard,
header .payment-sprite.lg.giftcard {
    background-position: 0 -1739px
}

footer .payment-sprite.large,
header .payment-sprite.large {
    background-image: url(/static/i/ss/iherb_payment-methods@96px-25.png);
    vertical-align: middle;
    padding-bottom: 28px
}

@media (min--moz-device-pixel-ratio:1.5),
(-webkit-min-device-pixel-ratio:1.5),
(min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {

    footer .payment-sprite,
    header .payment-sprite {
        background-image: url(/static/i/ss/iherb_payment-methods@96px-25.png)
    }
}

footer .add-to-cart-container,
header .add-to-cart-container {
    display: none;
    position: absolute;
    top: 56px;
    z-index: 220;
    text-align: center;
    line-height: 1.3;
    z-index: 1003;
    right: 0;
    left: auto;
    color: #000
}

footer .add-to-cart-container i.icon-uparrow,
header .add-to-cart-container i.icon-uparrow {
    position: absolute;
    top: -18px;
    color: #f38a00;
    font-size: 20px;
    right: 0
}

.productreviews footer .add-to-cart-container i.icon-uparrow,
.productreviews header .add-to-cart-container i.icon-uparrow {
    color: transparent
}

footer .add-to-cart-container i.icon-plus,
header .add-to-cart-container i.icon-plus {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block
}

footer .add-to-cart-container i.icon-exit,
footer .add-to-cart-container i.icon-plus,
header .add-to-cart-container i.icon-exit,
header .add-to-cart-container i.icon-plus {
    position: absolute;
    right: 11px;
    top: 8px;
    color: #fff;
    font-size: 18px;
    cursor: pointer
}

footer .add-to-cart-container .add-to-cart-pop,
header .add-to-cart-container .add-to-cart-pop {
    width: 400px;
    background: #fff;
    z-index: 201;
    text-align: left;
    box-shadow: -1px 6px 21px 0 rgba(0, 0, 0, .31);
    border-radius: 8px
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-header,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-header {
    background-image: -moz- oldlinear-gradient(top, #f38a00 0, #ef6c00 100%);
    background-image: linear-gradient(to bottom, #f38a00 0, #ef6c00 100%);
    background-repeat: repeat-x;
    border-top: 0;
    height: 37px;
    text-align: center
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-header div,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-header div {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 37px;
    color: #fff
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-header div i,
footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-header div span,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-header div i,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-header div span {
    display: inline;
    float: left
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-header div .icon-addedtocartcheck,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-header div .icon-addedtocartcheck {
    font-size: 25px;
    height: 24px;
    width: 24px
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-header div .add-to-cart-title,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-header div .add-to-cart-title {
    margin-left: 10px;
    font-weight: 700;
    font-size: 16px
}

.pt footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-header div .add-to-cart-title,
.pt header .add-to-cart-container .add-to-cart-pop section.add-to-cart-header div .add-to-cart-title {
    font-size: 12px
}

.es footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-header div .add-to-cart-title,
.es header .add-to-cart-container .add-to-cart-pop section.add-to-cart-header div .add-to-cart-title {
    font-size: 13px
}

.de footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-header div .add-to-cart-title,
.de header .add-to-cart-container .add-to-cart-pop section.add-to-cart-header div .add-to-cart-title {
    font-size: 11px
}

.ar footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-header div .add-to-cart-title,
.ar header .add-to-cart-container .add-to-cart-pop section.add-to-cart-header div .add-to-cart-title {
    font-size: 14px
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-header div .num-items,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-header div .num-items {
    font-size: 12px;
    margin-left: 10px;
    font-weight: 200
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-content,
footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-frequent-products,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-content,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-frequent-products {
    padding: 25px 30px 15px 12px;
    width: 100%;
    float: left
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-content .bundle-totals,
footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-frequent-products .bundle-totals,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-content .bundle-totals,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-frequent-products .bundle-totals {
    display: none
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-content .title,
footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-frequent-products .title,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-content .title,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-frequent-products .title {
    margin-bottom: 10px;
    font-size: 13px
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-content img,
footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-frequent-products img,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-content img,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-frequent-products img {
    width: 75px;
    height: 75px
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-content .add-to-cart-totals,
footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-frequent-products .add-to-cart-totals,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-content .add-to-cart-totals,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-frequent-products .add-to-cart-totals {
    margin-top: 5px
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-content .add-to-cart-totals>div,
footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-frequent-products .add-to-cart-totals>div,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-content .add-to-cart-totals>div,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-frequent-products .add-to-cart-totals>div {
    font-size: 14px;
    line-height: 1.43
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-content .add-to-cart-totals .quantity,
footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-frequent-products .add-to-cart-totals .quantity,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-content .add-to-cart-totals .quantity,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-frequent-products .add-to-cart-totals .quantity {
    font-size: 13px;
    color: #333;
    margin-right: 20px
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-content .add-to-cart-totals .delivery-frequency,
footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-frequent-products .add-to-cart-totals .delivery-frequency,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-content .add-to-cart-totals .delivery-frequency,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-frequent-products .add-to-cart-totals .delivery-frequency {
    display: none;
    font-size: 13px;
    color: #333;
    margin-right: 20px
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-content .add-to-cart-totals .pricing .crossed-out,
footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-frequent-products .add-to-cart-totals .pricing .crossed-out,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-content .add-to-cart-totals .pricing .crossed-out,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-frequent-products .add-to-cart-totals .pricing .crossed-out {
    font-size: 14px;
    color: #666;
    font-weight: 700;
    position: relative;
    margin-left: 5px
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-content .add-to-cart-totals .pricing .crossed-out::after,
footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-frequent-products .add-to-cart-totals .pricing .crossed-out::after,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-content .add-to-cart-totals .pricing .crossed-out::after,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-frequent-products .add-to-cart-totals .pricing .crossed-out::after {
    content: "";
    border-bottom: solid 1px #666;
    position: absolute;
    bottom: 50%;
    left: 0;
    width: 100%
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-content .add-to-cart-totals .pricing .price,
footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-frequent-products .add-to-cart-totals .pricing .price,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-content .add-to-cart-totals .pricing .price,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-frequent-products .add-to-cart-totals .pricing .price {
    font-size: 18px;
    font-weight: 700
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-buttons,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-buttons {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0 30px 25px 30px
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-buttons a,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-buttons a {
    width: 150px;
    text-align: center;
    float: right;
    height: 35px;
    font-size: 14px;
    margin-left: 13px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-buttons a.iHerbGray,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-buttons a.iHerbGray {
    color: #666;
    border: 1px solid #999;
    cursor: pointer
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-buttons a:not(.btn),
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-buttons a:not(.btn) {
    line-height: 35px
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-total-content,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-total-content {
    width: 100%;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 20px
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-total-content .cart-total-amount,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-total-content .cart-total-amount {
    line-height: 35px
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-total-content div,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-total-content div {
    font-weight: 700;
    display: inline
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-total-content .title,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-total-content .title {
    font-size: 15px
}

.ru footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-total-content .title,
.ru header .add-to-cart-container .add-to-cart-pop section.add-to-cart-total-content .title {
    font-size: 13px
}

.es footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-total-content .title,
.es header .add-to-cart-container .add-to-cart-pop section.add-to-cart-total-content .title {
    font-size: 13px
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-total-content span,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-total-content span {
    font-weight: 700
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-total-content .title,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-total-content .title {
    font-size: 15px
}

.ru footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-total-content .title,
.ru header .add-to-cart-container .add-to-cart-pop section.add-to-cart-total-content .title {
    font-size: 13px
}

footer .add-to-cart-container .add-to-cart-pop section.add-to-cart-total-content #popup-cart-subtotal,
header .add-to-cart-container .add-to-cart-pop section.add-to-cart-total-content #popup-cart-subtotal {
    padding-left: 10px;
    font-size: 20px
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel {
    margin-left: 0 !important
}

.productdetails footer .add-to-cart-container .add-to-cart-pop #recommendCarousel,
.productdetails header .add-to-cart-container .add-to-cart-pop #recommendCarousel {
    display: none
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .title,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .title {
    font-weight: 700;
    font-size: 15px;
    padding: 15px 20px
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-title,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-title {
    display: block;
    height: 53px;
    overflow: hidden
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .no-rating,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .no-rating {
    height: 19px
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating {
    z-index: 0;
    position: relative
}

[dir=rtl] footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating,
[dir=rtl] header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating {
    /*!@noflip*/
    direction: rtl
}

[dir=rtl] footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars svg,
[dir=rtl] header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars svg {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .write-review,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .write-review {
    vertical-align: middle;
    font-size: 13px
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating a,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating a {
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: none
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating a>span,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating a>span {
    margin-right: 4px;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating a:hover,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating a:hover {
    text-decoration: none
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars {
    font-size: 12px;
    display: inline-block
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating {
    width: 13px !important;
    height: 13px;
    min-height: 13px;
    vertical-align: top;
    position: relative;
    margin-right: 1px !important;
    left: 0
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating path,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating path {
    fill: #fac627
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating:last-of-type,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating:last-of-type {
    margin-right: 0 !important
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating.empty path:first-of-type,
footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating.half path:first-of-type,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating.empty path:first-of-type,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating.half path:first-of-type {
    fill: #bdbdbd
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating-v2,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating-v2 {
    width: 13px;
    height: 13px;
    min-height: 13px;
    vertical-align: top;
    position: relative;
    margin-right: 1px !important;
    left: 0;
    fill: none
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating-v2.full,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating-v2.full {
    fill: #fac627
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating-v2.full path,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating-v2.full path {
    stroke: #8d6708
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating-v2.half path:first-child,
footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating-v2.quarter path:first-child,
footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating-v2.three-quarters path:first-child,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating-v2.half path:first-child,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating-v2.quarter path:first-child,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating-v2.three-quarters path:first-child {
    fill: #fac627
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating-v2.half path:last-child,
footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating-v2.quarter path:last-child,
footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating-v2.three-quarters path:last-child,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating-v2.half path:last-child,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating-v2.quarter path:last-child,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating-v2.three-quarters path:last-child {
    stroke: #8d6708
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating-v2.empty path,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars .stars-rating-v2.empty path {
    stroke: #8d6708
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .rating-count,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .rating-count {
    font-size: 12px;
    color: #747474;
    margin-left: 3px
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner {
    position: relative;
    padding: 10px;
    padding-bottom: 0;
    background: #fff
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .absolute-link-wrapper.horizontal,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .absolute-link-wrapper.horizontal {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .absolute-link-wrapper a,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .absolute-link-wrapper a {
    color: #333
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .recent-activity-message-wrapper,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .recent-activity-message-wrapper {
    line-height: 20px;
    min-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    color: #666
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .more-options-available-wrapper,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .more-options-available-wrapper {
    line-height: 20px;
    min-height: 20px
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .more-options-available-wrapper a,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .more-options-available-wrapper a {
    color: #1976d2;
    display: inline-block;
    white-space: nowrap
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-link,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-link {
    cursor: pointer
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .see-in-cart-text,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .see-in-cart-text {
    font-weight: 700;
    font-size: 16px;
    color: #333
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .more-option-container,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .more-option-container {
    position: absolute;
    right: 0;
    top: 120px;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background-color: #f5f5f5;
    z-index: 50
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .more-option-container .tool-tip,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .more-option-container .tool-tip {
    background-color: #666;
    height: 32px;
    padding: 0 8px;
    border-radius: 4px;
    display: none;
    position: absolute;
    top: 28px;
    left: 12px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 12px;
    color: #fff;
    white-space: nowrap;
    line-height: 32px
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .more-option-container .more-option-icon,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .more-option-container .more-option-icon {
    width: 16px !important;
    height: 16px !important;
    margin-left: 4px;
    margin-top: 4px
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-image-wrapper,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-image-wrapper {
    position: relative
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner.product-inner-wide,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner.product-inner-wide {
    padding-left: 0;
    padding-right: 0
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-flag,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-flag {
    z-index: 10
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-flag a,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-flag a {
    color: #fff
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner a:hover,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner a:hover {
    text-decoration: none
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .shipping-container,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .shipping-container {
    cursor: pointer
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .add-to-cart-wrapper,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .add-to-cart-wrapper {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    text-align: center
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .add-to-cart-wrapper .btn-add-to-cart,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .add-to-cart-wrapper .btn-add-to-cart {
    z-index: 20
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .add-to-cart-wrapper.form-add-to-cart,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .add-to-cart-wrapper.form-add-to-cart {
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .btn-add-to-cart,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .btn-add-to-cart {
    font-size: 16px;
    opacity: 0;
    -moz-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .btn-add-to-cart:hover,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .btn-add-to-cart:hover {
    background-color: #b66700
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner:hover .btn-add-to-cart,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner:hover .btn-add-to-cart {
    opacity: 1
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner:hover .product-image~a>span,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner:hover .product-image~a>span {
    text-decoration: underline
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .link-overlay,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .link-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 65px;
    z-index: 10
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-image,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-image {
    display: block;
    margin: 0 0 10px 0;
    text-align: center;
    min-height: 14px
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-image>img,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-image>img {
    display: inline-block;
    width: 75px;
    height: 75px
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-title,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-title {
    height: 3.9em;
    line-height: 1.3;
    overflow: hidden;
    text-align: left;
    font-weight: 400;
    display: inline-block;
    font-size: 12px;
    color: #333
}

.zh footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-title,
.zh header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-title {
    font-size: 13px
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-title:hover,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-title:hover {
    text-decoration: underline
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .price-olp,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .price-olp {
    color: #747474;
    font-size: 11px;
    text-decoration: line-through;
    display: inline-block;
    margin-top: 1px
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .price-in-cart,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .price-in-cart {
    font-size: 16px;
    font-weight: 700;
    color: #333
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .save-in-cart,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .save-in-cart {
    font-weight: 700;
    color: #f38a00
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .price-per-unit,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .price-per-unit {
    color: #747474
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price {
    margin-top: 12px
}

[dir=rtl] footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price,
[dir=rtl] header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price {
    /*!@noflip*/
    direction: rtl
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .unavailable-text-container,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .unavailable-text-container {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .unavailable-text-container i,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .unavailable-text-container i {
    font-style: normal
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .unavailable-text-container .similar-product-show-link,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .unavailable-text-container .similar-product-show-link {
    color: #126cc5
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .price,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .price {
    font-weight: 700;
    line-height: 18px;
    font-size: 15px;
    text-align: left;
    padding-right: 5px
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .original-price-list,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .original-price-list {
    text-decoration: line-through;
    color: #747474
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .see-in-cart-text,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .see-in-cart-text {
    color: #333;
    font-size: 16px;
    font-weight: 700
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .see-in-cart-text .see-in-cart-price,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .see-in-cart-text .see-in-cart-price {
    width: 100%
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .discontinued,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .discontinued {
    font-size: 14px;
    line-height: 16px;
    color: #6fa26b;
    font-weight: 400
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .price,
footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .see-price-in-cart,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .price,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .see-price-in-cart {
    display: inline-block;
    font-size: 18px;
    color: #000;
    font-weight: 700
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .discount-green,
footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .discount-red,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .discount-green,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .discount-red {
    margin-right: 0
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .discount-green,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .discount-green {
    color: #6fa26b
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .discount-red,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .discount-red {
    color: #bd3c37
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .discontinued,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .discontinued {
    color: #f00000
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .status-container,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .status-container {
    height: 20px;
    margin-bottom: 10px
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .status-container .out-of-stock,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .status-container .out-of-stock {
    float: left;
    clear: both;
    color: #f00000
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .status-container .info-popup,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .status-container .info-popup {
    bottom: 45px;
    right: 0;
    left: 0;
    width: 100%;
    text-align: center
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .status-container .info-popup:after,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .status-container .info-popup:after {
    background-image: none
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .status-container .info-popup p,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-price .status-container .info-popup p {
    padding: 20px
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-discount-container,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-discount-container {
    min-height: 20px;
    margin-bottom: 5px
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-discount-container>span,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-discount-container>span {
    font-weight: 700;
    display: inline-block;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-discount-container>span.discount-in-cart,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-discount-container>span.discount-in-cart {
    color: #f38a00
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-discount-container .out-of-stock.text-wrap,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-discount-container .out-of-stock.text-wrap {
    white-space: normal
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .super-deals-progress-wrapper,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .super-deals-progress-wrapper {
    height: 8px;
    position: relative;
    background: #f5f5f5;
    border-radius: 100px;
    margin: 16px 0 8px 0
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .super-deals-progress-wrapper>.progress-amount,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .super-deals-progress-wrapper>.progress-amount {
    position: relative;
    overflow: hidden;
    display: block;
    height: 100%;
    border-radius: 100px;
    width: 0;
    background-color: #6fa26b
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .super-deals-progress-wrapper>.progress-amount.low,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .super-deals-progress-wrapper>.progress-amount.low {
    background-color: #6fa26b
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .super-deals-progress-wrapper>.progress-amount.medium,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .super-deals-progress-wrapper>.progress-amount.medium {
    background-color: #f38a00
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .super-deals-progress-wrapper>.progress-amount.high,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .super-deals-progress-wrapper>.progress-amount.high {
    background-color: #bd3c37
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .super-deals-almost-sold-out,
footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .super-deals-sold-out,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .super-deals-almost-sold-out,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .super-deals-sold-out {
    color: #bd3c37 !important
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .super-deals-sold-out,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .super-deals-sold-out {
    font-weight: 700
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .super-deals-title .question-mark,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .super-deals-title .question-mark {
    margin-left: .75em
}

@media (min-width:768px) and (max-width:991px) {

    footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .text-left-sm-only,
    header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .text-left-sm-only {
        text-align: left
    }
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed #super-special-price #dynamic-aligner,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed #super-special-price #dynamic-aligner {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed #super-special-price #dynamic-aligner .dynamic-align-hide,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed #super-special-price #dynamic-aligner .dynamic-align-hide {
    color: #666;
    font-size: 12px
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .super-deals-progress-wrapper,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .super-deals-progress-wrapper {
    margin: 8px 0;
    height: 8px
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .percentage-claimed-messaging,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .percentage-claimed-messaging {
    text-align: center
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .percentage-claimed-messaging span,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .percentage-claimed-messaging span {
    color: #747474
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .percentage-claimed-messaging span.almost-sold-out,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-inner .product-percentage-claimed .percentage-claimed-messaging span.almost-sold-out {
    color: #bd3c37
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-more-options-container,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product-more-options-container {
    border: 1px solid #8c8c8c;
    color: #8c8c8c;
    display: inline-block;
    padding: 2px 10px 3px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .add-to-cart-related,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .add-to-cart-related {
    clear: both;
    padding: 0
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .add-to-cart-related svg.stars-rating.icon,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .add-to-cart-related svg.stars-rating.icon {
    width: 80px;
    height: 15px;
    left: -3px
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .add-to-cart-related .product-inner,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .add-to-cart-related .product-inner {
    padding-top: 0
}

footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars,
header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars {
    width: 100%;
    height: 10px;
    font-size: 12px
}

[dir=rtl] footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating,
[dir=rtl] header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating {
    /*!@noflip*/
    direction: rtl
}

[dir=rtl] footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars,
[dir=rtl] header .add-to-cart-container .add-to-cart-pop #recommendCarousel .rating .stars {
    min-height: 14px;
    /*!@noflip*/
    margin: 0 0 0 6px
}

[dir=rtl] footer .add-to-cart-container .add-to-cart-pop #recommendCarousel .product .price-olp,
[dir=rtl] header .add-to-cart-container .add-to-cart-pop #recommendCarousel .product .price-olp {
    float: none
}

footer .add-to-cart-container .add-to-cart-pop.subscription-header i.icon-uparrow,
header .add-to-cart-container .add-to-cart-pop.subscription-header i.icon-uparrow {
    color: #6fa26b
}

footer .add-to-cart-container .add-to-cart-pop.subscription-header section.add-to-cart-header,
header .add-to-cart-container .add-to-cart-pop.subscription-header section.add-to-cart-header {
    background-image: -moz- oldlinear-gradient(top, #6fa26b 0, #6fa26b 100%);
    background-image: linear-gradient(to bottom, #6fa26b 0, #6fa26b 100%);
    background-repeat: repeat-x
}

footer .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content,
header .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content {
    width: 100%;
    padding: 25px 15px 15px 20px
}

footer .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-img,
header .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-img {
    width: 49%;
    margin-left: 5px;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0
}

footer .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-img .plus,
footer .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-img img,
header .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-img .plus,
header .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-img img {
    vertical-align: middle;
    display: inline-block
}

footer .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info,
header .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info {
    width: 49%
}

footer .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .bundle-totals,
header .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .bundle-totals {
    display: inline-block;
    width: 100%
}

footer .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .bundle-totals>div,
header .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .bundle-totals>div {
    margin-bottom: 8px
}

footer .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .bundle-totals span.col-xs-12,
header .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .bundle-totals span.col-xs-12 {
    padding: 0 0 0 14px;
    font-weight: 700
}

footer .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .bundle-totals .discount span:first-child,
header .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .bundle-totals .discount span:first-child {
    width: 45%;
    display: inline-block
}

.es footer .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .bundle-totals .discount span:first-child,
.es header .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .bundle-totals .discount span:first-child {
    width: 50%
}

.ja footer .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .bundle-totals .discount .amount-discount,
.ja header .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .bundle-totals .discount .amount-discount,
.zh footer .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .bundle-totals .discount .amount-discount,
.zh header .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .bundle-totals .discount .amount-discount {
    margin-top: 0
}

footer .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .bundle-totals .together,
header .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .bundle-totals .together {
    font-weight: 700
}

footer .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .bundle-totals .total-small,
header .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .bundle-totals .total-small {
    float: right
}

footer .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .pricing,
footer .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .quantity,
footer .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .savings,
footer .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .title,
header .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .pricing,
header .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .quantity,
header .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .savings,
header .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content .add-to-cart-info .title {
    display: none
}

footer .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content img.plus,
header .add-to-cart-container .add-to-cart-pop.bundle section.add-to-cart-content img.plus {
    width: 10px;
    height: 10px;
    margin: 0 4px
}

footer .is-closed,
header .is-closed {
    overflow: hidden;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    -moz-transition-duration: .5s;
    transition-duration: .5s;
    -moz-transition-timing-function: cubic-bezier(0, 1, .5, 1);
    transition-timing-function: cubic-bezier(0, 1, .5, 1)
}

footer .is-closed .icon-exit,
footer .is-closed .icon-plus,
footer .is-closed .icon-uparrow,
header .is-closed .icon-exit,
header .is-closed .icon-plus,
header .is-closed .icon-uparrow {
    opacity: 0;
    -moz-transition: opacity 50ms .4s ease-in-out;
    transition: opacity 50ms .4s ease-in-out
}

footer .is-open,
header .is-open {
    -moz-transition-duration: .5s;
    transition-duration: .5s;
    -moz-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    max-height: 1000px;
    overflow: hidden
}

footer .is-open .icon-exit,
footer .is-open .icon-plus,
footer .is-open .icon-uparrow,
header .is-open .icon-exit,
header .is-open .icon-plus,
header .is-open .icon-uparrow {
    opacity: 1
}

footer .show,
header .show {
    display: block !important
}

footer .subtotal-wrap,
header .subtotal-wrap {
    padding-left: 3px !important;
    font-size: 18px !important
}

.ru a.go-to-cart {
    font-size: 11px !important
}

.ru .add-to-cart-container .add-to-cart-pop section.add-to-cart-buttons a.iHerbGray {
    overflow: visible;
    line-height: 14px;
    padding: 2px 6px 6px 3px
}

.ko a.go-to-cart {
    font-size: 12px !important
}

footer .sticky-header-menu,
header .sticky-header-menu {
    border-radius: 0 0 10px 10px;
    border: solid 1px #999;
    border-top: none;
    background-color: #fff;
    z-index: 1010;
    width: 98%;
    position: relative
}

footer .sticky-header-menu:before,
header .sticky-header-menu:before {
    content: "";
    position: absolute;
    top: -18px;
    left: 14px;
    display: inline-block;
    margin: 0 0 0 5px;
    border: 9px solid transparent;
    vertical-align: middle;
    z-index: 1010;
    border-bottom-color: #fafafa
}

footer .sticky-header-menu.active,
header .sticky-header-menu.active {
    display: block !important
}

footer .sticky-header-menu .sticky-header-menu-categories,
header .sticky-header-menu .sticky-header-menu-categories {
    min-height: 523px;
    width: 300px;
    border-radius: 0 0 0 10px;
    border-right: 1px solid #e0e0e0
}

footer .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list,
header .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fafafa;
    border-bottom: 1px solid #e0e0e0
}

footer .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list a,
header .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list a {
    color: inherit;
    width: 100%;
    display: inline-block
}

footer .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list:last-child,
header .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list:last-child {
    border-bottom: none;
    border-radius: 0 0 10px 10px
}

footer .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list .seperator,
header .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list .seperator {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e0e0e0;
    margin: 15px 0;
    padding: 0
}

footer .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list.link-container,
header .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list.link-container {
    padding-left: 23px
}

footer .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li,
header .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li {
    position: relative;
    color: #333;
    padding-left: 36px;
    font-size: 16px;
    line-height: 1.8;
    cursor: default
}

footer .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li:hover,
header .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li:hover {
    cursor: pointer
}

footer .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.alternate,
header .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.alternate {
    color: #f38a00
}

footer .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.link,
header .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.link {
    line-height: 1.5
}

footer .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.link.i-tested,
header .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.link.i-tested {
    height: 20px;
    padding: 8px 0 8px 12px
}

footer .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.link.i-tested .img-flag,
header .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.link.i-tested .img-flag {
    height: 20px
}

footer .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.link a,
header .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.link a {
    vertical-align: middle
}

footer .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.link a:hover,
header .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.link a:hover {
    color: #1976d2;
    font-weight: 700
}

footer .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.link a i,
header .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.link a i {
    color: #f38a00;
    left: 12px;
    font-size: 20px;
    padding-top: 1px;
    vertical-align: middle
}

footer .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.link a i.icon-iTested_rectangle,
header .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.link a i.icon-iTested_rectangle {
    color: #56a348
}

footer .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.active,
header .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.active {
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    background-color: #fff;
    position: relative;
    font-weight: 700;
    color: #f38a00;
    font-size: 16px
}

footer .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.active::after,
header .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.active::after {
    position: absolute;
    content: "";
    width: 2px;
    display: block;
    right: -1px;
    top: 0;
    bottom: 0;
    background-color: #fff
}

footer .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.active.alternate,
header .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.active.alternate {
    color: #f38a00
}

footer .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.active i,
header .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.active i {
    color: #999
}

footer .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li a,
header .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li a {
    text-decoration: none
}

footer .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li i,
header .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li i {
    position: absolute;
    right: 0;
    padding-top: 5px;
    padding-right: 15px;
    color: #999;
    font-size: 12px
}

footer .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.why-iherb a,
header .sticky-header-menu .sticky-header-menu-categories .sticky-header-menu-categories-list li.why-iherb a {
    font-weight: 700;
    color: #f38a00
}

footer .sticky-header-menu .sticky-header-menu-navigation,
header .sticky-header-menu .sticky-header-menu-navigation {
    padding-top: 47px;
    /*!@noflip*/
    padding-right: 200px
}

footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-title,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-title {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
    margin-bottom: 10px
}

footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-title a:nth-child(1),
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-title a:nth-child(1) {
    font-size: 18px;
    font-weight: 700;
    color: #f38a00;
    padding-right: 5px
}

footer .secondary-header-categories-menu,
header .secondary-header-categories-menu {
    position: relative;
    border-top: 1px solid #e0e0e0;
    text-align: center;
    padding-top: 16px
}

footer .secondary-header-categories-menu li,
header .secondary-header-categories-menu li {
    display: inline-block;
    border-left: 1px solid #999;
    padding-right: 8px;
    padding-left: 8px
}

footer .secondary-header-categories-menu li:first-child,
header .secondary-header-categories-menu li:first-child {
    border-left: none
}

footer .secondary-header-categories-menu li.why-iherb,
header .secondary-header-categories-menu li.why-iherb {
    position: absolute;
    left: 16px;
    border: none
}

footer .secondary-header-categories-menu li.why-iherb a,
header .secondary-header-categories-menu li.why-iherb a {
    font-weight: 700;
    color: #f38a00
}

footer .secondary-header-categories-menu li a,
header .secondary-header-categories-menu li a {
    font-size: 16px
}

footer .secondary-header-categories-menu li a:hover,
header .secondary-header-categories-menu li a:hover {
    text-decoration: none;
    font-weight: 700
}

footer .secondary-header-categories-menu li a i,
header .secondary-header-categories-menu li a i {
    color: #f38a00;
    font-size: 20px;
    vertical-align: middle
}

footer .secondary-header-categories-menu li a i.icon-iTested_rectangle,
header .secondary-header-categories-menu li a i.icon-iTested_rectangle {
    color: #56a348;
    font-size: 18px
}

footer .mega-menu-brands .sticky-header-menu-navigation-container,
footer .mega-menu-help-with .sticky-header-menu-navigation-container,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container,
header .mega-menu-brands .sticky-header-menu-navigation-container,
header .mega-menu-help-with .sticky-header-menu-navigation-container,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container {
    display: none;
    overflow-y: auto;
    max-height: 541px
}

footer .mega-menu-brands .sticky-header-menu-navigation-container.active,
footer .mega-menu-help-with .sticky-header-menu-navigation-container.active,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container.active,
header .mega-menu-brands .sticky-header-menu-navigation-container.active,
header .mega-menu-help-with .sticky-header-menu-navigation-container.active,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container.active {
    display: block
}

footer .mega-menu-brands .sticky-header-menu-navigation-container.has-padding,
footer .mega-menu-help-with .sticky-header-menu-navigation-container.has-padding,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container.has-padding,
header .mega-menu-brands .sticky-header-menu-navigation-container.has-padding,
header .mega-menu-help-with .sticky-header-menu-navigation-container.has-padding,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container.has-padding {
    padding-left: 50px
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank {
    height: 20px
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item,
footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank,
footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header {
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item a,
footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank a,
footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header a,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item a,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank a,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header a,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item a,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank a,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header a,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item a,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank a,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header a,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item a,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank a,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header a,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item a,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank a,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header a {
    color: inherit
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item a:hover,
footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank a:hover,
footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header a:hover,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item a:hover,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank a:hover,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header a:hover,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item a:hover,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank a:hover,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header a:hover,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item a:hover,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank a:hover,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header a:hover,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item a:hover,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank a:hover,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header a:hover,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item a:hover,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-blank a:hover,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header a:hover {
    color: #f38a00
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item {
    color: #8c8c8c;
    margin-left: 10px
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item.view-all,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item.view-all,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item.view-all,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item.view-all,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item.view-all,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item.view-all {
    margin-left: 0;
    font-weight: 700;
    color: #1976d2
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-navigation-list .sticky-header-menu-navigation-list-item-header {
    color: #333;
    font-weight: 700
}

footer .mega-menu-brands .sticky-header-menu-navigation-container[data-sticky-header-menu-category="1"] .sticky-header-menu-navigation-list-item,
footer .mega-menu-brands .sticky-header-menu-navigation-container[data-sticky-header-menu-category="2"] .sticky-header-menu-navigation-list-item,
footer .mega-menu-brands .sticky-header-menu-navigation-container[data-sticky-header-menu-category="3"] .sticky-header-menu-navigation-list-item,
footer .mega-menu-help-with .sticky-header-menu-navigation-container[data-sticky-header-menu-category="1"] .sticky-header-menu-navigation-list-item,
footer .mega-menu-help-with .sticky-header-menu-navigation-container[data-sticky-header-menu-category="2"] .sticky-header-menu-navigation-list-item,
footer .mega-menu-help-with .sticky-header-menu-navigation-container[data-sticky-header-menu-category="3"] .sticky-header-menu-navigation-list-item,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container[data-sticky-header-menu-category="1"] .sticky-header-menu-navigation-list-item,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container[data-sticky-header-menu-category="2"] .sticky-header-menu-navigation-list-item,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container[data-sticky-header-menu-category="3"] .sticky-header-menu-navigation-list-item,
header .mega-menu-brands .sticky-header-menu-navigation-container[data-sticky-header-menu-category="1"] .sticky-header-menu-navigation-list-item,
header .mega-menu-brands .sticky-header-menu-navigation-container[data-sticky-header-menu-category="2"] .sticky-header-menu-navigation-list-item,
header .mega-menu-brands .sticky-header-menu-navigation-container[data-sticky-header-menu-category="3"] .sticky-header-menu-navigation-list-item,
header .mega-menu-help-with .sticky-header-menu-navigation-container[data-sticky-header-menu-category="1"] .sticky-header-menu-navigation-list-item,
header .mega-menu-help-with .sticky-header-menu-navigation-container[data-sticky-header-menu-category="2"] .sticky-header-menu-navigation-list-item,
header .mega-menu-help-with .sticky-header-menu-navigation-container[data-sticky-header-menu-category="3"] .sticky-header-menu-navigation-list-item,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container[data-sticky-header-menu-category="1"] .sticky-header-menu-navigation-list-item,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container[data-sticky-header-menu-category="2"] .sticky-header-menu-navigation-list-item,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container[data-sticky-header-menu-category="3"] .sticky-header-menu-navigation-list-item {
    margin-left: 0
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag:hover,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag:hover,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag:hover,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag:hover,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag:hover,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag:hover {
    text-decoration: none
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag:hover .sticky-header-menu-hashtag-name,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag:hover .sticky-header-menu-hashtag-name,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag:hover .sticky-header-menu-hashtag-name,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag:hover .sticky-header-menu-hashtag-name,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag:hover .sticky-header-menu-hashtag-name,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag:hover .sticky-header-menu-hashtag-name {
    text-decoration: underline
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon {
    margin: auto;
    width: 100px;
    height: 100px;
    border-radius: 50%
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegan,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegan,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegan,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegan,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegan,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegan {
    background-color: #f2cf52
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegan:hover,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegan:hover,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegan:hover,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegan:hover,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegan:hover,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegan:hover {
    background-color: #eec223
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.organic,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.organic,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.organic,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.organic,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.organic,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.organic {
    background-color: #2a9586
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.organic:hover,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.organic:hover,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.organic:hover,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.organic:hover,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.organic:hover,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.organic:hover {
    background-color: #1f6d62
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.gluten-free,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.gluten-free,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.gluten-free,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.gluten-free,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.gluten-free,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.gluten-free {
    background-color: #f77b1f
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.gluten-free:hover,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.gluten-free:hover,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.gluten-free:hover,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.gluten-free:hover,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.gluten-free:hover,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.gluten-free:hover {
    background-color: #db6208
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegetarian,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegetarian,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegetarian,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegetarian,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegetarian,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegetarian {
    background-color: #8dc325
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegetarian:hover,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegetarian:hover,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegetarian:hover,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegetarian:hover,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegetarian:hover,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.vegetarian:hover {
    background-color: #6e981d
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.kosher,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.kosher,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.kosher,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.kosher,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.kosher,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.kosher {
    background-color: #93d2e2
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.kosher:hover,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.kosher:hover,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.kosher:hover,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.kosher:hover,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.kosher:hover,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.kosher:hover {
    background-color: #6bc1d7
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.paleo,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.paleo,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.paleo,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.paleo,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.paleo,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.paleo {
    background-color: #ac8844
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.paleo:hover,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.paleo:hover,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.paleo:hover,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.paleo:hover,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.paleo:hover,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.paleo:hover {
    background-color: #876b36
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.ketogenic-diet,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.ketogenic-diet,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.ketogenic-diet,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.ketogenic-diet,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.ketogenic-diet,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.ketogenic-diet {
    background-color: #e66666
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.ketogenic-diet:hover,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.ketogenic-diet:hover,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.ketogenic-diet:hover,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.ketogenic-diet:hover,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.ketogenic-diet:hover,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.ketogenic-diet:hover {
    background-color: #df3a3a
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.dairy-free,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.dairy-free,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.dairy-free,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.dairy-free,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.dairy-free,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.dairy-free {
    background-color: #61ccd5
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.dairy-free:hover,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.dairy-free:hover,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.dairy-free:hover,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.dairy-free:hover,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.dairy-free:hover,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.dairy-free:hover {
    background-color: #39bfca
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.cruelty-free,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.cruelty-free,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.cruelty-free,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.cruelty-free,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.cruelty-free,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.cruelty-free {
    background-color: #9a499a
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.cruelty-free:hover,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.cruelty-free:hover,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.cruelty-free:hover,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.cruelty-free:hover,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.cruelty-free:hover,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.cruelty-free:hover {
    background-color: #773977
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.non-gmo,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.non-gmo,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.non-gmo,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.non-gmo,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.non-gmo,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.non-gmo {
    background-color: #e2a93d
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.non-gmo:hover,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.non-gmo:hover,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.non-gmo:hover,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.non-gmo:hover,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.non-gmo:hover,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon.non-gmo:hover {
    background-color: #cd911f
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon i,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon i,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon i,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon i,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon i,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-icon i {
    position: relative;
    top: 10px;
    left: 20px;
    font-size: 60px;
    color: #fff
}

footer .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-name,
footer .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-name,
footer .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-name,
header .mega-menu-brands .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-name,
header .mega-menu-help-with .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-name,
header .sticky-header-menu .sticky-header-menu-navigation .sticky-header-menu-navigation-container .sticky-header-menu-hashtag .sticky-header-menu-hashtag-name {
    padding-top: 12px;
    padding-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
    color: #1976d2;
    white-space: normal;
    text-align: center
}

footer .iherb-header-menu,
header .iherb-header-menu {
    position: absolute;
    top: 48px;
    display: none;
    background-color: #fff;
    border-radius: 5px;
    z-index: 1000;
    white-space: normal;
    width: 552px;
    right: 0;
    padding: 24px;
    box-shadow: 0 12px 20px rgba(106, 115, 129, .22)
}

footer .iherb-header-menu .rewards,
header .iherb-header-menu .rewards {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

footer .iherb-header-menu .rewards>*,
header .iherb-header-menu .rewards>* {
    display: none
}

footer .iherb-header-menu .rewards-container,
header .iherb-header-menu .rewards-container {
    width: 50%;
    border: 3px solid #fff;
    background-color: #f7f8f7;
    color: #333;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    padding: 16px;
    padding-top: 24px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 8px
}

footer .iherb-header-menu .rewards-logo,
header .iherb-header-menu .rewards-logo {
    width: 129px;
    height: auto;
    margin-bottom: 24px
}

footer .iherb-header-menu .rewards-default,
header .iherb-header-menu .rewards-default {
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .iherb-header-menu .rewards-default>*,
header .iherb-header-menu .rewards-default>* {
    white-space: normal;
    text-align: center
}

footer .iherb-header-menu .rewards-default-value,
header .iherb-header-menu .rewards-default-value {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    word-wrap: break-word
}

footer .iherb-header-menu .rewards-default-title,
header .iherb-header-menu .rewards-default-title {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    word-wrap: break-word
}

footer .iherb-header-menu .rewards-default-title:not(:last-child),
header .iherb-header-menu .rewards-default-title:not(:last-child) {
    margin-bottom: 16px
}

footer .iherb-header-menu .rewards-link,
header .iherb-header-menu .rewards-link {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 16px
}

footer .iherb-header-menu .rewards-link>a,
header .iherb-header-menu .rewards-link>a {
    color: #126cc5 !important;
    font-weight: 700;
    font-size: 14px
}

footer .iherb-header-menu .rewards-link .learn-more-icon,
header .iherb-header-menu .rewards-link .learn-more-icon {
    color: #126cc5;
    fill: #126cc5;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 16px;
    height: 16px
}

footer .iherb-header-menu .rewards-active,
header .iherb-header-menu .rewards-active {
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

footer .iherb-header-menu .rewards-active-expiration,
header .iherb-header-menu .rewards-active-expiration {
    display: none;
    color: #666;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    word-wrap: break-word
}

footer .iherb-header-menu .rewards-active-container,
header .iherb-header-menu .rewards-active-container {
    margin-bottom: 16px
}

footer .iherb-header-menu .rewards-active-title,
header .iherb-header-menu .rewards-active-title {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    word-wrap: break-word
}

footer .iherb-header-menu .rewards-active-value,
header .iherb-header-menu .rewards-active-value {
    color: #2c7500;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    word-wrap: break-word;
    margin-bottom: 4px
}

footer .iherb-header-menu .rewards-blocked,
header .iherb-header-menu .rewards-blocked {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    word-wrap: break-word;
    text-align: center
}

footer .iherb-header-menu .rewards-paused,
header .iherb-header-menu .rewards-paused {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    word-wrap: break-word;
    text-align: center
}

footer .iherb-header-menu .rewards-zero-balance,
header .iherb-header-menu .rewards-zero-balance {
    width: 100%;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .iherb-header-menu .rewards-zero-start-shopping,
header .iherb-header-menu .rewards-zero-start-shopping {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    word-wrap: break-word;
    margin-bottom: 16px;
    text-align: center
}

footer .iherb-header-menu .rewards-zero-value,
header .iherb-header-menu .rewards-zero-value {
    color: #2c7500;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    word-wrap: break-word
}

footer .iherb-header-menu .rewards-zero-title,
header .iherb-header-menu .rewards-zero-title {
    margin-bottom: 16px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    word-wrap: break-word
}

footer .iherb-header-menu .iherb-header-menu-limiter,
header .iherb-header-menu .iherb-header-menu-limiter {
    overflow-y: auto;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    width: 100%
}

@media (max-height:1024px) {

    footer .iherb-header-menu .iherb-header-menu-limiter,
    header .iherb-header-menu .iherb-header-menu-limiter {
        max-height: 70vh
    }
}

footer .iherb-header-menu .iherb-header-my-account-container,
header .iherb-header-menu .iherb-header-my-account-container {
    width: 50%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

footer .iherb-header-menu .iherb-header-my-account-container .my-account-title-content,
header .iherb-header-menu .iherb-header-my-account-container .my-account-title-content {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #2c7500;
    margin: 0 12px 12px;
    text-overflow: ellipsis;
    overflow: hidden
}

footer .iherb-header-menu .iherb-header-my-account-container .my-account-links,
header .iherb-header-menu .iherb-header-my-account-container .my-account-links {
    margin-bottom: 12px
}

footer .iherb-header-menu .iherb-header-my-account-container .my-account-links .message-counter,
header .iherb-header-menu .iherb-header-my-account-container .my-account-links .message-counter {
    font-size: 12px;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: 4px;
    height: 18px;
    width: 18px;
    padding: 3px
}

footer .iherb-header-menu .iherb-header-my-account-container .my-account-link-container,
header .iherb-header-menu .iherb-header-my-account-container .my-account-link-container {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    word-wrap: break-word
}

footer .iherb-header-menu .iherb-header-my-account-container .my-account-link-container .my-account-link-icon,
header .iherb-header-menu .iherb-header-my-account-container .my-account-link-container .my-account-link-icon {
    margin-right: 12px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .iherb-header-menu .iherb-header-my-account-container .my-account-link-container .my-account-link-icon img,
header .iherb-header-menu .iherb-header-my-account-container .my-account-link-container .my-account-link-icon img {
    width: 24px;
    height: 24px
}

footer .iherb-header-menu ul li,
header .iherb-header-menu ul li {
    padding: 0 12px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 8px
}

footer .iherb-header-menu ul li:hover,
header .iherb-header-menu ul li:hover {
    background-color: #e5f8e6
}

footer .iherb-header-menu ul li a,
header .iherb-header-menu ul li a {
    width: 100%;
    text-decoration: none
}

footer .iherb-header-menu ul li a:active,
footer .iherb-header-menu ul li a:focus,
footer .iherb-header-menu ul li a:hover,
header .iherb-header-menu ul li a:active,
header .iherb-header-menu ul li a:focus,
header .iherb-header-menu ul li a:hover {
    text-decoration: none !important;
    outline: 0 !important;
    box-shadow: none !important
}

footer .iherb-header-menu .separator,
header .iherb-header-menu .separator {
    border-bottom: 1px solid #e0e0e0
}

footer .iherb-header-menu .action-container,
header .iherb-header-menu .action-container {
    padding-left: 12px
}

footer .iherb-header-menu .action-container li,
header .iherb-header-menu .action-container li {
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 48px
}

footer .iherb-header-menu .action-container li:hover,
header .iherb-header-menu .action-container li:hover {
    background-color: unset
}

footer .iherb-header-menu .action-container li a,
header .iherb-header-menu .action-container li a {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    word-wrap: break-word
}

footer .iherb-header-menu .action-container .iherb-header-dropdown-signed-out,
footer .iherb-header-menu .action-container .iherb-header-signed-in,
header .iherb-header-menu .action-container .iherb-header-dropdown-signed-out,
header .iherb-header-menu .action-container .iherb-header-signed-in {
    border: 1px solid #2c7500;
    border-radius: 8px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 216px
}

footer .iherb-header-menu .action-container .iherb-header-dropdown-signed-out a,
footer .iherb-header-menu .action-container .iherb-header-signed-in a,
header .iherb-header-menu .action-container .iherb-header-dropdown-signed-out a,
header .iherb-header-menu .action-container .iherb-header-signed-in a {
    background-color: #fff;
    color: #2c7500;
    border: unset
}

footer .iherb-header-menu .action-container .iherb-header-signed-out,
header .iherb-header-menu .action-container .iherb-header-signed-out {
    border: none;
    margin-bottom: 8px;
    width: 216px
}

footer .iherb-header-menu .action-container .iherb-header-signed-out a,
header .iherb-header-menu .action-container .iherb-header-signed-out a {
    background-color: #6fa26b;
    min-height: 48px;
    border: none;
    font-weight: 700
}

footer .iherb-header-menu .action-container .iherb-header-signed-out.btn,
header .iherb-header-menu .action-container .iherb-header-signed-out.btn {
    margin: 0 0 15px
}

footer .iherb-header-menu .action-container .iherb-header-signed-in,
header .iherb-header-menu .action-container .iherb-header-signed-in {
    display: none
}

footer .iherb-header-menu .action-container li,
header .iherb-header-menu .action-container li {
    padding: 0
}

footer .iherb-header-menu .action-container .dropdown-createacc-link>.btn,
header .iherb-header-menu .action-container .dropdown-createacc-link>.btn {
    white-space: normal
}

footer .iherb-header-menu .action-container .dropdown-create-account-link,
header .iherb-header-menu .action-container .dropdown-create-account-link {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    white-space: normal;
    line-height: 1.5
}

footer .iherb-header-menu.iherb-header-menu-specials,
header .iherb-header-menu.iherb-header-menu-specials {
    top: 33px;
    left: 0;
    width: auto;
    min-width: 160px
}

footer .iherb-header-menu.iherb-header-menu-specials:after,
footer .iherb-header-menu.iherb-header-menu-specials:before,
header .iherb-header-menu.iherb-header-menu-specials:after,
header .iherb-header-menu.iherb-header-menu-specials:before {
    content: none
}

footer .universal-header .iherb-header-menu,
header .universal-header .iherb-header-menu {
    background-color: #fff;
    border-color: #999
}

footer .universal-header .iherb-header-menu ul li:hover,
header .universal-header .iherb-header-menu ul li:hover {
    color: #666
}

footer .universal-header .iherb-header-menu a:not(.btn),
header .universal-header .iherb-header-menu a:not(.btn) {
    color: #4c4c4c
}

footer .universal-header .iherb-header-menu .separator,
header .universal-header .iherb-header-menu .separator {
    border-color: #999
}

footer .universal-header .iherb-header-menu-account:before,
header .universal-header .iherb-header-menu-account:before {
    left: 84px;
    border-bottom-color: #999
}

footer .universal-header .iherb-header-menu-account:after,
header .universal-header .iherb-header-menu-account:after {
    left: 85px;
    border-bottom-color: #fff
}

footer .clear-bg,
header .clear-bg {
    background-color: transparent;
    z-index: 1497 !important
}

footer .share-closed,
header .share-closed {
    display: none
}

footer .mega-menu,
header .mega-menu {
    top: 100%;
    left: 0;
    right: 0;
    position: absolute
}

footer .iherb-header-layout .mega-menu,
header .iherb-header-layout .mega-menu {
    position: relative;
    max-width: 1400px;
    margin: auto;
    width: 100%
}

footer .iherb-header-layout .mega-menu .mega-menu-content,
header .iherb-header-layout .mega-menu .mega-menu-content {
    border: 1px solid #999;
    border-top: none;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    max-width: 1400px;
    display: block
}

footer .iherb-header-layout .mega-menu .secondary-header-categories-menu,
header .iherb-header-layout .mega-menu .secondary-header-categories-menu {
    padding-top: 16px;
    margin-top: 16px;
    margin-right: 16px;
    margin-left: 16px
}

footer .iherb-header-layout .mega-menu.mega-menu-navigation .sticky-header-menu,
header .iherb-header-layout .mega-menu.mega-menu-navigation .sticky-header-menu {
    border-left: none;
    border-right: none;
    border: none;
    width: 100%;
    margin: 0;
    border-radius: 0
}

footer .iherb-header-layout .mega-menu.mega-menu-navigation .sticky-header-menu::before,
header .iherb-header-layout .mega-menu.mega-menu-navigation .sticky-header-menu::before {
    content: none
}

footer .iherb-header-layout .mega-menu.mega-menu-shop .sticky-header-menu,
header .iherb-header-layout .mega-menu.mega-menu-shop .sticky-header-menu {
    width: 100%;
    border: none
}

footer .iherb-header-layout .mega-menu.mega-menu-shop .sticky-header-menu::before,
header .iherb-header-layout .mega-menu.mega-menu-shop .sticky-header-menu::before {
    content: none
}

footer .iherb-header-layout .mega-menu.mega-menu-shop .sticky-header-menu-categories,
header .iherb-header-layout .mega-menu.mega-menu-shop .sticky-header-menu-categories {
    background-color: #fafafa
}

footer .iherb-header-layout .mega-menu.mega-menu-shop .secondary-header-categories-menu,
header .iherb-header-layout .mega-menu.mega-menu-shop .secondary-header-categories-menu {
    position: absolute;
    bottom: 16px;
    right: 16px;
    left: 316px
}

footer .iherb-header-layout .mega-menu.mega-menu-shop .sticky-header-menu-navigation-container,
header .iherb-header-layout .mega-menu.mega-menu-shop .sticky-header-menu-navigation-container {
    max-height: 400px
}

footer .iherb-header-layout .mega-menu.mega-menu-shop .sticky-header-menu-categories-list li,
header .iherb-header-layout .mega-menu.mega-menu-shop .sticky-header-menu-categories-list li {
    border: none;
    background: 0 0;
    color: #666;
    line-height: 2.3;
    font-weight: 700
}

footer .iherb-header-layout .mega-menu.mega-menu-shop .sticky-header-menu-categories-list li a,
header .iherb-header-layout .mega-menu.mega-menu-shop .sticky-header-menu-categories-list li a {
    color: inherit;
    width: 100%;
    display: inline-block
}

footer .iherb-header-layout .mega-menu.mega-menu-shop .sticky-header-menu-categories-list li::after,
header .iherb-header-layout .mega-menu.mega-menu-shop .sticky-header-menu-categories-list li::after {
    content: none
}

footer .iherb-header-layout .mega-menu.mega-menu-shop .sticky-header-menu-categories-list li .icon-recentlyviewedarrowright,
header .iherb-header-layout .mega-menu.mega-menu-shop .sticky-header-menu-categories-list li .icon-recentlyviewedarrowright {
    color: #666
}

footer .iherb-header-layout .mega-menu.mega-menu-shop .sticky-header-menu-categories-list li.active,
header .iherb-header-layout .mega-menu.mega-menu-shop .sticky-header-menu-categories-list li.active {
    color: #f38a00
}

footer .iherb-header-layout .mega-menu.mega-menu-shop .sticky-header-menu-categories-list li.active .icon-recentlyviewedarrowright,
header .iherb-header-layout .mega-menu.mega-menu-shop .sticky-header-menu-categories-list li.active .icon-recentlyviewedarrowright {
    color: #f38a00
}

footer .iherb-header-layout .mega-menu.active,
header .iherb-header-layout .mega-menu.active {
    display: block !important
}

footer .iherb-header-layout .mega-menu.active.mega-menu-brands .sticky-header-menu-navigation-container,
footer .iherb-header-layout .mega-menu.active.mega-menu-help-with .sticky-header-menu-navigation-container,
header .iherb-header-layout .mega-menu.active.mega-menu-brands .sticky-header-menu-navigation-container,
header .iherb-header-layout .mega-menu.active.mega-menu-help-with .sticky-header-menu-navigation-container {
    display: block
}

footer .iherb-header-layout .mega-menu.active .sticky-header-menu,
header .iherb-header-layout .mega-menu.active .sticky-header-menu {
    display: block
}

footer.header-cc-hx .branded-header,
header.header-cc-hx .branded-header {
    color: #000;
    background-color: #fff !important
}

footer.header-cc-hx .branded-header .icon-hamburgermenu-sticky,
header.header-cc-hx .branded-header .icon-hamburgermenu-sticky {
    color: #6fa26b !important
}

footer.header-cc-hx .branded-header .iherb-header-search-input,
header.header-cc-hx .branded-header .iherb-header-search-input {
    border: 1px solid #8c8c8c !important
}

footer.header-cc-hx .branded-header .icon-caret-down,
header.header-cc-hx .branded-header .icon-caret-down {
    fill: #666 !important
}

footer.header-cc-hx .branded-header .iherb-header-signed-out,
header.header-cc-hx .branded-header .iherb-header-signed-out {
    font-weight: 700
}

footer.header-cc-hx .branded-header .iherb-header-account,
header.header-cc-hx .branded-header .iherb-header-account {
    color: #666
}

footer.header-cc-hx .iherb-header,
header.header-cc-hx .iherb-header {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu {
    overflow: auto;
    max-height: 82vh
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .note,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .note {
    font-style: italic;
    font-weight: 700;
    font-size: 12px;
    white-space: nowrap
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-types,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-types {
    padding: 17px 17px 0;
    color: #8c8c8c
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-types [class*=type-],
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-types [class*=type-] {
    white-space: nowrap;
    font-size: 14px;
    line-height: 20px
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-types .type-default,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-types .type-default {
    color: #8c8c8c
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-types .type-all,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-types .type-all {
    font-weight: 700;
    color: #1976d2
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-types .type-heading,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-types .type-heading {
    font-weight: 700;
    color: #1976d2;
    margin-top: 20px
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-types .type-heading:first-child,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-types .type-heading:first-child {
    margin-top: 0
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-flex,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-flex {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-flex>*,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-flex>* {
    margin-right: 8px;
    text-wrap: wrap
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-flex>:last-child,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-flex>:last-child {
    margin-right: 0
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-flex .menu-flex-5,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-flex .menu-flex-5 {
    max-width: 20%;
    overflow: hidden
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .brand-entry,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .brand-entry {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .brand-entry .brand-link,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .brand-entry .brand-link {
    margin-right: 8px
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .brand-entry .brand-flag,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .brand-entry .brand-flag {
    height: 20px;
    padding: 0 8px;
    font-size: 12px;
    border-radius: 8px
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .brand-entry .brand-trending,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .brand-entry .brand-trending {
    border: solid 2px #bd3c37;
    color: #80201e
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .brand-entry .brand-sale,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .brand-entry .brand-sale {
    border: solid 2px #f38a00;
    color: #f38a00
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-link,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-link {
    color: inherit;
    text-decoration: inherit;
    cursor: inherit;
    text-wrap: wrap
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-link[href]:hover,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .menu-link[href]:hover {
    text-decoration: underline;
    color: #f38a00;
    cursor: pointer
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .shop-contents,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .shop-contents {
    text-align: center;
    margin-top: 16px
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .shop-contents .color-circle,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .shop-contents .color-circle {
    height: 16px;
    width: 16px;
    min-width: 16px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 4px
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .shop-contents .content-links,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .shop-contents .content-links {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .shop-contents .menu-link,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .shop-contents .menu-link {
    margin-right: 16px;
    margin-top: 8px;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .shop-contents .menu-link:last-child,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .shop-contents .menu-link:last-child {
    margin-right: 0
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .quicklinks,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .quicklinks {
    text-align: center;
    font-weight: 700;
    color: #1976d2;
    font-size: 16px;
    border-top: 1px solid #e0e0e0;
    padding-top: 16px;
    padding-bottom: 1px;
    margin-top: 16px
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .quicklinks .quicklink,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .quicklinks .quicklink {
    display: inline-block;
    border-right: 1px solid #8c8c8c;
    padding-left: 16px;
    padding-right: 16px
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .quicklinks .quicklink:last-child,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown .mega-menu .quicklinks .quicklink:last-child {
    border-right: none
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results {
    border: none;
    max-width: none;
    padding: 4px 0;
    margin: 0;
    background-color: #fff;
    border-radius: 8px;
    z-index: 1
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .wrapper,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .wrapper,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper {
    overflow-y: visible !important;
    max-height: -moz-calc(100vh - 104px);
    max-height: calc(100vh - 104px);
    overflow: auto;
    scroll-margin: 4px;
    overscroll-behavior: contain
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .wrapper::-webkit-scrollbar,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper::-webkit-scrollbar,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .wrapper::-webkit-scrollbar,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
    scroll-margin-right: 4px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .wrapper::-webkit-scrollbar-thumb,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper::-webkit-scrollbar-thumb,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .wrapper::-webkit-scrollbar-thumb,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #ccc;
    box-shadow: 0 0 1px rgba(255, 255, 255, .5)
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .wrapper-title,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper-title,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .wrapper-title,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper-title {
    padding: 32px 0 8px;
    margin-bottom: 4px;
    margin: 0 24px;
    color: #333;
    font-size: 18px;
    font-weight: 700
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .wrapper-title:first-of-type,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper-title:first-of-type,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .wrapper-title:first-of-type,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper-title:first-of-type {
    padding-top: 16px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .browse-wrapper,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .browse-wrapper,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .browse-wrapper,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .browse-wrapper {
    margin-bottom: 20px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .browse-wrapper .wrapper-title,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .browse-wrapper .wrapper-title,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .browse-wrapper .wrapper-title,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .browse-wrapper .wrapper-title {
    margin-bottom: 16px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .results-container,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .search-v2,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .results-container,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .search-v2,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .results-container,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .search-v2,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .results-container,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .search-v2 {
    margin: 0 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e0e0e0
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .results-container>li,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .search-v2>li,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .results-container>li,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .search-v2>li,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .results-container>li,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .search-v2>li,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .results-container>li,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .search-v2>li {
    color: #000;
    background: 0 0;
    line-height: 36px;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    white-space: normal;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .results-container>li svg,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .search-v2>li svg,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .results-container>li svg,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .search-v2>li svg,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .results-container>li svg,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .search-v2>li svg,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .results-container>li svg,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .search-v2>li svg {
    margin-right: 8px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .results-container>li.active,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .results-container>li:hover,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .search-v2>li.active,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .search-v2>li:hover,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .results-container>li.active,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .results-container>li:hover,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .search-v2>li.active,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .search-v2>li:hover,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .results-container>li.active,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .results-container>li:hover,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .search-v2>li.active,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .search-v2>li:hover,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .results-container>li.active,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .results-container>li:hover,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .search-v2>li.active,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .search-v2>li:hover {
    background-color: #edf7e5
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .results-container>li .search-type,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .search-v2>li .search-type,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .results-container>li .search-type,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .search-v2>li .search-type,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .results-container>li .search-type,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .search-v2>li .search-type,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .results-container>li .search-type,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .search-v2>li .search-type {
    color: #6fa26b;
    font-size: 12px;
    font-weight: 400
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .results-container,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .results-container,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .results-container,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .results-container {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 32px;
    overflow: hidden;
    padding-bottom: 24px;
    margin: 16px;
    border-bottom: 1px solid #e0e0e0
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .results-container a,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .results-container a,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .results-container a,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .results-container a {
    padding-left: 0;
    padding-right: 10px;
    text-decoration: none
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .results-container a.active,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .results-container a:hover,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .results-container a.active,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .results-container a:hover,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .results-container a.active,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .results-container a:hover,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .results-container a.active,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .results-container a:hover {
    background-color: #fff
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .results-container a div,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .results-container a div,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .results-container a div,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .results-container a div {
    border-radius: 16px;
    font-size: 16px;
    color: #333;
    background-color: #f7f8f7;
    height: 32px;
    font-weight: 700;
    line-height: 32px;
    padding: 0 16px;
    border: 0
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .gap,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .gap,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .gap,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .gap {
    width: 100%;
    height: 8px;
    margin-bottom: 24px;
    background-color: #f5f5f5
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 24px 0 24px;
    gap: 2%;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category {
    cursor: pointer;
    max-width: 220px;
    width: 32%;
    aspect-ratio: 167/48;
    margin-bottom: 2%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f7f8f7;
    padding: 16px;
    border-radius: 8px;
    position: relative
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category:active,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category:hover,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category:visited,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category:active,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category:hover,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category:visited,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category:active,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category:hover,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category:visited,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category:active,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category:hover,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category:visited,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category:active,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category:hover,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category:visited,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category:active,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category:hover,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category:visited,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category:active,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category:hover,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category:visited,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category:active,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category:hover,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category:visited {
    color: inherit;
    text-decoration: none
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category:nth-child(3n+3),
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category:nth-child(3n+3),
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category:nth-child(3n+3),
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category:nth-child(3n+3),
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category:nth-child(3n+3),
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category:nth-child(3n+3),
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category:nth-child(3n+3),
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category:nth-child(3n+3) {
    margin-right: 0
}

@media (max-width:1200px) {

    footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category,
    footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category,
    footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category,
    footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category,
    header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category,
    header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category,
    header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category,
    header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category {
        width: 48%;
        max-width: 260px
    }
}

@media (max-width:768px) {

    footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category,
    footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category,
    footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category,
    footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category,
    header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category,
    header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category,
    header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category,
    header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category {
        width: 48%
    }
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category.special-deal,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category.special-deal,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category.special-deal,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category.special-deal,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category.special-deal,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category.special-deal,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category.special-deal,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category.special-deal {
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category.special-deal .category-label,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category.special-deal .category-label,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category.special-deal .category-label,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category.special-deal .category-label,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category.special-deal .category-label,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category.special-deal .category-label,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category.special-deal .category-label,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category.special-deal .category-label {
    margin-left: 0;
    height: 28px;
    text-align: center;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category.special-deal .category-label span,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category.special-deal .category-label span,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category.special-deal .category-label span,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category.special-deal .category-label span,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category.special-deal .category-label span,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category.special-deal .category-label span,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category.special-deal .category-label span,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category.special-deal .category-label span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-pack: center;
    word-break: break-word;
    word-wrap: break-word
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category.border,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category.border,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category.border,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category.border,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category.border,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category.border,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category.border,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category.border {
    border: 1px solid #999;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category.border .category-label,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category.border .category-label,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category.border .category-label,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category.border .category-label,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category.border .category-label,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category.border .category-label,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category.border .category-label,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category.border .category-label {
    margin-left: 0
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category.active,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category.active,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category.active,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category.active,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category.active,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category.active,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category.active,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category.active {
    border: 1px solid #bd3c37
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category.active .category-label,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category.active .category-label,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category.active .category-label,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category.active .category-label,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category.active .category-label,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category.active .category-label,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category.active .category-label,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category.active .category-label {
    color: #bd3c37
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category:hover,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category:hover,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category:hover,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category:hover,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category:hover,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category:hover,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category:hover,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category:hover {
    border: 1px solid #6b6b6b;
    padding: 15px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category .category-label,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category .category-label,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category .category-label,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category .category-label,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category .category-label,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category .category-label,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category .category-label,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category .category-label {
    font-size: 16px;
    font-weight: 700;
    height: 38px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    position: relative;
    z-index: 1;
    margin-left: 8px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category .category-label span,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category .category-label span,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category .category-label span,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category .category-label span,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category .category-label span,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category .category-label span,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category .category-label span,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category .category-label span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-pack: center;
    word-wrap: break-word
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category .category-image,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category .category-image,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category .category-image,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category .category-image,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category .category-image,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category .category-image,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .categories .category .category-image,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .category-super-deals .category .category-image {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:1034px) {

    footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results,
    header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results {
        padding: 4px 0
    }
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper {
    border: none
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .brands li>div,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .categories li>div,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .keywords li>div,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-v2 li>div,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .brands li>div,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .categories li>div,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .keywords li>div,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-v2 li>div {
    font-weight: 700
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .brands li>div>span.no-bold,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .categories li>div>span.no-bold,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .keywords li>div>span.no-bold,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-v2 li>div>span.no-bold,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .brands li>div>span.no-bold,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .categories li>div>span.no-bold,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .keywords li>div>span.no-bold,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-v2 li>div>span.no-bold {
    font-weight: 400
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    color: #333;
    padding: 8px 16px;
    border-top: 1px solid #e0e0e0;
    overflow: hidden
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .price,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .price {
    font-weight: 700;
    font-size: 18px;
    line-height: 18px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .price.is-map span,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .price.is-map span {
    color: #8c8c8c;
    text-decoration: line-through;
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin-bottom: 2px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .price.is-map bdi,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .price.is-map bdi {
    font-weight: 700;
    font-size: 16px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .price.discount-green,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .price.discount-green {
    color: #6fa26b
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .price.discount-red,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .price.discount-red {
    color: #bd3c37
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .price-olp,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .price-olp {
    color: #707070;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    text-decoration: line-through;
    font-weight: 700;
    display: inline
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .save-in-cart,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .save-in-cart {
    font-weight: 700;
    color: #f38a00;
    font-size: 14px;
    line-height: 20px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .info,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .info {
    margin-left: 16px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .info .highlight,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .info .highlight {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .rating,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .rating {
    margin-bottom: 8px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .original-price-list,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .original-price-list {
    color: #707070;
    text-decoration: line-through
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .show-in-cart-text,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .show-in-cart-text {
    font-weight: 700
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .search-keyword.product-name,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .search-keyword.product-name {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 36px;
    height: 36px;
    max-width: 400px;
    color: #1976d2;
    line-height: 19px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .sug-image,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .sug-image {
    text-align: center
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .sug-image img,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .search-product-cell .sug-image img {
    width: 96px;
    height: 96px;
    min-width: 96px;
    display: inline-block
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .suggested-products,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .suggested-products {
    border: none;
    margin: 16px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .suggested-products .suggested-products-header,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .suggested-products .suggested-products-header {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    line-height: 48px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .suggested-products>div,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper .suggested-products>div {
    padding: 0
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #search-history-wrapper .wrapper-title,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #search-history-wrapper .wrapper-title {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #search-history-wrapper .wrapper-title .search-history-clear,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #search-history-wrapper .wrapper-title .search-history-clear {
    color: #2c7500;
    text-decoration: underline;
    font-size: 14px;
    text-transform: capitalize;
    display: inline-block;
    cursor: pointer;
    font-weight: 500;
    line-height: 18px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #search-history-wrapper .search-item,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #search-history-wrapper .search-item {
    width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    height: 36px;
    padding: 0 8px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #search-history-wrapper .search-item:hover,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #search-history-wrapper .search-item:hover {
    background: #e5f8e6
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #search-history-wrapper .results-container,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #search-history-wrapper .results-container {
    height: auto;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #search-history-wrapper .results-container a,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #search-history-wrapper .results-container a {
    width: 100%;
    background-color: transparent
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #search-history-wrapper .results-container a div,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #search-history-wrapper .results-container a div {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    font-weight: 400;
    line-height: 24px;
    height: 24px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #search-history-wrapper .results-container a div .search-type,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #search-history-wrapper .results-container a div .search-type {
    color: #2c7500
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #trending-links-wrapper:nth-child(2) .wrapper-title,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #trending-links-wrapper:nth-child(2) .wrapper-title {
    padding-top: 16px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #trending-links-wrapper .results-container,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #trending-links-wrapper .results-container {
    height: auto;
    row-gap: 16px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #trending-links-wrapper .results-container a div:hover,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #trending-links-wrapper .results-container a div:hover {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #6b6b6b;
    line-height: 30px;
    padding: 0 15px
}

footer .locale-banner-header .controls-next,
footer .locale-banner-header .controls-play-pause,
footer .locale-banner-header .controls-prev,
header .locale-banner-header .controls-next,
header .locale-banner-header .controls-play-pause,
header .locale-banner-header .controls-prev {
    cursor: pointer;
    background: #6fa26b;
    -moz-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    border-radius: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

footer .locale-banner-header .controls-next:hover,
footer .locale-banner-header .controls-play-pause:hover,
footer .locale-banner-header .controls-prev:hover,
header .locale-banner-header .controls-next:hover,
header .locale-banner-header .controls-play-pause:hover,
header .locale-banner-header .controls-prev:hover {
    background: #386b01
}

footer .locale-banner-header .controls-next,
footer .locale-banner-header .controls-prev,
header .locale-banner-header .controls-next,
header .locale-banner-header .controls-prev {
    height: 24px;
    width: 24px
}

footer .locale-banner-header .controls-play-pause .pause,
footer .locale-banner-header .controls-play-pause .play,
header .locale-banner-header .controls-play-pause .pause,
header .locale-banner-header .controls-play-pause .play {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

[dir=rtl] footer .locale-banner-header .controls-next,
[dir=rtl] footer .locale-banner-header .controls-prev,
[dir=rtl] header .locale-banner-header .controls-next,
[dir=rtl] header .locale-banner-header .controls-prev {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

footer .locale-banner-header .controls-next svg,
header .locale-banner-header .controls-next svg {
    position: relative;
    /*!@noflip*/
    right: -1px
}

footer .locale-banner-header .controls-prev svg,
header .locale-banner-header .controls-prev svg {
    position: relative;
    /*!@noflip*/
    left: -1px
}

footer .locale-banner-header .scrolling-persistent-banner-container,
header .locale-banner-header .scrolling-persistent-banner-container {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    position: absolute;
    /*!@noflip*/
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width:992px) {

    footer .locale-banner-header .scrolling-persistent-banner-container,
    header .locale-banner-header .scrolling-persistent-banner-container {
        width: 95%;
        /*!@noflip*/
        left: 45%
    }
}

@media (max-width:950px) {

    footer .locale-banner-header .scrolling-persistent-banner-container,
    header .locale-banner-header .scrolling-persistent-banner-container {
        -webkit-justify-content: left;
        -moz-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none
    }
}

footer .locale-banner-header .scrolling-persistent-banner-container .scrolling-persistent-banner,
header .locale-banner-header .scrolling-persistent-banner-container .scrolling-persistent-banner {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 464px
}

footer .locale-banner-header .scrolling-persistent-banner-container .scrolling-persistent-banner .controls-play-pause .pause,
footer .locale-banner-header .scrolling-persistent-banner-container .scrolling-persistent-banner .controls-play-pause .play,
header .locale-banner-header .scrolling-persistent-banner-container .scrolling-persistent-banner .controls-play-pause .pause,
header .locale-banner-header .scrolling-persistent-banner-container .scrolling-persistent-banner .controls-play-pause .play {
    cursor: pointer
}

footer .locale-banner-header .scrolling-persistent-banner-container .scrolling-persistent-banner .controls-play-pause .play svg,
header .locale-banner-header .scrolling-persistent-banner-container .scrolling-persistent-banner .controls-play-pause .play svg {
    margin: 3px
}

footer .locale-banner-header .scrolling-persistent-banner-container .scrolling-persistent-banner .scrolling-persistent-banner-carousel-container,
header .locale-banner-header .scrolling-persistent-banner-container .scrolling-persistent-banner .scrolling-persistent-banner-carousel-container {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    max-width: 392px
}

footer .locale-banner-header .scrolling-persistent-banner-container .scrolling-persistent-banner .scrolling-persistent-banner-carousel-container .scrolling-container,
header .locale-banner-header .scrolling-persistent-banner-container .scrolling-persistent-banner .scrolling-persistent-banner-carousel-container .scrolling-container {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-x: auto;
    width: 100%;
    scrollbar-width: none;
    position: relative;
    height: 40px
}

footer .locale-banner-header .scrolling-persistent-banner-container .scrolling-persistent-banner .scrolling-persistent-banner-carousel-container .scrolling-container::-webkit-scrollbar,
header .locale-banner-header .scrolling-persistent-banner-container .scrolling-persistent-banner .scrolling-persistent-banner-carousel-container .scrolling-container::-webkit-scrollbar {
    display: none
}

footer .locale-banner-header .scrolling-persistent-banner-container .scrolling-persistent-banner .scrolling-persistent-banner-carousel-container .scrolling-container .banner-item,
header .locale-banner-header .scrolling-persistent-banner-container .scrolling-persistent-banner .scrolling-persistent-banner-carousel-container .scrolling-container .banner-item {
    -moz-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    position: absolute;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    text-align: center
}

footer #tls-popup,
header #tls-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #fff;
    min-height: 400px;
    padding: 15px;
    -webkit-transform: translate(-50%, -51%);
    -moz-transform: translate(-50%, -51%);
    -ms-transform: translate(-50%, -51%);
    transform: translate(-50%, -51%);
    z-index: 1501;
    width: 738px;
    text-align: center;
    display: none
}

footer #tls-popup .tls-content,
header #tls-popup .tls-content {
    background-color: #f5f5f5;
    padding: 30px 15px
}

footer #tls-popup .tls-content .icon-circleexclamation,
header #tls-popup .tls-content .icon-circleexclamation {
    font-size: 50px;
    color: #ff4d4f;
    margin: 15px 0
}

footer #tls-popup .tls-content .tls-browser-upgrade,
header #tls-popup .tls-content .tls-browser-upgrade {
    color: #ff4d4f;
    font-size: 24px;
    font-weight: 700;
    line-height: .58;
    margin-bottom: 15px
}

footer #tls-popup .tls-content .tls-message-effort,
header #tls-popup .tls-content .tls-message-effort {
    color: #333;
    font-size: 16px;
    line-height: 1.31;
    text-align: left
}

footer #tls-popup .tls-content .tls-upgrade-browsers,
header #tls-popup .tls-content .tls-upgrade-browsers {
    margin: 30px 0
}

footer #tls-popup .tls-content .tls-upgrade-browsers>div,
header #tls-popup .tls-content .tls-upgrade-browsers>div {
    display: inline-block;
    padding: 0 22px
}

footer #tls-popup .tls-content .tls-upgrade-browsers>div a,
header #tls-popup .tls-content .tls-upgrade-browsers>div a {
    display: block;
    font-size: 16px
}

footer #tls-popup .tls-content button strong,
header #tls-popup .tls-content button strong {
    padding: 0 20px
}

footer #tls-popup .tls-content .do-not-show,
header #tls-popup .tls-content .do-not-show {
    margin: 15px 0
}

footer .rewards-ten-container,
header .rewards-ten-container {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #6fa26b;
    padding: 8px 0;
    margin-top: 10px
}

footer .rewards-ten-container:hover,
header .rewards-ten-container:hover {
    text-decoration: none
}

footer .rewards-ten-container .logo,
header .rewards-ten-container .logo {
    font-size: 30px;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .rewards-ten-container .logo>img,
header .rewards-ten-container .logo>img {
    height: 22px
}

footer .rewards-ten-container .rewards-ten-text,
header .rewards-ten-container .rewards-ten-text {
    margin-left: 5px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 23px;
    color: #fff
}

footer .rewards-ten-container .rewards-ten-text .rewards-ten-learn-more,
header .rewards-ten-container .rewards-ten-text .rewards-ten-learn-more {
    margin-left: 15px;
    text-decoration: underline;
    font-size: 12px
}

footer footer .iherb-rewards-logo,
header footer .iherb-rewards-logo {
    color: #fff;
    display: inline-block;
    font-size: 60px;
    position: relative;
    top: 3px
}

footer footer .iherb-rewards-logo.medium,
header footer .iherb-rewards-logo.medium {
    font-size: 45px
}

footer footer .iherb-rewards-logo.small,
header footer .iherb-rewards-logo.small {
    font-size: 35px
}

footer footer .iherb-rewards-logo i,
header footer .iherb-rewards-logo i {
    font-size: inherit
}

footer footer .iherb-rewards-logo .icon-rewardslogo,
header footer .iherb-rewards-logo .icon-rewardslogo {
    color: #cf3
}

footer .question-mark,
header .question-mark {
    display: inline-block;
    width: 17px;
    height: 17px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #999;
    border: solid 1px #999;
    color: #f5f5f5;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    line-height: 15px
}

footer .question-mark.question-mark-sm,
header .question-mark.question-mark-sm {
    width: 16px;
    height: 16px;
    vertical-align: 5px;
    line-height: 14px
}

footer .question-mark.question-mark-spacing-sm,
header .question-mark.question-mark-spacing-sm {
    margin: 0 2px
}

.iherb-brands-list footer .question-mark,
.iherb-brands-list header .question-mark {
    background-color: #fff;
    color: #333;
    position: relative;
    top: -3px
}

footer .question-mark-2,
header .question-mark-2 {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    background-image: url(/static/m/i/ui/question-mark-v2.png);
    cursor: pointer
}

footer .live-container,
header .live-container {
    padding: 24px;
    background-color: #ffd644;
    padding-bottom: 16px
}

footer .live-container .product-inner,
header .live-container .product-inner {
    position: relative;
    padding: 15px 5px;
    padding-bottom: 0;
    background: #fff
}

footer .live-container .product-inner .absolute-link-wrapper.horizontal,
header .live-container .product-inner .absolute-link-wrapper.horizontal {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

footer .live-container .product-inner .absolute-link-wrapper a,
header .live-container .product-inner .absolute-link-wrapper a {
    color: #333
}

footer .live-container .product-inner .recent-activity-message-wrapper,
header .live-container .product-inner .recent-activity-message-wrapper {
    line-height: 20px;
    min-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    color: #666
}

footer .live-container .product-inner .more-options-available-wrapper,
header .live-container .product-inner .more-options-available-wrapper {
    line-height: 20px;
    min-height: 20px
}

footer .live-container .product-inner .more-options-available-wrapper a,
header .live-container .product-inner .more-options-available-wrapper a {
    color: #1976d2;
    display: inline-block;
    white-space: nowrap
}

footer .live-container .product-inner .product-link,
header .live-container .product-inner .product-link {
    cursor: pointer
}

footer .live-container .product-inner .see-in-cart-text,
header .live-container .product-inner .see-in-cart-text {
    font-weight: 700;
    font-size: 16px;
    color: #333
}

footer .live-container .product-inner .more-option-container,
header .live-container .product-inner .more-option-container {
    position: absolute;
    right: 0;
    top: 120px;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background-color: #f5f5f5;
    z-index: 50
}

footer .live-container .product-inner .more-option-container .tool-tip,
header .live-container .product-inner .more-option-container .tool-tip {
    background-color: #666;
    height: 32px;
    padding: 0 8px;
    border-radius: 4px;
    display: none;
    position: absolute;
    top: 28px;
    left: 12px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 12px;
    color: #fff;
    white-space: nowrap;
    line-height: 32px
}

footer .live-container .product-inner .more-option-container .more-option-icon,
header .live-container .product-inner .more-option-container .more-option-icon {
    width: 16px !important;
    height: 16px !important;
    margin-left: 4px;
    margin-top: 4px
}

footer .live-container .product-inner .product-image-wrapper,
header .live-container .product-inner .product-image-wrapper {
    position: relative
}

footer .live-container .product-inner.product-inner-wide,
header .live-container .product-inner.product-inner-wide {
    padding-left: 0;
    padding-right: 0
}

footer .live-container .product-inner .product-flag,
header .live-container .product-inner .product-flag {
    z-index: 10
}

footer .live-container .product-inner .product-flag a,
header .live-container .product-inner .product-flag a {
    color: #fff
}

footer .live-container .product-inner a:hover,
header .live-container .product-inner a:hover {
    text-decoration: none
}

footer .live-container .product-inner .shipping-container,
header .live-container .product-inner .shipping-container {
    cursor: pointer
}

footer .live-container .product-inner .add-to-cart-wrapper,
header .live-container .product-inner .add-to-cart-wrapper {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    text-align: center
}

footer .live-container .product-inner .add-to-cart-wrapper .btn-add-to-cart,
header .live-container .product-inner .add-to-cart-wrapper .btn-add-to-cart {
    z-index: 20
}

footer .live-container .product-inner .add-to-cart-wrapper.form-add-to-cart,
header .live-container .product-inner .add-to-cart-wrapper.form-add-to-cart {
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

footer .live-container .product-inner .btn-add-to-cart,
header .live-container .product-inner .btn-add-to-cart {
    font-size: 16px;
    opacity: 0;
    -moz-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out
}

footer .live-container .product-inner .btn-add-to-cart:hover,
header .live-container .product-inner .btn-add-to-cart:hover {
    background-color: #b66700
}

footer .live-container .product-inner:hover .btn-add-to-cart,
header .live-container .product-inner:hover .btn-add-to-cart {
    opacity: 1
}

footer .live-container .product-inner:hover .product-image~a>span,
header .live-container .product-inner:hover .product-image~a>span {
    text-decoration: underline
}

footer .live-container .product-inner .link-overlay,
header .live-container .product-inner .link-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 65px;
    z-index: 10
}

footer .live-container .product-inner .product-image,
header .live-container .product-inner .product-image {
    display: block;
    margin: 0 0 5px 0;
    text-align: center;
    min-height: 14px
}

footer .live-container .product-inner .product-image>img,
header .live-container .product-inner .product-image>img {
    display: inline-block;
    width: 100px;
    height: 100px
}

footer .live-container .product-inner .product-title,
header .live-container .product-inner .product-title {
    height: 2.7em;
    line-height: 1.3;
    overflow: hidden;
    text-align: left;
    font-weight: 400;
    display: inline-block;
    font-size: 14px;
    color: #333
}

.zh footer .live-container .product-inner .product-title,
.zh header .live-container .product-inner .product-title {
    font-size: 15px
}

footer .live-container .product-inner .product-title:hover,
header .live-container .product-inner .product-title:hover {
    text-decoration: underline
}

footer .live-container .product-inner .price-olp,
header .live-container .product-inner .price-olp {
    color: #747474;
    font-size: 13px;
    text-decoration: line-through;
    display: inline-block;
    margin-top: 1px
}

footer .live-container .product-inner .price-in-cart,
header .live-container .product-inner .price-in-cart {
    font-size: 16px;
    font-weight: 700;
    color: #333
}

footer .live-container .product-inner .save-in-cart,
header .live-container .product-inner .save-in-cart {
    font-weight: 700;
    color: #f38a00
}

footer .live-container .product-inner .price-per-unit,
header .live-container .product-inner .price-per-unit {
    color: #747474
}

footer .live-container .product-inner .product-price,
header .live-container .product-inner .product-price {
    margin-top: 12px
}

[dir=rtl] footer .live-container .product-inner .product-price,
[dir=rtl] header .live-container .product-inner .product-price {
    /*!@noflip*/
    direction: rtl
}

footer .live-container .product-inner .product-price .unavailable-text-container,
header .live-container .product-inner .product-price .unavailable-text-container {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

footer .live-container .product-inner .product-price .unavailable-text-container i,
header .live-container .product-inner .product-price .unavailable-text-container i {
    font-style: normal
}

footer .live-container .product-inner .product-price .unavailable-text-container .similar-product-show-link,
header .live-container .product-inner .product-price .unavailable-text-container .similar-product-show-link {
    color: #126cc5
}

footer .live-container .product-inner .product-price .price,
header .live-container .product-inner .product-price .price {
    font-weight: 700;
    line-height: 18px;
    font-size: 17px;
    text-align: left;
    padding-right: 5px
}

footer .live-container .product-inner .product-price .original-price-list,
header .live-container .product-inner .product-price .original-price-list {
    text-decoration: line-through;
    color: #747474
}

footer .live-container .product-inner .product-price .see-in-cart-text,
header .live-container .product-inner .product-price .see-in-cart-text {
    color: #333;
    font-size: 16px;
    font-weight: 700
}

footer .live-container .product-inner .product-price .see-in-cart-text .see-in-cart-price,
header .live-container .product-inner .product-price .see-in-cart-text .see-in-cart-price {
    width: 100%
}

footer .live-container .product-inner .product-price .discontinued,
header .live-container .product-inner .product-price .discontinued {
    font-size: 14px;
    line-height: 16px;
    color: #6fa26b;
    font-weight: 400
}

footer .live-container .product-inner .product-price .price,
footer .live-container .product-inner .product-price .see-price-in-cart,
header .live-container .product-inner .product-price .price,
header .live-container .product-inner .product-price .see-price-in-cart {
    display: inline-block;
    font-size: 18px;
    color: #000;
    font-weight: 700
}

footer .live-container .product-inner .product-price .discount-green,
footer .live-container .product-inner .product-price .discount-red,
header .live-container .product-inner .product-price .discount-green,
header .live-container .product-inner .product-price .discount-red {
    margin-right: 0
}

footer .live-container .product-inner .product-price .discount-green,
header .live-container .product-inner .product-price .discount-green {
    color: #6fa26b
}

footer .live-container .product-inner .product-price .discount-red,
header .live-container .product-inner .product-price .discount-red {
    color: #bd3c37
}

footer .live-container .product-inner .product-price .discontinued,
header .live-container .product-inner .product-price .discontinued {
    color: #f00000
}

footer .live-container .product-inner .product-price .status-container,
header .live-container .product-inner .product-price .status-container {
    height: 20px;
    margin-bottom: 10px
}

footer .live-container .product-inner .product-price .status-container .out-of-stock,
header .live-container .product-inner .product-price .status-container .out-of-stock {
    float: left;
    clear: both;
    color: #f00000
}

footer .live-container .product-inner .product-price .status-container .info-popup,
header .live-container .product-inner .product-price .status-container .info-popup {
    bottom: 45px;
    right: 0;
    left: 0;
    width: 100%;
    text-align: center
}

footer .live-container .product-inner .product-price .status-container .info-popup:after,
header .live-container .product-inner .product-price .status-container .info-popup:after {
    background-image: none
}

footer .live-container .product-inner .product-price .status-container .info-popup p,
header .live-container .product-inner .product-price .status-container .info-popup p {
    padding: 20px
}

footer .live-container .product-inner .product-discount-container,
header .live-container .product-inner .product-discount-container {
    min-height: 20px;
    margin-bottom: 5px
}

footer .live-container .product-inner .product-discount-container>span,
header .live-container .product-inner .product-discount-container>span {
    font-weight: 700;
    display: inline-block;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000
}

footer .live-container .product-inner .product-discount-container>span.discount-in-cart,
header .live-container .product-inner .product-discount-container>span.discount-in-cart {
    color: #f38a00
}

footer .live-container .product-inner .product-discount-container .out-of-stock.text-wrap,
header .live-container .product-inner .product-discount-container .out-of-stock.text-wrap {
    white-space: normal
}

footer .live-container .product-inner .product-percentage-claimed .super-deals-progress-wrapper,
header .live-container .product-inner .product-percentage-claimed .super-deals-progress-wrapper {
    height: 8px;
    position: relative;
    background: #f5f5f5;
    border-radius: 100px;
    margin: 16px 0 8px 0
}

footer .live-container .product-inner .product-percentage-claimed .super-deals-progress-wrapper>.progress-amount,
header .live-container .product-inner .product-percentage-claimed .super-deals-progress-wrapper>.progress-amount {
    position: relative;
    overflow: hidden;
    display: block;
    height: 100%;
    border-radius: 100px;
    width: 0;
    background-color: #6fa26b
}

footer .live-container .product-inner .product-percentage-claimed .super-deals-progress-wrapper>.progress-amount.low,
header .live-container .product-inner .product-percentage-claimed .super-deals-progress-wrapper>.progress-amount.low {
    background-color: #6fa26b
}

footer .live-container .product-inner .product-percentage-claimed .super-deals-progress-wrapper>.progress-amount.medium,
header .live-container .product-inner .product-percentage-claimed .super-deals-progress-wrapper>.progress-amount.medium {
    background-color: #f38a00
}

footer .live-container .product-inner .product-percentage-claimed .super-deals-progress-wrapper>.progress-amount.high,
header .live-container .product-inner .product-percentage-claimed .super-deals-progress-wrapper>.progress-amount.high {
    background-color: #bd3c37
}

footer .live-container .product-inner .product-percentage-claimed .super-deals-almost-sold-out,
footer .live-container .product-inner .product-percentage-claimed .super-deals-sold-out,
header .live-container .product-inner .product-percentage-claimed .super-deals-almost-sold-out,
header .live-container .product-inner .product-percentage-claimed .super-deals-sold-out {
    color: #bd3c37 !important
}

footer .live-container .product-inner .product-percentage-claimed .super-deals-sold-out,
header .live-container .product-inner .product-percentage-claimed .super-deals-sold-out {
    font-weight: 700
}

footer .live-container .product-inner .product-percentage-claimed .super-deals-title .question-mark,
header .live-container .product-inner .product-percentage-claimed .super-deals-title .question-mark {
    margin-left: .75em
}

@media (min-width:768px) and (max-width:991px) {

    footer .live-container .product-inner .product-percentage-claimed .text-left-sm-only,
    header .live-container .product-inner .product-percentage-claimed .text-left-sm-only {
        text-align: left
    }
}

footer .live-container .product-inner .product-percentage-claimed #super-special-price #dynamic-aligner,
header .live-container .product-inner .product-percentage-claimed #super-special-price #dynamic-aligner {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

footer .live-container .product-inner .product-percentage-claimed #super-special-price #dynamic-aligner .dynamic-align-hide,
header .live-container .product-inner .product-percentage-claimed #super-special-price #dynamic-aligner .dynamic-align-hide {
    color: #666;
    font-size: 12px
}

footer .live-container .product-inner .product-percentage-claimed .super-deals-progress-wrapper,
header .live-container .product-inner .product-percentage-claimed .super-deals-progress-wrapper {
    margin: 8px 0;
    height: 8px
}

footer .live-container .product-inner .product-percentage-claimed .percentage-claimed-messaging,
header .live-container .product-inner .product-percentage-claimed .percentage-claimed-messaging {
    text-align: center
}

footer .live-container .product-inner .product-percentage-claimed .percentage-claimed-messaging span,
header .live-container .product-inner .product-percentage-claimed .percentage-claimed-messaging span {
    color: #747474
}

footer .live-container .product-inner .product-percentage-claimed .percentage-claimed-messaging span.almost-sold-out,
header .live-container .product-inner .product-percentage-claimed .percentage-claimed-messaging span.almost-sold-out {
    color: #bd3c37
}

footer .live-container .product-more-options-container,
header .live-container .product-more-options-container {
    border: 1px solid #8c8c8c;
    color: #8c8c8c;
    display: inline-block;
    padding: 2px 10px 3px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

footer .live-container .no-rating,
header .live-container .no-rating {
    height: 19px
}

footer .live-container .rating,
header .live-container .rating {
    z-index: 0;
    position: relative
}

[dir=rtl] footer .live-container .rating,
[dir=rtl] header .live-container .rating {
    /*!@noflip*/
    direction: rtl
}

[dir=rtl] footer .live-container .rating .stars svg,
[dir=rtl] header .live-container .rating .stars svg {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

footer .live-container .rating .write-review,
header .live-container .rating .write-review {
    vertical-align: middle;
    font-size: 13px
}

footer .live-container .rating a,
header .live-container .rating a {
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: none
}

footer .live-container .rating a>span,
header .live-container .rating a>span {
    margin-right: 4px;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .live-container .rating a:hover,
header .live-container .rating a:hover {
    text-decoration: none
}

footer .live-container .rating .stars,
header .live-container .rating .stars {
    font-size: 12px;
    display: inline-block
}

footer .live-container .rating .stars .stars-rating,
header .live-container .rating .stars .stars-rating {
    width: 15px !important;
    height: 15px;
    min-height: 15px;
    vertical-align: top;
    position: relative;
    margin-right: 1px;
    left: 0
}

footer .live-container .rating .stars .stars-rating path,
header .live-container .rating .stars .stars-rating path {
    fill: #fac627
}

footer .live-container .rating .stars .stars-rating:last-of-type,
header .live-container .rating .stars .stars-rating:last-of-type {
    margin-right: 0 !important
}

footer .live-container .rating .stars .stars-rating.empty path:first-of-type,
footer .live-container .rating .stars .stars-rating.half path:first-of-type,
header .live-container .rating .stars .stars-rating.empty path:first-of-type,
header .live-container .rating .stars .stars-rating.half path:first-of-type {
    fill: #bdbdbd
}

footer .live-container .rating .stars .stars-rating-v2,
header .live-container .rating .stars .stars-rating-v2 {
    width: 15px;
    height: 15px;
    min-height: 15px;
    vertical-align: top;
    position: relative;
    margin-right: 1px;
    left: 0;
    fill: none
}

footer .live-container .rating .stars .stars-rating-v2.full,
header .live-container .rating .stars .stars-rating-v2.full {
    fill: #fac627
}

footer .live-container .rating .stars .stars-rating-v2.full path,
header .live-container .rating .stars .stars-rating-v2.full path {
    stroke: #8d6708
}

footer .live-container .rating .stars .stars-rating-v2.half path:first-child,
footer .live-container .rating .stars .stars-rating-v2.quarter path:first-child,
footer .live-container .rating .stars .stars-rating-v2.three-quarters path:first-child,
header .live-container .rating .stars .stars-rating-v2.half path:first-child,
header .live-container .rating .stars .stars-rating-v2.quarter path:first-child,
header .live-container .rating .stars .stars-rating-v2.three-quarters path:first-child {
    fill: #fac627
}

footer .live-container .rating .stars .stars-rating-v2.half path:last-child,
footer .live-container .rating .stars .stars-rating-v2.quarter path:last-child,
footer .live-container .rating .stars .stars-rating-v2.three-quarters path:last-child,
header .live-container .rating .stars .stars-rating-v2.half path:last-child,
header .live-container .rating .stars .stars-rating-v2.quarter path:last-child,
header .live-container .rating .stars .stars-rating-v2.three-quarters path:last-child {
    stroke: #8d6708
}

footer .live-container .rating .stars .stars-rating-v2.empty path,
header .live-container .rating .stars .stars-rating-v2.empty path {
    stroke: #8d6708
}

footer .live-container .rating .rating-count,
header .live-container .rating .rating-count {
    font-size: 12px;
    color: #747474;
    margin-left: 3px
}

footer .live-container .live-title,
header .live-container .live-title {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .live-container .live-title bdi,
header .live-container .live-title bdi {
    color: #333;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    word-wrap: break-word;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .live-container .live-title bdi .title,
header .live-container .live-title bdi .title {
    bottom: 0;
    border-radius: 999px;
    background-color: #fff;
    border: none;
    color: #ca2222;
    padding: 3.5px 8px;
    font-size: 12px;
    width: 42px;
    height: 24px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 8px
}

footer .live-container .title-container,
header .live-container .title-container {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-left: 8px;
    height: 48px;
    margin-bottom: 16px
}

footer .live-container .title-container .title,
header .live-container .title-container .title {
    display: inline-block;
    color: #bd3c37;
    border: 3px solid #bd3c37;
    padding-left: 2px;
    padding-right: 2px;
    position: relative;
    bottom: 1px
}

footer .live-container .title-container #cms-popover-tooltip,
header .live-container .title-container #cms-popover-tooltip {
    margin-left: 8px
}

footer .live-container .title-container #cms-popover-tooltip .svg-icon-wrapper .icon,
header .live-container .title-container #cms-popover-tooltip .svg-icon-wrapper .icon {
    width: 20px;
    height: 20px
}

footer .live-container .title-container .navigation-container,
header .live-container .title-container .navigation-container {
    display: inline-block;
    position: absolute;
    right: 10px;
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

footer .live-container .title-container .navigation-container .iherb-live-navigation,
header .live-container .title-container .navigation-container .iherb-live-navigation {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    color: #cdd058;
    cursor: pointer;
    border-radius: 50%
}

footer .live-container .title-container .navigation-container .iherb-live-navigation.disabled-style,
header .live-container .title-container .navigation-container .iherb-live-navigation.disabled-style {
    cursor: default;
    -webkit-filter: brightness(85%);
    filter: brightness(85%)
}

footer .live-container .title-container .navigation-container .iherb-live-navigation .icon-play-rtl::before,
footer .live-container .title-container .navigation-container .iherb-live-navigation .icon-play::before,
header .live-container .title-container .navigation-container .iherb-live-navigation .icon-play-rtl::before,
header .live-container .title-container .navigation-container .iherb-live-navigation .icon-play::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: auto;
    background-image: url(/cms/live/play.svg)
}

footer .live-container .title-container .navigation-container .iherb-live-navigation .icon-pause::before,
header .live-container .title-container .navigation-container .iherb-live-navigation .icon-pause::before {
    content: "";
    width: 100%;
    display: block;
    height: 100%;
    background-size: auto;
    background-image: url(/cms/live/pause.svg)
}

footer .live-container .title-container .navigation-container .iherb-live-navigation .icon-pause,
footer .live-container .title-container .navigation-container .iherb-live-navigation .icon-play,
footer .live-container .title-container .navigation-container .iherb-live-navigation .icon-rewind,
footer .live-container .title-container .navigation-container .iherb-live-navigation .icon-rewind-rtl,
header .live-container .title-container .navigation-container .iherb-live-navigation .icon-pause,
header .live-container .title-container .navigation-container .iherb-live-navigation .icon-play,
header .live-container .title-container .navigation-container .iherb-live-navigation .icon-rewind,
header .live-container .title-container .navigation-container .iherb-live-navigation .icon-rewind-rtl {
    pointer-events: none;
    position: absolute;
    color: #6fa26b
}

footer .live-container .title-container .navigation-container .iherb-live-navigation .icon-pause,
footer .live-container .title-container .navigation-container .iherb-live-navigation .icon-play,
header .live-container .title-container .navigation-container .iherb-live-navigation .icon-pause,
header .live-container .title-container .navigation-container .iherb-live-navigation .icon-play {
    width: 48px;
    height: 48px
}

footer .live-container .title-container .navigation-container .iherb-live-navigation .icon-rewind,
footer .live-container .title-container .navigation-container .iherb-live-navigation .icon-rewind-rtl,
header .live-container .title-container .navigation-container .iherb-live-navigation .icon-rewind,
header .live-container .title-container .navigation-container .iherb-live-navigation .icon-rewind-rtl {
    display: none;
    top: -2px;
    right: -1px;
    font-size: 24px
}

footer .live-container .title-container .navigation-container .iherb-live-navigation.scroll-left,
header .live-container .title-container .navigation-container .iherb-live-navigation.scroll-left {
    float: left;
    margin-right: 8px;
    display: none
}

footer .live-container .title-container .navigation-container .iherb-live-navigation.scroll-right,
header .live-container .title-container .navigation-container .iherb-live-navigation.scroll-right {
    width: 48px;
    height: 48px
}

footer .live-container .live-carousel .live-wrapper,
header .live-container .live-carousel .live-wrapper {
    overflow: hidden;
    height: 253px;
    position: relative
}

footer .live-container .live-carousel .live-wrapper .live-scroller,
header .live-container .live-carousel .live-wrapper .live-scroller {
    position: relative
}

footer .live-container .live-carousel .live-wrapper .live-scroller .live-item,
header .live-container .live-carousel .live-wrapper .live-scroller .live-item {
    float: left;
    position: relative;
    min-height: 1px;
    width: 228px;
    border-bottom: 0;
    padding-left: 8px;
    padding-right: 8px
}

footer .live-container .live-carousel .live-wrapper .live-scroller .live-item .country-code-flag,
header .live-container .live-carousel .live-wrapper .live-scroller .live-item .country-code-flag {
    border-radius: 999px;
    color: #333 !important;
    font-size: 12px;
    font-weight: 400 !important;
    line-height: 18px;
    word-wrap: break-word
}

footer .live-container .live-carousel .live-wrapper .live-scroller .live-item .country-name,
header .live-container .live-carousel .live-wrapper .live-scroller .live-item .country-name {
    color: #333 !important;
    font-size: 14px;
    font-weight: 400 !important;
    line-height: 20px;
    word-wrap: break-word
}

footer .live-container .live-carousel .live-wrapper .live-scroller .live-item .product-inner,
header .live-container .live-carousel .live-wrapper .live-scroller .live-item .product-inner {
    height: 100%;
    margin-bottom: 10px;
    padding: 8px;
    border-radius: 8px
}

footer .live-container .live-carousel .live-wrapper .live-scroller .live-item .product-inner a span,
header .live-container .live-carousel .live-wrapper .live-scroller .live-item .product-inner a span {
    color: #1976d2
}

footer .live-container .live-carousel .live-wrapper .live-scroller .live-item .product-inner .price.olp,
header .live-container .live-carousel .live-wrapper .live-scroller .live-item .product-inner .price.olp {
    text-decoration: line-through;
    font-size: 14px;
    font-weight: 700;
    color: #707070
}

footer .live-container .live-carousel .live-wrapper .live-scroller .live-item .product-inner .price.price-in-cart,
header .live-container .live-carousel .live-wrapper .live-scroller .live-item .product-inner .price.price-in-cart {
    font-weight: 700;
    font-size: 18px
}

footer .live-container .live-carousel .live-wrapper .live-scroller .live-item .product-inner .rating,
header .live-container .live-carousel .live-wrapper .live-scroller .live-item .product-inner .rating {
    white-space: no-wrap
}

footer .live-container .live-carousel .live-wrapper .live-scroller .live-item .country-name,
header .live-container .live-carousel .live-wrapper .live-scroller .live-item .country-name {
    display: inline-block;
    color: #000;
    position: relative;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 4px;
    vertical-align: middle;
    font-weight: 700
}

footer .iherb-live-left-arrow,
footer .iherb-live-right-arrow,
header .iherb-live-left-arrow,
header .iherb-live-right-arrow {
    position: absolute;
    top: 50%;
    z-index: 10;
    display: none;
    width: 40px;
    height: 40px;
    margin-top: -30px;
    border-radius: 40px;
    border: 1px solid #ccc;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    background-color: #fff;
    align-items: center;
    justify-content: center
}

footer .iherb-live-left-arrow,
header .iherb-live-left-arrow {
    left: 2px
}

footer .iherb-live-right-arrow,
header .iherb-live-right-arrow {
    right: 2px
}

footer .latest-blog-articles-container,
header .latest-blog-articles-container {
    background-color: #f5f5f5;
    color: #000;
    padding-top: 22px;
    padding-bottom: 4px
}

footer .latest-blog-articles-container .flex-container,
header .latest-blog-articles-container .flex-container {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

footer .latest-blog-articles-container .container-fluid,
header .latest-blog-articles-container .container-fluid {
    border-bottom: 1px inset #e0e0e0
}

footer .latest-blog-articles-container .left-articles,
footer .latest-blog-articles-container .right-articles,
header .latest-blog-articles-container .left-articles,
header .latest-blog-articles-container .right-articles {
    padding-left: 4px;
    padding-right: 4px
}

footer .latest-blog-articles-container .left-articles>*,
footer .latest-blog-articles-container .right-articles>*,
header .latest-blog-articles-container .left-articles>*,
header .latest-blog-articles-container .right-articles>* {
    padding-left: 4px;
    padding-right: 4px
}

footer .latest-blog-articles-container .blog-link-container,
header .latest-blog-articles-container .blog-link-container {
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #f5b300;
    max-height: 111px;
    width: 180px;
    border-radius: 4px;
    color: #000;
    font-size: 14px;
    font-weight: 700
}

footer .latest-blog-articles-container .blog-link-container .blog-txt,
header .latest-blog-articles-container .blog-link-container .blog-txt {
    font-size: 32px;
    font-weight: 700;
    line-height: 1
}

footer .latest-blog-articles-container .blog-link-container img,
header .latest-blog-articles-container .blog-link-container img {
    height: 100px;
    width: 117px
}

footer .latest-blog-articles-container .article-card .absolute-link-wrapper:hover img,
header .latest-blog-articles-container .article-card .absolute-link-wrapper:hover img {
    opacity: .8;
    -webkit-filter: brightness(85%);
    filter: brightness(85%)
}

footer .latest-blog-articles-container .article-card .absolute-link-wrapper a,
header .latest-blog-articles-container .article-card .absolute-link-wrapper a {
    text-decoration: none
}

footer .latest-blog-articles-container .article-card img,
header .latest-blog-articles-container .article-card img {
    max-height: 112px;
    margin: 0 auto;
    border-radius: 4px;
    background-color: #000;
    opacity: 1;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: solid 1px #e0e0e0
}

footer .latest-blog-articles-container .article-card .article-title,
header .latest-blog-articles-container .article-card .article-title {
    text-align: center;
    margin: 6px 0;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
    margin-top: 10px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 37px;
    display: block
}

footer #welcome-mat-v2 a,
header #welcome-mat-v2 a {
    text-decoration: none
}

footer #welcome-mat-v2 #welcome-mat-overlay,
header #welcome-mat-v2 #welcome-mat-overlay {
    top: 0;
    width: 100vw;
    height: 100vh;
    background: #333;
    opacity: .3;
    position: fixed;
    z-index: 999;
    left: 0;
    display: none
}

[dir=rtl] footer #welcome-mat-v2 #welcome-mat-overlay,
[dir=rtl] header #welcome-mat-v2 #welcome-mat-overlay {
    right: 0;
    left: unset
}

footer #welcome-mat-v2 #welcome-mat-cta,
header #welcome-mat-v2 #welcome-mat-cta {
    position: fixed;
    visibility: hidden;
    bottom: 0;
    z-index: 116;
    /*!@noflip*/
    left: -300px;
    min-width: 250px;
    height: 48px;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 17px 20px;
    padding: 12px 16px 12px 24px;
    border-radius: 100px;
    box-shadow: 0 6px 12px rgba(106, 115, 129, .16), 0 3px 8px rgba(87, 102, 117, .06);
    background-color: #6fa26b;
    color: #fff;
    font-size: 16px;
    -moz-transition-duration: 2s;
    transition-duration: 2s;
    cursor: pointer
}

footer #welcome-mat-v2 #welcome-mat-cta:hover,
header #welcome-mat-v2 #welcome-mat-cta:hover {
    background-color: #386b00
}

footer #welcome-mat-v2 #welcome-mat-cta .container-cta,
header #welcome-mat-v2 #welcome-mat-cta .container-cta {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer #welcome-mat-v2 #welcome-mat-cta .cta-text,
header #welcome-mat-v2 #welcome-mat-cta .cta-text {
    font-weight: 700
}

footer #welcome-mat-v2 #welcome-mat-cta svg,
header #welcome-mat-v2 #welcome-mat-cta svg {
    height: 20px;
    width: 20px
}

footer #welcome-mat-v2 #welcome-mat-cta cms-icon,
header #welcome-mat-v2 #welcome-mat-cta cms-icon {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

footer #welcome-mat-v2 #welcome-mat-modal,
header #welcome-mat-v2 #welcome-mat-modal {
    background: #fff;
    position: fixed;
    top: 50%;
    /*!@noflip*/
    left: 50%;
    padding: 24px 32px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 16px;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    display: none;
    z-index: 1000;
    box-shadow: 0 12px 20px 0 #6a738138;
    width: 600px
}

footer #welcome-mat-v2 #welcome-mat-modal .container-header,
header #welcome-mat-v2 #welcome-mat-modal .container-header {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px
}

footer #welcome-mat-v2 #welcome-mat-modal .container-header .title,
header #welcome-mat-v2 #welcome-mat-modal .container-header .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px
}

footer #welcome-mat-v2 #welcome-mat-modal .container-header .button-close:hover,
header #welcome-mat-v2 #welcome-mat-modal .container-header .button-close:hover {
    cursor: pointer
}

footer #welcome-mat-v2 #welcome-mat-modal .container-header .button-close svg,
header #welcome-mat-v2 #welcome-mat-modal .container-header .button-close svg {
    width: 24px;
    height: 24px
}

footer #welcome-mat-v2 #welcome-mat-modal .container-buttons,
header #welcome-mat-v2 #welcome-mat-modal .container-buttons {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 40px
}

footer #welcome-mat-v2 #welcome-mat-modal .container-buttons:hover,
header #welcome-mat-v2 #welcome-mat-modal .container-buttons:hover {
    cursor: pointer
}

footer #welcome-mat-v2 #welcome-mat-modal .container-buttons a,
footer #welcome-mat-v2 #welcome-mat-modal .container-buttons>div,
header #welcome-mat-v2 #welcome-mat-modal .container-buttons a,
header #welcome-mat-v2 #welcome-mat-modal .container-buttons>div {
    padding: 12px 16px;
    border-radius: 8px;
    border: solid 1px #ccc;
    width: 50%;
    text-align: center
}

footer #welcome-mat-v2 #welcome-mat-modal .container-buttons a:not(:last-child),
footer #welcome-mat-v2 #welcome-mat-modal .container-buttons>div:not(:last-child),
header #welcome-mat-v2 #welcome-mat-modal .container-buttons a:not(:last-child),
header #welcome-mat-v2 #welcome-mat-modal .container-buttons>div:not(:last-child) {
    margin-right: 16px
}

footer #welcome-mat-v2 #welcome-mat-modal .container-buttons a.learn-more,
header #welcome-mat-v2 #welcome-mat-modal .container-buttons a.learn-more {
    color: #333
}

footer #welcome-mat-v2 #welcome-mat-modal .container-buttons a.shop-now,
header #welcome-mat-v2 #welcome-mat-modal .container-buttons a.shop-now {
    background-color: #6fa26b;
    color: #fff;
    border: none
}

footer #welcome-mat-v2 #welcome-mat-modal .container-buttons a.shop-now:hover,
header #welcome-mat-v2 #welcome-mat-modal .container-buttons a.shop-now:hover {
    background-color: #386b00
}

footer #welcome-mat-v2 #promo-code-applied-toaster,
header #welcome-mat-v2 #promo-code-applied-toaster {
    background: #c8e6c9;
    padding: 16px;
    border: 2px solid #6fa26b;
    box-shadow: 0 3px 8px 0 rgba(87, 102, 117, .06), 0 6px 12px 0 rgba(106, 115, 129, .16);
    border-radius: 8px;
    position: absolute;
    top: 150px;
    right: 16px;
    z-index: 10000;
    display: none;
    width: 345px
}

footer #welcome-mat-v2 #promo-code-applied-toaster .toast-content,
header #welcome-mat-v2 #promo-code-applied-toaster .toast-content {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

footer #welcome-mat-v2 #promo-code-applied-toaster .toast-content .content-left,
header #welcome-mat-v2 #promo-code-applied-toaster .toast-content .content-left {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer #welcome-mat-v2 #promo-code-applied-toaster .toast-content .content-left .check,
header #welcome-mat-v2 #promo-code-applied-toaster .toast-content .content-left .check {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 16px
}

footer #welcome-mat-v2 #promo-code-applied-toaster .toast-content .content-left .message,
header #welcome-mat-v2 #promo-code-applied-toaster .toast-content .content-left .message {
    font-size: 14px;
    color: #333
}

footer #welcome-mat-v2 #promo-code-applied-toaster .toast-content .close,
header #welcome-mat-v2 #promo-code-applied-toaster .toast-content .close {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

footer #welcome-mat-v2 .welcome-mat-v2-content .welcome-mat-v2-content-line,
header #welcome-mat-v2 .welcome-mat-v2-content .welcome-mat-v2-content-line {
    height: 1px;
    margin: 16px 0;
    background-color: #e0e0e0
}

footer #welcome-mat-v2 .welcome-mat-v2-content .welcome-mat-v2-content-text,
header #welcome-mat-v2 .welcome-mat-v2-content .welcome-mat-v2-content-text {
    font-weight: 400;
    text-align: center;
    font-size: 18px;
    line-height: 21.6px
}

footer #welcome-mat-v2 .welcome-mat-v2-content .welcome-mat-v2-logos,
header #welcome-mat-v2 .welcome-mat-v2-content .welcome-mat-v2-logos {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

footer #welcome-mat-v2 .welcome-mat-v2-content .welcome-mat-v2-logos img,
header #welcome-mat-v2 .welcome-mat-v2-content .welcome-mat-v2-logos img {
    width: 137px;
    display: block
}

footer #welcome-mat-v2 .welcome-mat-v2-content .welcome-mat-v2-logos .welcome-mat-v2-iherb-logo,
header #welcome-mat-v2 .welcome-mat-v2-content .welcome-mat-v2-logos .welcome-mat-v2-iherb-logo {
    margin-right: 40px;
    display: none;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer #welcome-mat-v2 .welcome-mat-v2-content .welcome-mat-v2-logos .welcome-mat-v2-iherb-logo .welcome-mat-v2-iherb-logo-icon svg,
header #welcome-mat-v2 .welcome-mat-v2-content .welcome-mat-v2-logos .welcome-mat-v2-iherb-logo .welcome-mat-v2-iherb-logo-icon svg {
    width: 72.73px !important;
    height: 23.33px !important;
    margin-bottom: 8px;
    color: #6fa26b
}

footer #welcome-mat-v2 .welcome-mat-v2-content .welcome-mat-v2-logos .welcome-mat-v2-iherb-logo .welcome-mat-v2-iherb-logo-score-stars,
header #welcome-mat-v2 .welcome-mat-v2-content .welcome-mat-v2-logos .welcome-mat-v2-iherb-logo .welcome-mat-v2-iherb-logo-score-stars {
    height: 24px
}

footer #welcome-mat-v2 .welcome-mat-v2-content .welcome-mat-v2-logos .welcome-mat-v2-iherb-logo .welcome-mat-v2-iherb-logo-score-stars .welcome-mat-v2-iherb-logo-score-text,
header #welcome-mat-v2 .welcome-mat-v2-content .welcome-mat-v2-logos .welcome-mat-v2-iherb-logo .welcome-mat-v2-iherb-logo-score-stars .welcome-mat-v2-iherb-logo-score-text {
    font-weight: 700;
    font-size: 15.35px;
    line-height: 24px;
    color: #e57125;
    position: relative;
    top: -1px
}

footer #welcome-mat-v2 .welcome-mat-v2-content .welcome-mat-v2-logos .welcome-mat-v2-iherb-logo .welcome-mat-v2-iherb-logo-count,
header #welcome-mat-v2 .welcome-mat-v2-content .welcome-mat-v2-logos .welcome-mat-v2-iherb-logo .welcome-mat-v2-iherb-logo-count {
    font-size: 16px;
    line-height: 24px;
    margin-top: 3px;
    font-weight: 400;
    color: #666
}

footer .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper div,
footer .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper div,
header .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper div,
header .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper div {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

footer .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper div input,
footer .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper div input,
header .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper div input,
header .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper div input {
    padding-left: 10px
}

footer .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper div input.error,
footer .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper div input.error,
header .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper div input.error,
header .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper div input.error {
    border: 1px solid #bd3c37
}

footer .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .invalid-feedback,
footer .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .invalid-feedback,
header .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .invalid-feedback,
header .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .invalid-feedback {
    color: #bd3c37
}

footer .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .invalid-feedback span,
footer .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .invalid-feedback span,
header .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .invalid-feedback span,
header .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .invalid-feedback span {
    margin-right: 10px
}

footer .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .valid-feedback,
footer .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .valid-feedback,
header .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .valid-feedback,
header .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .valid-feedback {
    background-color: #f7ffed;
    border-radius: 8px;
    border: 1px solid #6fa26b;
    height: 50px;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #000;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

footer .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .valid-feedback span,
footer .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .valid-feedback span,
header .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .valid-feedback span,
header .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .valid-feedback span {
    padding: 0 10px 0 5px
}

footer .call-to-action-container .email-subscription-container form .grecaptcha-badge,
footer .email-subcription-banner .email-subscription-container form .grecaptcha-badge,
header .call-to-action-container .email-subscription-container form .grecaptcha-badge,
header .email-subcription-banner .email-subscription-container form .grecaptcha-badge {
    visibility: hidden
}

footer .email-subcription-banner,
header .email-subcription-banner {
    background-color: #fff3e0;
    position: fixed;
    bottom: 0;
    width: 100%;
    min-width: 1028px;
    height: 116px;
    z-index: 116;
    box-shadow: 0 -2px 4px 0 #d8d8d8;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .email-subcription-banner .email-subscription-container,
header .email-subcription-banner .email-subscription-container {
    height: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .email-subcription-banner .email-subscription-container .email-subscription-title,
footer .email-subcription-banner .email-subscription-container .email-subscription-tooltip,
header .email-subcription-banner .email-subscription-container .email-subscription-title,
header .email-subcription-banner .email-subscription-container .email-subscription-tooltip {
    display: none
}

footer .email-subcription-banner .email-subscription-container form,
header .email-subcription-banner .email-subscription-container form {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .email-subcription-banner .email-subscription-container form label,
header .email-subcription-banner .email-subscription-container form label {
    width: 490px;
    font-size: 18px;
    display: -ms-inline-grid;
    display: inline-grid
}

footer .email-subcription-banner .email-subscription-container form label span.email-subscription-text-description,
header .email-subcription-banner .email-subscription-container form label span.email-subscription-text-description {
    font-weight: 700
}

footer .email-subcription-banner .email-subscription-container form label span.popup-email-terms-and-conditions,
header .email-subcription-banner .email-subscription-container form label span.popup-email-terms-and-conditions {
    cursor: pointer;
    text-decoration: underline;
    color: #6fa26b;
    margin-right: 10px;
    font-size: 14px
}

footer .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper,
header .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 50px
}

footer .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper,
header .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px
}

footer .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper input,
header .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper input {
    border-radius: 8px;
    width: 372px;
    height: 48px;
    margin-right: 10px;
    border: 1px solid #d8d8d8
}

footer .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper input.error::-webkit-input-placeholder,
header .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper input.error::-webkit-input-placeholder {
    color: #bd3c37
}

footer .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper input.error::-moz-placeholder,
header .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper input.error::-moz-placeholder {
    color: #bd3c37
}

footer .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper input.error:-ms-input-placeholder,
header .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper input.error:-ms-input-placeholder {
    color: #bd3c37
}

footer .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper input.error::placeholder,
header .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper input.error::placeholder {
    color: #bd3c37
}

footer .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper .email-subcription-inline-error,
header .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper .email-subcription-inline-error {
    position: absolute;
    display: none;
    border-left: none;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 11px;
    margin-right: 10px;
    padding-right: 10px;
    right: 0
}

footer .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper .email-subcription-inline-error svg,
header .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper .email-subcription-inline-error svg {
    width: 24px;
    height: 24px
}

footer .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper a,
header .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper a {
    width: 118px;
    height: 48px
}

footer .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper button,
header .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper button {
    background-color: #6fa26b;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    width: 100%;
    height: 48px;
    border-radius: 8px;
    border: 0
}

footer .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .invalid-feedback,
header .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .invalid-feedback {
    margin-top: 5px
}

footer .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .valid-feedback,
header .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .valid-feedback {
    width: 343px
}

footer .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .invalid-feedback,
footer .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .valid-feedback,
header .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .invalid-feedback,
header .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .valid-feedback {
    display: none
}

footer .email-subcription-banner .email-subscription-container .email-subscription-content,
header .email-subcription-banner .email-subscription-container .email-subscription-content {
    max-width: 1024px
}

footer .email-subcription-banner .email-subscription-container .email-subscription-content .legal-text,
header .email-subcription-banner .email-subscription-container .email-subscription-content .legal-text {
    margin: 8px 0 0 0;
    font-size: 12px;
    color: #666
}

footer .email-subcription-banner .email-subscription-container .email-subscription-content .legal-text a,
header .email-subcription-banner .email-subscription-container .email-subscription-content .legal-text a {
    color: #666;
    text-decoration: underline
}

footer .email-subcription-banner .email-banner-close,
header .email-subcription-banner .email-banner-close {
    position: absolute;
    top: 5px;
    right: 5px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

footer .email-subcription-banner .email-banner-close svg,
header .email-subcription-banner .email-banner-close svg {
    cursor: pointer;
    width: 24px;
    height: 24px
}

footer .call-to-action-container,
header .call-to-action-container {
    max-width: 700px
}

footer .call-to-action-container .email-subscription-container .email-subscription-title,
header .call-to-action-container .email-subscription-container .email-subscription-title {
    margin: 20px 0;
    padding: 0;
    line-height: 15px;
    text-transform: uppercase;
    color: #333;
    font-weight: 700
}

footer .call-to-action-container .email-subscription-container .email-subscription-tooltip,
header .call-to-action-container .email-subscription-container .email-subscription-tooltip {
    cursor: pointer;
    text-decoration: underline;
    color: #6fa26b
}

footer .call-to-action-container .email-subscription-container form,
header .call-to-action-container .email-subscription-container form {
    margin: 20px 0 10px 0;
    height: 70px
}

footer .call-to-action-container .email-subscription-container form label,
header .call-to-action-container .email-subscription-container form label {
    display: none
}

footer .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper,
header .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper {
    display: inline-block;
    width: 100%
}

footer .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper,
header .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px
}

footer .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper div,
header .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper div {
    width: 80%
}

footer .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper div input,
header .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper div input {
    border-radius: 8px;
    width: 100%;
    margin-right: 10px;
    height: 48px;
    border: 1px solid #d8d8d8
}

footer .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper div .email-subcription-inline-error,
header .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper div .email-subcription-inline-error {
    display: none
}

footer .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper a,
header .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper a {
    width: 20%;
    height: 48px
}

footer .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper button,
header .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper button {
    color: #fff;
    font-weight: 700;
    background-color: #6fa26b;
    width: 100%;
    height: 48px;
    border-radius: 8px;
    border: 0
}

footer .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .invalid-feedback,
header .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .invalid-feedback {
    margin: 20px 0
}

footer .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .valid-feedback,
header .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .valid-feedback {
    width: 100%
}

footer .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .invalid-feedback,
footer .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .valid-feedback,
header .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .invalid-feedback,
header .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .valid-feedback {
    display: none
}

footer .call-to-action-container .email-subscription-container .legal-text,
header .call-to-action-container .email-subscription-container .legal-text {
    padding-bottom: 10px
}

footer .call-to-action-container .email-subscription-container .legal-text a,
header .call-to-action-container .email-subscription-container .legal-text a {
    color: #126cc5 !important;
    text-decoration: underline
}

footer .call-to-action-container .email-subscription-container .recaptcha-branding-text,
header .call-to-action-container .email-subscription-container .recaptcha-branding-text {
    padding-bottom: 10px
}

footer .call-to-action-container .email-subscription-container .recaptcha-branding-text a,
header .call-to-action-container .email-subscription-container .recaptcha-branding-text a {
    color: #126cc5 !important
}

@media (max-width:1250px) {

    footer .email-subcription-banner .email-subscription-container form label,
    header .email-subcription-banner .email-subscription-container form label {
        width: 332px
    }
}

@media (max-width:1024px) {

    footer .email-subcription-banner,
    header .email-subcription-banner {
        width: 100%;
        min-width: 768px
    }

    footer .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper input,
    header .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper input {
        width: 100%
    }

    footer .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper a,
    header .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper a {
        width: 144px
    }

    footer .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper button,
    header .call-to-action-container .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper button {
        width: 100%
    }
}

@media (max-width:945px) {

    footer .email-subcription-banner,
    header .email-subcription-banner {
        padding: 0 10px
    }

    footer .email-subcription-banner .email-subscription-container form label,
    header .email-subcription-banner .email-subscription-container form label {
        width: 300px
    }

    footer .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper input,
    header .email-subcription-banner .email-subscription-container form .email-subscription-input-and-validation-wrapper .email-subscription-input-wrapper input {
        width: 300px
    }

    footer .call-to-action-container .email-subscription-container .recaptcha-branding-text,
    header .call-to-action-container .email-subscription-container .recaptcha-branding-text {
        padding-top: 25px
    }
}

@media (max-width:768px) {

    footer .email-subcription-banner,
    header .email-subcription-banner {
        padding: 0 20px
    }

    footer .email-subcription-banner .email-subscription-container form label,
    header .email-subcription-banner .email-subscription-container form label {
        width: 260px
    }
}

.popup-container {
    width: 500px;
    top: 50vh;
    /*!@noflip*/
    left: 50vw;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-height: 100px;
    padding: 25px;
    display: none;
    position: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 300px;
    max-height: -moz-calc(100vh - 200px);
    max-height: calc(100vh - 200px);
    z-index: 2000;
    height: auto;
    background-color: #fff;
    outline: 0
}

.popup-container.china {
    width: 600px
}

.popup-container .popup-close,
.popup-container .popup-close-adv {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 8px;
    cursor: pointer;
    z-index: 500
}

.popup-container .popup-close i,
.popup-container .popup-close-adv i {
    font-size: 21px;
    color: #e0e0e0 !important
}

.popup-container .popup-title {
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #e0e0e0 ；;
    padding-bottom: 15px
}

.popup-container .popup-title.china {
    text-align: center
}

.popup-container .popup-title svg {
    vertical-align: middle
}

.popup-container .popup-title #china-title {
    margin-left: 15px;
    font-size: 18px;
    font-weight: 700
}

.popup-container .popup-content {
    font-size: 14px;
    margin: 10px 0;
    font-weight: 400
}

.popup-container .popup-content p {
    margin-bottom: 10px
}

.popup-container .popup-content.china {
    text-align: center
}

.popup-container .popup-footer {
    padding-top: 20px;
    float: right
}

.popup-container .popup-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.popup-container-wrapper {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.popup-container-wrapper.expand {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0
}

.show {
    display: block !important
}

.add-close {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer
}

.add-close i {
    font-size: 21px;
    color: #e0e0e0 !important
}

.quiz-background {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 130px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #eef3e7;
    z-index: 500
}

.quiz-background .quiz-background-left-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 320px;
    height: 400px
}

.quiz-background .quiz-background-right-shape {
    position: absolute;
    top: 80px;
    right: 0;
    width: 280px;
    height: 320px
}

.quiz-content-container {
    width: 680px;
    height: 632px;
    border-radius: 16px;
    background-color: #fff;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.quiz-content-container .quiz-content-image {
    width: 144px;
    height: 144px;
    margin-bottom: 32px
}

.quiz-content-container .quiz-content-title {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 700;
    height: 72px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 32px;
    padding: 0 48px;
    text-align: center;
    color: #333
}

.quiz-content-container .quiz-content-buttons {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.quiz-content-container .quiz-content-buttons .quiz-content-button {
    width: 120px;
    height: 120px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 120px;
    font-weight: 700;
    text-align: center;
    margin-right: 32px;
    font-size: 20px;
    line-height: 1.5;
    cursor: pointer;
    color: #666;
    background-color: #f5f5f5
}

.quiz-content-container .quiz-content-buttons .quiz-content-button:last-child {
    margin-right: 0
}

.quiz-content-container .quiz-content-buttons .quiz-content-button.is-prefer-not-answer {
    font-size: 16px
}

.quiz-content-container .quiz-content-skip {
    margin-top: 56px;
    font-size: 16px;
    line-height: 1.5;
    color: #1976d2;
    display: none;
    cursor: pointer
}

.quiz-content-container .quiz-content-back-button {
    position: absolute;
    top: 284px;
    left: -32px;
    width: 64px;
    height: 64px;
    border-radius: 64px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 1px 0 8px 0 rgba(106, 115, 129, .22);
    background-color: #fff;
    cursor: pointer
}

.quiz-content-container .quiz-progress-container {
    display: none;
    margin-bottom: 32px
}

.quiz-content-container .quiz-progress-container .quiz-progress-bar-wrap {
    width: 616px;
    height: 16px;
    border-radius: 8px;
    background-color: #f5f5f5;
    overflow: hidden
}

.quiz-content-container .quiz-progress-container .quiz-progress-bar-wrap .quiz-progress-bar {
    height: 100%;
    -moz-transition: width .5s;
    transition: width .5s;
    background-image: -moz- oldlinear-gradient(left, #c8e6c9 0, #47a84a 100%);
    background-image: linear-gradient(to right, #c8e6c9 0, #47a84a 100%);
    border-radius: 16px
}

.quiz-content-container .quiz-progress-container .quiz-progress-text {
    color: #666;
    font-weight: 700;
    font-size: 16px;
    margin-top: 16px;
    line-height: 1.5;
    text-align: center
}

.iherb-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1090;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .4);
    display: none
}

.quiz-result-share-modal {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    line-height: 1.5;
    color: #333;
    padding: 24px 140px;
    background-color: #edf3e6;
    border-radius: 16px;
    width: 600px
}

.quiz-result-share-modal .quiz-result-share-modal-close {
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer
}

.quiz-result-share-modal .quiz-result-share-modal-left-shape {
    position: absolute;
    top: 0;
    left: 0
}

.quiz-result-share-modal .quiz-result-share-modal-right-shape {
    position: absolute;
    top: 70px;
    right: 0
}

.quiz-result-share-modal .quiz-result-share-modal-enjoy,
.quiz-result-share-modal .quiz-result-share-modal-rewards {
    font-size: 24px;
    font-weight: 700;
    color: #2e7d32
}

.quiz-result-share-modal .quiz-result-share-modal-rewards {
    margin-bottom: 8px
}

.quiz-result-share-modal .quiz-result-share-modal-description {
    font-size: 16px;
    text-align: center
}

.quiz-result-share-modal .quiz-result-share-modal-description span {
    font-weight: 700
}

.quiz-result-share-modal .quiz-result-share-modal-button {
    height: 48px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 250px;
    border-radius: 8px;
    background-color: #fff;
    margin-top: 24px;
    cursor: pointer
}

.quiz-result-share-modal .quiz-result-share-modal-button .quiz-result-share-modal-button-text {
    font-weight: 700;
    margin-right: 8px;
    font-size: 16px
}

.quiz-result-share-modal .quiz-result-share-modal-button .quiz-result-share-modal-button-icon {
    height: 25px
}

.button-primary {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    height: 48px;
    background-color: #6fa26b;
    width: 100%;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.countdown-iherb {
    width: 100%;
    cursor: pointer
}

.countdown-iherb.disable .countdown-button {
    color: #999
}

.countdown-iherb .countdown-seconds {
    display: none;
    color: #999
}

.countdown-iherb .countdown-button {
    font-size: 16px;
    line-height: 24px;
    color: #126cc5
}

.invalid-email-address-message-container {
    display: none;
    position: absolute;
    top: 48px;
    left: 0;
    color: #d32f2f
}

.invalid-email-address-message-container .invalid-email-address-message-icon {
    width: 14px;
    height: 14px;
    border-radius: 14px;
    font-size: 12px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #d32f2f;
    margin-right: 4px
}

.welcome-mat-container .welcome-mat-container-content-container .welcome-mat-container-content .welcome-mat-input.error .welcome-mat-input-inner {
    border: 1px solid #d32f2f
}

.welcome-mat-container .welcome-mat-container-content-container .welcome-mat-container-content .welcome-mat-input.error .invalid-email-address-message {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.welcome-mat-cta {
    position: fixed;
    bottom: 0;
    z-index: 116;
    min-width: 250px;
    height: 48px;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 32px 32px;
    padding: 12px 16px 12px 24px;
    border-radius: 100px;
    box-shadow: 0 6px 12px rgba(106, 115, 129, .16), 0 3px 8px rgba(87, 102, 117, .06);
    background-color: #6fa26b;
    color: #fff;
    font-size: 16px;
    -moz-transition-duration: 2s;
    transition-duration: 2s;
    cursor: pointer
}

.welcome-mat-cta:hover {
    background-color: #386b00
}

.welcome-mat-cta .container-cta {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.welcome-mat-cta .cta-text {
    font-weight: 700
}

.welcome-mat-cta svg {
    height: 20px;
    width: 20px;
    margin-left: 12px
}

.welcome-mat-cta cms-icon {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.welcome-mat-container {
    border-radius: 16px;
    overflow: hidden;
    width: auto;
    box-shadow: 0 3px 8px 0 #5766750f, 0 6px 12px 0 #6a738129;
    position: fixed;
    left: 32px;
    bottom: 32px;
    text-align: center;
    z-index: 200;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.welcome-mat-container .column {
    width: 360px;
    background-color: #fff
}

.welcome-mat-container .column:nth-of-type(3) {
    display: none;
    width: 340px;
    padding: 24px;
    border-left: 1px solid #e0e0e0;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.welcome-mat-container .column:nth-of-type(3) .container-header {
    margin-top: 12px;
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700
}

.welcome-mat-container .column:nth-of-type(3) .free-shipping {
    display: none
}

.welcome-mat-container .column:nth-of-type(3) ul {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.welcome-mat-container .column:nth-of-type(3) ul li {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.welcome-mat-container .column:nth-of-type(3) ul li .description {
    text-align: start;
    margin-bottom: 8px;
    font-size: 16px
}

.welcome-mat-container .column:nth-of-type(3) .check-svg {
    margin: 0 16px 0 0
}

.welcome-mat-container .welcome-mat-container-top {
    width: 100%;
    height: 166px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background-color: #e5f8e6
}

.welcome-mat-container .welcome-mat-container-top .welcome-mat-container-top-icon {
    margin-top: 16px
}

.welcome-mat-container .welcome-mat-container-top-close {
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
    stroke: #333;
    z-index: 1
}

.welcome-mat-container .welcome-mat-footer-text {
    font-size: 12px;
    line-height: 18px;
    color: #666;
    padding: 16px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    margin-top: -8px
}

.welcome-mat-container .welcome-mat-container-content-container {
    padding: 0 16px 16px 16px;
    background-color: #fafafa
}

.welcome-mat-container .welcome-mat-container-content-container .welcome-mat-container-content {
    border-radius: 16px;
    box-shadow: 0 2px 8px 0 #6a73811f;
    padding: 16px;
    background-color: #fff;
    margin-top: -38px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.welcome-mat-container .welcome-mat-container-content-container .welcome-mat-container-content .welcome-mat-content-title {
    font-size: 20px;
    font-weight: 700;
    margin-top: 4px;
    margin-bottom: 4px;
    line-height: 30px
}

.welcome-mat-container .welcome-mat-container-content-container .welcome-mat-container-content .welcome-mat-content-text {
    margin-bottom: 24px;
    color: #666;
    font-size: 16px;
    line-height: 24px
}

.welcome-mat-container .welcome-mat-container-content-container .welcome-mat-container-content .welcome-mat-content-text:last-child {
    margin-bottom: 0
}

.welcome-mat-container .welcome-mat-container-content-container .welcome-mat-container-content .welcome-mat-promo-code {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.welcome-mat-container .welcome-mat-container-content-container .welcome-mat-container-content .welcome-mat-no-thanks {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #126cc5;
    cursor: pointer
}

.welcome-mat-container .welcome-mat-container-content-container .welcome-mat-container-content .welcome-mat-input {
    position: relative;
    width: 100%;
    margin-bottom: 24px
}

.welcome-mat-container .welcome-mat-container-content-container .welcome-mat-container-content .welcome-mat-input.promo-code {
    width: 211px
}

.welcome-mat-container .welcome-mat-container-content-container .welcome-mat-container-content .welcome-mat-input.promo-code .button-primary {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 4px 16px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.7;
    color: #fff;
    background-color: #6fa26b;
    cursor: pointer;
    width: auto;
    height: auto
}

.welcome-mat-container .welcome-mat-container-content-container .welcome-mat-container-content .welcome-mat-input .welcome-mat-input-inner {
    height: 48px;
    width: 100%;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding-left: 16px
}

.welcome-mat-container .welcome-mat-container-content-container .welcome-mat-container-content .welcome-mat-input .welcome-mat-input-inner:focus {
    outline: 0
}

.store-review-partial-star {
    position: relative;
    display: inline-block
}

.store-review-partial-star .store-review-star-mask {
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden
}

.store-review-logo {
    line-height: 10px !important
}

.store-review-logo svg {
    color: #666 !important;
    width: 30px !important;
    height: 10px !important
}

.store-review-text {
    font-size: 12px;
    line-height: 21px;
    font-weight: 600;
    color: #666
}

.store-review-score-stars {
    height: 21px
}

.store-review {
    width: 110px;
    margin-right: 16px;
    height: 56px
}

.store-review-score-text {
    font-size: 12px;
    color: #e57125;
    font-weight: 600;
    line-height: 21px
}

html.home #recently-viewed-footer .title,
html.productdetails #recently-viewed-footer .title {
    top: 0
}

html.productdetails #recently-viewed-footer .carousel-control {
    top: 0
}

footer a {
    text-decoration: none
}


@media (max-width:991px) {
    footer .container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }
}

footer ul li {
    list-style-type: none
}

footer ul li a:hover {
    text-decoration: underline !important
}

.zh footer .footer-row {
    min-height: 210px
}

footer .footer-row {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

footer .loveletter-praisal {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #6fa26b;
    color: #fff;
    padding: .4em 0;
    margin-bottom: 1em;
    font-size: 16px;
    letter-spacing: 1.51px
}

footer .footer-banner {
    background: #6fa26b;
    border-bottom: 4px solid #e0e0e0
}

footer .footer-banner,
footer .footer-banner a {
    color: #fff
}

footer .footer-banner .content-container {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 76px
}

footer .footer-banner .content-container .iherb-rewards-logo {
    margin-right: 10px
}

footer .footer-banner .content-container .iherb-rewards-logo a,
footer .footer-banner .content-container .iherb-rewards-logo a:hover {
    text-decoration: none
}

footer .footer-banner .content-container .iherb-rewards-logo a i,
footer .footer-banner .content-container .iherb-rewards-logo a:hover i {
    font-size: 45px
}

footer .footer-banner .content-container .iherb-rewards-logo a i.icon-rewardslogo,
footer .footer-banner .content-container .iherb-rewards-logo a:hover i.icon-rewardslogo {
    color: #cf3
}

footer .footer-banner .content-container .content {
    max-width: 70%;
    font-size: 16px
}

footer .footer-banner .content-container .content span:after {
    content: "|";
    margin: 0 6px
}

footer .footer-banner .content-container .content a {
    text-decoration: underline
}

footer .footer-banner .content-container .content a:hover {
    text-decoration: none
}

footer .footer-content {
    background: #dbd8d8;
    color:#2e2e2e;
    padding: 30px 0 0 0;
    padding: 30px 0 0 0
}

footer .footer-content div,
footer .footer-content li,
footer .footer-content p {
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

footer .footer-content>div {
    margin-bottom: 10px
}

footer .footer-content>div ul {
    margin-bottom: 25px
}

footer .footer-content>div ul li {
    padding: .4em 0;
    line-height: 15px
}

footer .footer-content>div ul li.title {
    text-transform: uppercase;
    color: #333;
    font-weight: 700
}

footer .footer-content>div ul li a {
    color: #333
}

footer .footer-content>div ul li a span {
    color: #ca2222;
    font-weight: 700
}

footer .footer-content .footer-sections .footer-section {
    padding-right: 10px;
    min-width: 25%;
}

footer .footer-content .footer-sections .footer-section:first-child {
    padding-left: 10px
}

footer .footer-content .affiliate-link span {
    color: #f44336;
    position: relative;
    top: -3px;
    font-size: 12px
}

footer .footer-content .mobile-app-links {
    width: 230px
}

footer .footer-content .mobile-app-links ul {
    margin-bottom: 0
}

footer .footer-content .mobile-app-links ul .title {
    margin-bottom: 10px
}

footer .footer-content .mobile-app-links .mobile-apps-container {
    text-align: right;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:801px) {
    footer .footer-content .mobile-app-links .mobile-apps-container {
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

footer .footer-content .mobile-app-links .qr-wrapper {
    width: 100px
}

footer .footer-content .mobile-app-links .mobile-icons {
    padding-left: 10px;
    width: 100px
}

footer .footer-content .mobile-app-links .mobile-icons div:first-child {
    padding-bottom: 10px
}

footer .footer-content .mobile-apps-links-tablet {
    display: none
}

@media (max-width:850px) {
    footer .footer-content .mobile-apps-links-desktop {
        width: 200px
    }

    footer .footer-content .mobile-apps-links-desktop .qr-wrapper {
        width: 90px
    }

    footer .footer-content .mobile-apps-links-desktop .mobile-icons {
        width: 90px
    }
}

@media (max-width:801px) {
    footer .footer-content .mobile-apps-links-desktop {
        display: none
    }

    footer .footer-content .mobile-apps-links-tablet {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 50px
    }

    footer .footer-content .mobile-apps-links-tablet ul .title {
        padding: 0;
        margin: 20px 0
    }

    footer .footer-content .mobile-apps-links-tablet .mobile-apps-container .qr-wrapper {
        width: 150px
    }

    footer .footer-content .mobile-apps-links-tablet .mobile-apps-container .mobile-icons {
        width: 150px;
        padding-top: 10px;
        padding-left: 0
    }

    footer .footer-content .mobile-apps-links-tablet .mobile-apps-container .mobile-icons img {
        width: 100%
    }
}

footer .footer-content .call-to-action-container ul {
    margin-bottom: 10px
}

footer .footer-content .call-to-action-container ul.social-media-icons li {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 10px
}

footer .footer-content .call-to-action-container ul.social-media-icons li.separator-list-item,
footer .footer-content .call-to-action-container ul.social-media-icons li.title {
    display: list-item;
    margin-bottom: 0
}

footer .footer-content .call-to-action-container ul.social-media-icons li a:hover {
    text-decoration: none !important
}

footer .footer-content .call-to-action-container ul.social-media-icons li a i {
    font-size: 31px;
    min-width: 400px
}

@media (max-width:991px) {
    footer .footer-content .call-to-action-container ul.social-media-icons li a i {
        font-size: 28px
    }
}

footer .footer-content .call-to-action-container ul.social-media-icons li a i.icon-facebook {
    color: #3b5998
}

footer .footer-content .call-to-action-container ul.social-media-icons li a i.icon-twitter {
    color: #00aced
}

footer .footer-content .call-to-action-container ul.social-media-icons li a i.icon-googleplus {
    color: #dd4b39
}

footer .footer-content .call-to-action-container ul.social-media-icons li a i.icon-youtube {
    color: #b00
}

footer .footer-content .call-to-action-container ul.social-media-icons li a i.icon-pinterest {
    color: #cb2027
}

footer .footer-content .call-to-action-container ul.social-media-icons li a i.icon-instagram {
    color: #517fa4
}

footer .footer-content .call-to-action-container ul.social-media-icons li a i.icon-vk {
    color: #4e76a1
}

footer .footer-content .call-to-action-container ul.social-media-icons li a i:hover {
    color: #333
}

footer .footer-content .call-to-action-container ul.social-media-icons li img {
    width: 28px;
    height: 28px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 22px;
    margin-left: -4px
}

footer .footer-content .call-to-action-container ul.shop-other-brands .logos {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .footer-content .call-to-action-container ul.shop-other-brands .logos li a:hover {
    text-decoration: none !important
}

footer .footer-content .call-to-action-container ul.shop-other-brands .logos li .icon-loveletterlogo {
    color: #4f7f77;
    margin: 0 .7em;
    height: 15px;
    width: 138px
}

footer .footer-content .call-to-action-container ul.shop-other-brands .logos li .icon-loveletterlogo .env-heart {
    fill: #ed8577
}

footer .footer-content .call-to-action-container ul.shop-other-brands .logos li .icon-loveletterlogo:hover {
    color: #333
}

footer .footer-content .call-to-action-container ul.shop-other-brands .logos li .icon-loveletterlogo:hover .env-heart {
    fill: #333
}

footer .footer-content .call-to-action-container ul.shop-other-brands .logos li .icon-iherblogo {
    color: #6fa26b;
    height: 15px;
    width: 45px
}

footer .footer-content .call-to-action-container ul.shop-other-brands .logos li .icon-iherblogo:hover {
    color: #333
}

@media (max-width:801px) {
    footer .footer-content .call-to-action-container {
        padding-left: 50px
    }
}

footer .footer-content .call-to-action {
    display: inline-block;
    width: 75%
}

@media (min-width:992px) and (max-width:1199px) {
    footer .footer-content .call-to-action {
        width: 65%
    }
}

@media (max-width:991px) {
    footer .footer-content .call-to-action {
        width: 65%;
        margin-right: 0
    }
}

footer .footer-content .call-to-action li a,
footer .footer-content .call-to-action li button {
    color: #60aa00;
    display: inline-block
}

footer .footer-content .icon-container {
    float: right;
    font-size: 60px;
    color: #e0e0e0
}

@media (max-width:991px) {
    footer .footer-content .icon-container {
        padding: 10px 0 0 0
    }
}

footer .footer-content .links {
    margin-top: 20px
}

@media (max-width:991px) {
    footer .footer-content .links .last {
        clear: both
    }
}

footer .footer-content .footer-bottom-text {
    text-align: center;
    margin-bottom: 16px;
    padding: 0 120px
}

footer .footer-content .footer-bottom-text p {
    font-size: 13px;
    color: #666
}

footer .footer-content .footer-bottom-text p a {
    color: #666
}

footer .footer-content .footer-bottom-text p .read-more {
    text-decoration: underline;
    color: #0073b1
}

footer .footer-content .footer-bottom-text p #clock {
    margin: 20px 0;
    display: inline-block;
    min-height: 14px
}

footer .footer-content .switch-back-to-mobile {
    width: 100%;
    padding: 20px 0;
    text-align: center;
    display: inline-block;
    background-color: #ddd;
    color: #4f9900;
    text-decoration: underline
}

footer .footer-content .v-separator {
    width: 2px;
    min-height: 195px;
    background: #e0e0e0;
    border-right: 1px solid #fafafa;
    position: absolute;
    top: 0;
    right: 0
}

footer .footer-content .separator {
    border-bottom: 1px inset #e0e0e0
}

footer .footer-content .footer-links {
    text-align: center;
    line-height: 26px;
    padding-bottom: 16px
}

footer .footer-content .footer-links a {
    padding: 0 10px;
    color: #0073b1;
    white-space: nowrap;
    text-decoration: underline;
    border-left: 1px solid #666
}

footer .footer-content .footer-links a.cali-privacy-links:last-child,
footer .footer-content .footer-links a:first-child {
    border-left: none
}

footer .footer-content .footer-links span.cali-privacy-footer-title {
    padding-left: 8px;
    color: #666;
    border-left: 1px solid #666
}

footer .footer-content .icon-akit-container {
    position: relative
}

footer .footer-content .icon-akit-container .icon-akit {
    height: 72px;
    width: 72px;
    position: absolute;
    -webkit-transform: translate(12px, 50%);
    -moz-transform: translate(12px, 50%);
    -ms-transform: translate(12px, 50%);
    transform: translate(12px, 50%)
}

footer .footer-bottom-images {
    clear: both;
    position: relative;
    text-align: center;
    margin-bottom: 30px
}

footer .footer-bottom-images .bottom-container .row {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .footer-bottom-images a {
    display: inline-block
}

footer .footer-bottom-images a.stella-seal {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%)
}

footer .footer-bottom-images #DigiCertClickID_Dnu6_AEb,
footer .footer-bottom-images #DigiCertClickID_nxVEO-VF {
    display: inline-block
}

footer .footer-bottom-images #DigiCertClickID_Dnu6_AEb img,
footer .footer-bottom-images #DigiCertClickID_nxVEO-VF img {
    margin-right: 20px !important
}

footer .footer-bottom-images #GTS_CONTAINER {
    display: inline-block
}

footer .footer-bottom-images #GTS_CONTAINER>:first-child {
    margin-left: 20px
}

footer .footer-bottom-images #GTS_CONTAINER #gts-c {
    z-index: 0 !important
}

footer .rewards-container {
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 5px
}

footer .rewards-container .rewards-logo {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .rewards-container .icon-iherblogo {
    font-size: 43px;
    margin-right: 5px;
    height: 61px
}

footer .rewards-container .icon-rewardslogo {
    font-size: 43px
}

footer .rewards-container .rewards-description {
    font-size: 16px;
    font-weight: 700;
    margin: 5px 10px;
    text-transform: uppercase;
    position: relative;
    top: -3px
}

footer .rewards-container .rewards-description span {
    display: inline-block;
    border-radius: 50px;
    padding: 5px;
    font-size: 24px;
    margin-left: 5px;
    position: relative;
    top: 3px;
    font-weight: 700
}

footer .text-container {
    position: relative;
    top: -1px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .text-container p {
    display: inline-block
}

footer .text-container span.rewards-link {
    text-decoration: underline !important
}

.userway_accessibility_icon {
    display: none !important
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.pagination-row {
    text-align: center
}

.pagination-row .pagination,
.pagination-row .pagination-left,
.pagination-row .pagination-right,
.pagination-row .selected-page {
    background-color: #f5f5f5;
    border-radius: 50%;
    line-height: 1.875em;
    height: 1.875em;
    width: 1.875em;
    vertical-align: middle;
    display: inline-block;
    color: #004588
}

.pagination-row .pagination i,
.pagination-row .pagination-left i,
.pagination-row .pagination-right i,
.pagination-row .selected-page i {
    line-height: 2.1em
}

.pagination-row .pagination {
    background-color: #fff
}

.pagination-row .selected-page {
    background-color: #6fa26b;
    color: #fff
}

.pagination-row .pagination-left {
    margin-right: 5px
}

.pagination-row .pagination-left i {
    margin-right: .2em
}

.pagination-row .pagination-right {
    margin-left: 5px
}

.pagination-row .pagination-right i {
    margin-left: .2em
}

.pagination-row a {
    text-decoration: none !important
}

footer .iherb-rewards-logo {
    color: #fff;
    display: inline-block;
    font-size: 60px;
    position: relative;
    top: 3px
}

footer .iherb-rewards-logo.medium {
    font-size: 45px
}

footer .iherb-rewards-logo.small {
    font-size: 35px
}

footer .iherb-rewards-logo i {
    font-size: inherit
}

footer .iherb-rewards-logo .icon-rewardslogo {
    color: #cf3
}

.iherb-modal-container {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000
}

.iherb-modal-container .iherb-modal-overlay {
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.iherb-modal-container .iherb-modal-overlay .iherb-modal {
    border-radius: 8px;
    box-shadow: 0 24px 32px 0 rgba(0, 0, 0, .1);
    background: #fff;
    padding: 32px;
    width: 500px
}

.iherb-modal-container .iherb-modal-overlay .iherb-modal .iherb-modal-content .iherb-modal-header {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px
}

.iherb-modal-container .iherb-modal-overlay .iherb-modal .iherb-modal-content .iherb-modal-header h3.title {
    font-size: 20px;
    color: #333
}

.iherb-modal-container .iherb-modal-overlay .iherb-modal .iherb-modal-content .iherb-modal-header .close {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

#add-to-cart-intermediary-modal {
    -moz-transition: .4s;
    transition: .4s;
    height: 100vh;
    width: 480px;
    z-index: 2000;
    position: fixed;
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    left: 100%;
    padding: 22px;
    border-radius: 16px
}

#add-to-cart-intermediary-modal img {
    height: 100%;
    width: 100%;
    mix-blend-mode: multiply
}

#add-to-cart-intermediary-modal.animate-show {
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}

#add-to-cart-intermediary-modal.animate-out {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

#add-to-cart-intermediary-modal .iherb-modal-overlay {
    height: 100%;
    background-color: #fff;
    border-radius: 8px;
    position: relative
}

#add-to-cart-intermediary-modal .iherb-modal-overlay>div {
    height: 100%;
    width: 100%;
    padding: 0
}

#add-to-cart-intermediary-modal .iherb-modal-overlay>div>div {
    height: 100%
}

#add-to-cart-intermediary-modal .iherb-modal-content {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding: 24px 32px
}

#add-to-cart-intermediary-modal .gh-tooltip-box-arrow-left::after {
    -webkit-transform: rotate(315deg) translateY(-55%);
    -moz-transform: rotate(315deg) translateY(-55%);
    -ms-transform: rotate(315deg) translateY(-55%);
    transform: rotate(315deg) translateY(-55%)
}

#add-to-cart-intermediary-modal .iherb-modal-header {
    height: auto;
    border-radius: 8px
}

#add-to-cart-intermediary-modal .iherb-modal-header .add-to-cart-message {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

#add-to-cart-intermediary-modal .iherb-modal-header .add-to-cart-message .add-to-cart-checkmark {
    margin-right: 14px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#add-to-cart-intermediary-modal .iherb-modal-header .add-to-cart-message .add-to-cart-text {
    color: #333;
    font-weight: 700;
    font-size: 20px
}

#add-to-cart-intermediary-modal .iherb-modal-header .add-to-cart-message .add-to-cart-close {
    margin-left: auto;
    height: 18px;
    width: 18px;
    cursor: pointer
}

#add-to-cart-intermediary-modal .iherb-modal-body {
    overflow-y: scroll;
    height: 100%;
    margin-bottom: 136px
}

#add-to-cart-intermediary-modal .iherb-modal-body::-webkit-scrollbar {
    display: none
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5;
    padding: 12px 16px 12px 8px;
    min-height: 84px;
    margin-bottom: 12px;
    border-radius: 8px
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product.multiple-products {
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product.multiple-products .product-atc-detail-container {
    margin: 8px 0 0 0
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product.multiple-products .combo-pricing {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product.multiple-products .combo-pricing .original-listing-price {
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 0 4px 0 4px
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product.multiple-products .combo-pricing .listing-price {
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product.multiple-products .combo-pricing .amount-off {
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product.disable-pricing .product-atc-detail-container .product-name {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 60px
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product.disable-pricing .product-atc-detail-container-autoship .product-atc-detail-container .product-name {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 40px
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product .product-image {
    margin-right: 12px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product .product-image>* {
    height: 64px;
    width: 64px
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product .product-atc-detail-container {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product .product-atc-detail-container .product-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 60px
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product .product-atc-detail-container .product-name.frequent {
    -webkit-line-clamp: 2
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product .product-atc-detail-container .subscription-frequency {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #6fa26b;
    font-weight: 700;
    font-size: 12px
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product .product-atc-detail-container .subscription-frequency img {
    width: 14px;
    height: 10px;
    margin-right: 5px
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product .product-price .listing {
    font-size: 18px;
    font-weight: 700
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product .product-price .combo-pricing {
    text-align: right
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product .product-price .combo-pricing .original-listing-price {
    color: #666;
    font-size: 15px;
    text-decoration: line-through
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product .product-price .combo-pricing .listing-price {
    color: #d32f2f;
    font-size: 18px;
    font-weight: 700
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product .product-price .combo-pricing .amount-off {
    font-size: 13px;
    font-weight: 700
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product .product-price .frequent-pricing {
    font-size: 18px;
    font-weight: 700
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product .iherb-modal-body {
    height: 65%
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-product .iherb-modal-footer {
    height: 15%
}

#add-to-cart-intermediary-modal .iherb-modal-body .shipping-message {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    position: relative;
    color: #333
}

#add-to-cart-intermediary-modal .iherb-modal-body .shipping-message .not-free-shipping {
    margin-right: 4px
}

#add-to-cart-intermediary-modal .iherb-modal-body .shipping-message .free-shipping {
    margin: 0 5px 0 5px
}

#add-to-cart-intermediary-modal .iherb-modal-body .shipping-message .add-to-cart-checkmark {
    width: 20px;
    height: 20px
}

#add-to-cart-intermediary-modal .iherb-modal-body .shipping-message .svg-icon-wrapper {
    background-color: transparent;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 4px
}

#add-to-cart-intermediary-modal .iherb-modal-body .shipping-message .svg-icon-wrapper:before {
    content: "\200D"
}

#add-to-cart-intermediary-modal .iherb-modal-body .shipping-message .svg-icon-wrapper .icon-info-lined {
    width: 20px;
    height: 20px
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-total {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 18px
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-total .subtotal-items {
    font-size: 16px
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-total .subtotal-items strong {
    font-size: 18px
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-total .subtotal-price {
    font-size: 16px;
    font-weight: 700
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-total-description {
    color: #666
}

#add-to-cart-intermediary-modal .iherb-modal-footer {
    justify-self: flex-end;
    margin-top: auto;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 -2px 8px rgba(106, 115, 129, .12);
    border-radius: 0 0 16px 16px;
    padding: 24px 32px
}

#add-to-cart-intermediary-modal .iherb-modal-footer a,
#add-to-cart-intermediary-modal .iherb-modal-footer div {
    cursor: pointer
}

#add-to-cart-intermediary-modal .iherb-modal-footer a:hover {
    text-decoration: none
}

#add-to-cart-intermediary-modal .iherb-modal-footer .button-space {
    margin-bottom: 8px
}

#add-to-cart-intermediary-modal .iherb-modal-footer .footer-button {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    font-weight: 700;
    font-size: 16px;
    border-radius: 8px
}

#add-to-cart-intermediary-modal .iherb-modal-footer .footer-button.primary {
    color: #fff;
    background-color: #6fa26b
}

#add-to-cart-intermediary-modal .iherb-modal-footer .footer-button.ghost {
    color: #333;
    background-color: #fff;
    border: 1px solid #333
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-carousels {
    position: relative;
    margin-top: 26px;
    padding-bottom: 40px
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-carousels .btn.btn-add-to-cart {
    font-size: 14px;
    border-radius: 8px;
    background: #f38a00
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-carousels .btn.btn-add-to-cart:hover {
    background-color: #b66700
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-carousels .btn.btn-add-to-cart.in-cart {
    background-color: #fff;
    background-image: unset;
    border: 1px solid #e0e0e0;
    opacity: 1;
    cursor: default
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-carousels .btn.btn-add-to-cart.in-cart .in-cart-message {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-carousels .btn.btn-add-to-cart.in-cart .in-cart-image {
    width: 17px;
    height: 17px;
    margin-right: 5px;
    background-image: url(/cms/addToCartIntermediaryPage/Images/grey%20check.png)
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-carousels .btn.btn-add-to-cart.in-cart .in-cart-text {
    color: #333
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-carousels>div {
    border-top: 1px solid #ccc
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-carousels>div:not(:first-of-type) {
    margin-top: 16px
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-carousels .title-container {
    font-size: 18px;
    font-weight: 700;
    margin: 16px 0
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-carousels .carousel .carousel-inner .product {
    padding-right: 0;
    padding-left: 0
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-carousels .carousel-container {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #fff
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-carousels .carousel-container .product-inner {
    width: 100%
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-carousels .carousel-container .product-inner .product-image {
    width: 128px;
    height: 128px
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-carousels .container-fluid {
    min-width: 350px
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-carousels .carousel-container .product-inner .product-image-wrapper {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-carousels .carousel-inner {
    max-height: 400px;
    padding-left: 0;
    padding-right: 0
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-carousels .carousel-inner .product-inner {
    padding: 0 8px
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-carousels .iherb-carousel-items {
    padding: 0
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-carousels .item {
    width: 100%
}

#add-to-cart-intermediary-modal .control-bar .carousel-indicators {
    display: none
}

#add-to-cart-intermediary-modal .carousel-control {
    width: 50px;
    opacity: 1
}

#add-to-cart-intermediary-modal .carousel-control .transitionRight {
    right: 10px
}

#add-to-cart-intermediary-modal .carousel-control .transitionLeft {
    left: -10px
}

#add-to-cart-intermediary-modal .carousel-control.left {
    left: 0;
    right: auto
}

#add-to-cart-intermediary-modal .carousel-control.right {
    right: 0;
    left: auto
}

#add-to-cart-intermediary-modal .carousel-control .icon-recentlyviewedarrowleft:before {
    content: "\e932"
}

#add-to-cart-intermediary-modal .carousel-control i {
    color: #666;
    background-color: unset;
    border: unset;
    border-radius: unset;
    font-size: unset;
    padding: unset;
    color: unset;
    position: unset
}


#add-to-cart-intermediary-modal .carousel-control .transitionIcon {
    top: 46%
}

#add-to-cart-intermediary-modal .carousel-control .scroll-icon.scroll-l {
    background-position: 0 0
}

#add-to-cart-intermediary-modal .carousel-control .scroll-icon.scroll-r {
    background-position: -23px 0
}

#add-to-cart-intermediary-modal .iherb-modal-body {
    margin-bottom: 80px;
    padding-bottom: 40px
}

#add-to-cart-intermediary-modal .iherb-modal-body .add-to-cart-carousels .btn.btn-add-to-cart {
    border: none;
    color: #fff;
    padding: 6px 12px
}

#add-to-cart-intermediary-modal .absolute-link-wrapper {
    position: relative
}

#add-to-cart-intermediary-modal .absolute-link-wrapper .absolute-link {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1
}

.carousel-container .carousel .control-bar {
    display: none
}

.gen-progress-bar {
    margin-top: 10px;
    min-width: 100%;
    position: relative;
    min-height: 10px;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 8px
}

.gen-progress-bar .progress-bar-foreground {
    position: absolute;
    width: 80%;
    height: 100%;
    background-color: #6fa26b;
    top: 0;
    left: 0;
    z-index: 100;
    border-radius: 8px
}

.gen-progress-bar .progress-bar-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ccc;
    top: 0;
    left: 0;
    z-index: 100
}

.generated-pricing {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.generated-pricing>* {
    margin-right: 4px
}

.generated-pricing.auto-apply-discount {
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.generated-pricing.auto-apply-discount .auto-apply-discount-text {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #f38a00
}

.generated-pricing.see-in-cart .original {
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    text-decoration: line-through;
    color: #666
}

.generated-pricing.see-in-cart .see-in-cart-text {
    -webkit-order: 4;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    font-weight: 700;
    color: #333
}

.generated-pricing .price-in-cart-tooltip-container {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-order: 4;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.generated-pricing .original {
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    font-weight: 400;
    font-size: 15px;
    text-decoration: line-through;
    color: #666
}

.generated-pricing .discount {
    font-weight: 700;
    margin-right: 4px;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-size: 18px;
    line-height: 24px
}

.generated-pricing .discount.special {
    color: #ca2222
}

.generated-pricing .discount.trial {
    color: #6fa26b
}

.generated-pricing .percent-off {
    font-size: 14px;
    font-weight: 700
}

.generated-pricing .listing {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333
}

.generated-pricing .percent-off {
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.generated-pricing .save-in-cart {
    font-weight: 700;
    color: #f38a00
}

.generated-pricing cms-popover {
    -webkit-order: 5;
    -moz-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.generated-pricing cms-popover button {
    background-color: #fff
}

.generated-pricing.add-to-cart {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.generated-pricing.add-to-cart .original {
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.generated-pricing.add-to-cart .special {
    margin-right: 4px;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.generated-pricing.add-to-cart .percent-off {
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-left: auto
}

.generated-pricing.similar-item-pricing-plp {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.generated-pricing.similar-item-pricing-plp.see-in-cart .original {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #333;
    text-decoration: none
}

.generated-pricing.similar-item-pricing-plp.see-in-cart .price-in-cart-tooltip-container {
    display: none
}

#cms-popover-tooltip {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: start
}

#cms-popover-tooltip:hover {
    cursor: pointer
}

#cms-popover-tooltip:hover cms-popover [data-slot=reference-element] .tooltip-icon {
    color: #6fa26b
}

#cms-popover-tooltip cms-popover {
    white-space: normal;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#cms-popover-tooltip cms-popover svg path {
    fill: inherit
}

#cms-popover-tooltip cms-popover .tooltip-icon {
    color: #333
}

#cms-popover-tooltip cms-popover.active [data-slot=reference-element] {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#cms-popover-tooltip cms-popover.active [data-slot=reference-element] svg.icon {
    outline: 2px solid #126cc5
}

#cms-popover-tooltip cms-popover [data-slot=reference-element] {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#cms-popover-tooltip cms-popover [data-slot=reference-element] svg.icon {
    border-radius: 100%
}

#cms-popover-tooltip cms-popover [data-slot=floating-element] .content {
    font-size: 14px
}

#cms-popover-tooltip cms-popover [data-slot=floating-element] .content a {
    color: #1976d2
}

#cms-popover-tooltip cms-popover .svg-icon-wrapper {
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 2px
}

#cms-popover-tooltip cms-popover .svg-icon-wrapper:before {
    content: "\200D"
}

#cms-popover-tooltip cms-popover .svg-icon-wrapper .icon-info-lined {
    width: 20px;
    height: 20px
}

#catalog-px-captcha-wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .6);
    height: 100%;
    width: 100%
}

#catalog-px-captcha-wrapper #catalog-px-captcha-container {
    padding: 2rem;
    background: #fff;
    border-radius: 8px
}

#catalog-px-captcha-wrapper #catalog-px-captcha-container h4.px-captcha-title {
    text-align: center;
    margin-bottom: 16px;
    font-size: 16px
}

#catalog-px-captcha-wrapper #catalog-px-captcha-container #px-captcha {
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@-webkit-keyframes rotateplane2d {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    12.5% {
        -webkit-transform: scale(.5, 1);
        transform: scale(.5, 1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    25% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    37.5% {
        -webkit-transform: scale(-.5, 1);
        transform: scale(-.5, 1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: scale(-1, 1);
        transform: scale(-1, 1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    62.5% {
        -webkit-transform: scale(-.5, 1);
        transform: scale(-.5, 1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    75% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    87.5% {
        -webkit-transform: scale(.5, 1);
        transform: scale(.5, 1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-moz-keyframes rotateplane2d {
    0% {
        -moz-transform: scale(1, 1);
        transform: scale(1, 1);
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    12.5% {
        -moz-transform: scale(.5, 1);
        transform: scale(.5, 1);
        -moz-animation-timing-function: linear;
        animation-timing-function: linear
    }

    25% {
        -moz-transform: scale(0, 1);
        transform: scale(0, 1);
        -moz-animation-timing-function: linear;
        animation-timing-function: linear
    }

    37.5% {
        -moz-transform: scale(-.5, 1);
        transform: scale(-.5, 1);
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -moz-transform: scale(-1, 1);
        transform: scale(-1, 1);
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    62.5% {
        -moz-transform: scale(-.5, 1);
        transform: scale(-.5, 1);
        -moz-animation-timing-function: linear;
        animation-timing-function: linear
    }

    75% {
        -moz-transform: scale(0, 1);
        transform: scale(0, 1);
        -moz-animation-timing-function: linear;
        animation-timing-function: linear
    }

    87.5% {
        -moz-transform: scale(.5, 1);
        transform: scale(.5, 1);
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    100% {
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes rotateplane2d {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    12.5% {
        -webkit-transform: scale(.5, 1);
        -moz-transform: scale(.5, 1);
        transform: scale(.5, 1);
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        animation-timing-function: linear
    }

    25% {
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        animation-timing-function: linear
    }

    37.5% {
        -webkit-transform: scale(-.5, 1);
        -moz-transform: scale(-.5, 1);
        transform: scale(-.5, 1);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: scale(-1, 1);
        -moz-transform: scale(-1, 1);
        transform: scale(-1, 1);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    62.5% {
        -webkit-transform: scale(-.5, 1);
        -moz-transform: scale(-.5, 1);
        transform: scale(-.5, 1);
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        animation-timing-function: linear
    }

    75% {
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        animation-timing-function: linear
    }

    87.5% {
        -webkit-transform: scale(.5, 1);
        -moz-transform: scale(.5, 1);
        transform: scale(.5, 1);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

.spinner {
    position: relative;
    top: 25px;
    display: block;
    width: 100px;
    font-size: 100px;
    height: 3em;
    clear: both;
    background-size: contain;
    margin: 0 auto;
    height: 315px;
    -webkit-animation: rotateplane2d 2s infinite linear;
    -moz-animation: rotateplane2d 2s infinite linear;
    animation: rotateplane2d 2s infinite linear;
    z-index: 5000
}

.spinner.small {
    width: 80px;
    font-size: 80px
}

.spinner.fixed {
    position: fixed;
    top: 40%;
    left: 49%
}

.spinner .icon-iherbleaf {
    position: relative;
    top: 20%;
    font-size: inherit;
    color: #6fa26b
}

.spinner#loginSpinner {
    left: 48%;
    top: 35%
}

.loader-background {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .4;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1500 !important
}

.loading {
    display: block
}

.loader {
    display: none !important;
    position: relative
}

.loader.loading {
    display: block !important
}

@keyframes rotateplane2d {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    12.5% {
        -webkit-transform: scale(.5, 1);
        -moz-transform: scale(.5, 1);
        transform: scale(.5, 1);
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        animation-timing-function: linear
    }

    25% {
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        animation-timing-function: linear
    }

    37.5% {
        -webkit-transform: scale(-.5, 1);
        -moz-transform: scale(-.5, 1);
        transform: scale(-.5, 1);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: scale(-1, 1);
        -moz-transform: scale(-1, 1);
        transform: scale(-1, 1);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    62.5% {
        -webkit-transform: scale(-.5, 1);
        -moz-transform: scale(-.5, 1);
        transform: scale(-.5, 1);
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        animation-timing-function: linear
    }

    75% {
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        animation-timing-function: linear
    }

    87.5% {
        -webkit-transform: scale(.5, 1);
        -moz-transform: scale(.5, 1);
        transform: scale(.5, 1);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

.btn-loading {
    cursor: default !important
}

.btn-loading .btn-spinner {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: inherit
}

.btn-loading .btn-spinner .icon-iherbleaf {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    color: currentColor;
    -webkit-animation: rotateplane2d 2s infinite linear;
    -moz-animation: rotateplane2d 2s infinite linear;
    animation: rotateplane2d 2s infinite linear;
    font-size: 24px
}

.btn-loading .btn-spinner .icon-iherbleaf.leaf-small {
    font-size: 20px
}

.btn-loading .btn-spinner .icon-iherbleaf.leaf-large {
    font-size: 24px
}

.btn-add-to-cart.btn-done {
    cursor: default !important;
    border: 1px solid #ccc !important;
    background: #fff !important
}

.btn-add-to-cart.btn-done .icon-done {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: inherit;
    display: flex
}

.btn-add-to-cart.btn-done .icon-done svg {
    width: 24px;
    height: 24px
}

.btn-add-to-cart.btn-done .icon-done.done-small svg {
    width: 20px;
    height: 20px
}

.btn-add-to-cart.btn-done .icon-done.done-large svg {
    width: 24px;
    height: 24px
}

.evidence-based-wrapper {
    height: 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 8px;
    border-radius: 9999px;
    background: #e5f8e6
}

.evidence-based-wrapper .svg-icon-wrapper {
    height: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.evidence-based-wrapper .svg-icon-wrapper svg.icon-authentic {
    margin-right: 4px;
    width: 16px;
    height: 16px
}

.evidence-based-wrapper .svg-icon-wrapper .evidence-based-text {
    color: #2c7500;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    text-transform: uppercase;
    white-space: nowrap
}

.evidence-based-wrapper #cms-popover-tooltip {
    height: 24px
}

.evidence-based-wrapper #cms-popover-tooltip cms-popover.active [data-slot=reference-element] svg.icon {
    outline: 0
}

.evidence-based-wrapper #cms-popover-tooltip cms-popover [data-slot=floating-element] {
    width: 318px !important;
    cursor: default;
    z-index: 1006
}