@-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)
    }
}

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

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

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

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

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

.btn.btn-full {
    width: 100%
}

.btn-link {
    color: #0039a6;
    font-weight: 400;
    border-radius: 0;
    font-size: 14px;
    padding: 0;
    border: 0;
    margin-bottom: 1px
}

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

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

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

.btn-link .btn-full {
    width: 100%
}

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

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

.inline-btn .btn {
    margin-right: 10px
}

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

.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.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
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default: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
}

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

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.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
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary: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
}

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

.btn-secondary.active,
.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary:focus,
.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
}

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

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

.btn-disabled.active,
.btn-disabled.focus,
.btn-disabled:active,
.btn-disabled:focus,
.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
}

.btn-disabled.disabled,
.btn-disabled.disabled.active,
.btn-disabled.disabled.focus,
.btn-disabled.disabled:active,
.btn-disabled.disabled:focus,
.btn-disabled.disabled:hover,
.btn-disabled[disabled],
.btn-disabled[disabled].active,
.btn-disabled[disabled].focus,
.btn-disabled[disabled]:active,
.btn-disabled[disabled]:focus,
.btn-disabled[disabled]:hover,
fieldset[disabled] .btn-disabled,
fieldset[disabled] .btn-disabled.active,
fieldset[disabled] .btn-disabled.focus,
fieldset[disabled] .btn-disabled:active,
fieldset[disabled] .btn-disabled:focus,
fieldset[disabled] .btn-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
}

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

.btn-ghost-primary.active,
.btn-ghost-primary.focus,
.btn-ghost-primary:active,
.btn-ghost-primary:focus,
.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
}

.btn-ghost-primary.disabled,
.btn-ghost-primary.disabled.active,
.btn-ghost-primary.disabled.focus,
.btn-ghost-primary.disabled:active,
.btn-ghost-primary.disabled:focus,
.btn-ghost-primary.disabled:hover,
.btn-ghost-primary[disabled],
.btn-ghost-primary[disabled].active,
.btn-ghost-primary[disabled].focus,
.btn-ghost-primary[disabled]:active,
.btn-ghost-primary[disabled]:focus,
.btn-ghost-primary[disabled]:hover,
fieldset[disabled] .btn-ghost-primary,
fieldset[disabled] .btn-ghost-primary.active,
fieldset[disabled] .btn-ghost-primary.focus,
fieldset[disabled] .btn-ghost-primary:active,
fieldset[disabled] .btn-ghost-primary:focus,
fieldset[disabled] .btn-ghost-primary: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
}

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

.btn-ghost-primary-darker.active,
.btn-ghost-primary-darker.focus,
.btn-ghost-primary-darker:active,
.btn-ghost-primary-darker:focus,
.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
}

.btn-ghost-primary-darker.disabled,
.btn-ghost-primary-darker.disabled.active,
.btn-ghost-primary-darker.disabled.focus,
.btn-ghost-primary-darker.disabled:active,
.btn-ghost-primary-darker.disabled:focus,
.btn-ghost-primary-darker.disabled:hover,
.btn-ghost-primary-darker[disabled],
.btn-ghost-primary-darker[disabled].active,
.btn-ghost-primary-darker[disabled].focus,
.btn-ghost-primary-darker[disabled]:active,
.btn-ghost-primary-darker[disabled]:focus,
.btn-ghost-primary-darker[disabled]:hover,
fieldset[disabled] .btn-ghost-primary-darker,
fieldset[disabled] .btn-ghost-primary-darker.active,
fieldset[disabled] .btn-ghost-primary-darker.focus,
fieldset[disabled] .btn-ghost-primary-darker:active,
fieldset[disabled] .btn-ghost-primary-darker:focus,
fieldset[disabled] .btn-ghost-primary-darker: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
}

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

.btn-ghost-info.active,
.btn-ghost-info.focus,
.btn-ghost-info:active,
.btn-ghost-info:focus,
.btn-ghost-info:hover {
    color: #0039a6;
    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
}

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

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

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

.btn-outline:focus {
    outline: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.badge:empty {
    display: none
}

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

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

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #0039a6;
    background-color: #fff
}

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

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

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

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

.badge.badge-danger {
    background-color: #f10200
}

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

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

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

.no-rating {
    height: 19px
}

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


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

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

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

.rating a:hover {
    text-decoration: none
}

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

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

.rating .stars .stars-rating path {
    fill: #fac627
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.catalog-alerts-v2 .alert .alert-content-success {
    background: #be986d
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gh-dropdown {
    position: relative
}

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

.gh-dropdown .gh-dropdown-menu:focus {
    outline: 0
}

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

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

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

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

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

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

.input-error .gh-error-icon {
    display: block
}

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

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

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

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

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

.gh-toast.gh-toast-success {
    background-color: #be986d;
    color: #fff
}

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

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

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

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

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

.gh-toast .gh-toast-close {
    cursor: pointer
}

.gh-overflow-unset {
    overflow: unset !important
}


.gh-checkbox-input:checked+.gh-checkbox {
    background-color: #6fa26b;
    border-color: #6fa26b
}

.gh-checkbox-input:checked+.gh-checkbox>svg {
    display: block
}

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


.content-frame .header {
    font-weight: 700;
    padding: 0 10px;
    margin-bottom: 20px
}

.content-frame .header .title {
    font-size: 25px
}

.content-frame .header a {
    color: #000
}

.content-frame .content-wrapper {
    line-height: 1.5;
    border: 1px solid #e0e0e0;
    margin-bottom: 30px;
    background: #fff;
}

.content-frame .content-wrapper .title-bar {
    background-color: #fafafa;
    font-weight: 700;
    padding: 10px;
    margin-bottom: 20px
}

.content-frame .content-wrapper .title-bar strong {
    font-size: 18px
}

.content-frame .content-wrapper .title-bar strong.title-lg {
    font-size: 25px
}

.content-frame .content-wrapper .title-bar a {
    color: #000
}

.content-frame .content-wrapper .inner-content {
    padding: 0 20px 20px
}

.content-frame .content-wrapper .inner-content p {
    margin-bottom: 15px
}

.content-frame .content-wrapper .inner-content .link-lg {
    font-size: 14px
}

.content-frame .content-wrapper .inner-content .title-small {
    font-size: 16px
}

.content-frame .content-wrapper .inner-content .item-row-title {
    padding: 20px 0
}

.content-frame .content-wrapper .inner-content .item-row-title .title-text {
    color: #f38a00;
    font-size: 25px
}

.content-frame .content-wrapper .inner-content .item-row {
    padding: 10px 4px
}

.content-frame .content-wrapper .inner-content .item-row.item-row-border,
.content-frame .content-wrapper .inner-content .item-row.item-row-borders {
    border-bottom: 1px solid #e0e0e0
}

.content-frame .content-wrapper .inner-content .item-row.item-row-borders {
    border-top: 1px solid #e0e0e0
}

.content-frame .content-wrapper .inner-content .item-row .link-url {
    word-break: break-word
}

.content-frame .content-wrapper .inner-content .item-row ul {
    margin-left: 30px
}

.content-frame .content-wrapper .inner-content .item-row ul li {
    list-style-position: outside;
    list-style-type: disc;
    margin: 6px 0
}


.product-flags-wrapper .product-flag-container {
    vertical-align: middle;
    margin-right: 4px
}

.product-flag-container {
    min-height: 20px;
    display: inline-block;
    margin-bottom: 10px
}

.product-flag-container.itested-container,
.product-flag-container.itested-container * {
    height: 20px;
    display: inline-block
}

.product-flag-container .product-flag {
    font-size: 12px;
    color: #000;
    background-color: #ff8a00;
    position: relative;
    text-align: center;
    display: inline-block;
    z-index: 10
}

.product-flag-container .product-flag.product-flag-specials {
    background-color: #9df0e0
}

.product-flag-container .product-flag.product-flag-specials,
.product-flag-container .product-flag.product-flag-specials a {
    color: #000
}

.product-flag-container .product-flag.product-flag-special {
    background-color: #9df0e0
}

.product-flag-container .product-flag.product-flag-special,
.product-flag-container .product-flag.product-flag-special a {
    color: #000
}

.product-flag-container .product-flag.product-flag-clearance {
    background-color: #9df0e0
}

.product-flag-container .product-flag.product-flag-clearance,
.product-flag-container .product-flag.product-flag-clearance a {
    color: #000
}

.product-flag-container .product-flag.product-flag-best-seller {
    background-color: #e25903
}

.product-flag-container .product-flag.product-flag-best-seller,
.product-flag-container .product-flag.product-flag-best-seller a {
    color: #fff
}

.product-flag-container .product-flag.product-flag-new-arrival {
    background-color: #cbeb92
}

.product-flag-container .product-flag.product-flag-new-arrival,
.product-flag-container .product-flag.product-flag-new-arrival a {
    color: #000
}

.product-flag-container .product-flag.product-flag-new {
    background-color: #cbeb92
}

.product-flag-container .product-flag.product-flag-new,
.product-flag-container .product-flag.product-flag-new a {
    color: #000
}

.product-flag-container .product-flag.product-flag-trials {
    background-color: #fcb500
}

.product-flag-container .product-flag.product-flag-trials,
.product-flag-container .product-flag.product-flag-trials a {
    color: #000
}

.product-flag-container .product-flag.product-flag-trial {
    background-color: #fcb500
}

.product-flag-container .product-flag.product-flag-trial,
.product-flag-container .product-flag.product-flag-trial a {
    color: #000
}

.product-flag-container .product-flag.product-flag-short-dated-sale {
    background-color: #ff4337
}

.product-flag-container .product-flag.product-flag-short-dated-sale,
.product-flag-container .product-flag.product-flag-short-dated-sale a {
    color: #000
}

.product-flag-container .product-flag.product-flag-short-dated {
    background-color: #ff4337
}

.product-flag-container .product-flag.product-flag-short-dated,
.product-flag-container .product-flag.product-flag-short-dated a {
    color: #000
}

.product-flag-container .product-flag.product-flag-exclusive {
    background-color: #8bc9e4
}

.product-flag-container .product-flag.product-flag-exclusive,
.product-flag-container .product-flag.product-flag-exclusive a {
    color: #000
}

.product-flag-container .product-flag.product-flag-i-herb-exclusive {
    background-color: #8bc9e4
}

.product-flag-container .product-flag.product-flag-i-herb-exclusive,
.product-flag-container .product-flag.product-flag-i-herb-exclusive a {
    color: #000
}

.product-flag-container .product-flag.product-flag-featured {
    background-color: #61ae15
}

.product-flag-container .product-flag.product-flag-featured,
.product-flag-container .product-flag.product-flag-featured a {
    color: #000
}

.product-flag-container .product-flag a {
    text-decoration: none;
    font-weight: 700
}

.product-flag-container .product-flag.medium {
    font-size: 16px;
    padding-top: 3px;
    height: 26px;
    margin-right: 20px;
    width: 130px;
    text-align: left
}

.product-flag-container .product-flag.medium:after,
.product-flag-container .product-flag.medium:before {
    height: 26px;
    right: -15px
}

.product-flag-container .product-flag.medium:before {
    bottom: 0;
    border-width: 0 17px 18px 0
}

.product-flag-container .product-flag.medium:after {
    border-width: 18px 17px 0 0
}

.product-flag-container .product-flag.large {
    font-size: 17px;
    padding-top: 5px;
    height: 32px;
    margin-right: 20px;
    width: 172px
}

.product-flag-container .product-flag.large:after,
.product-flag-container .product-flag.large:before {
    height: 32px;
    right: -15px
}

.product-flag-container .product-flag.large:before {
    bottom: 0;
    border-width: 0 17px 18px 0
}

.product-flag-container .product-flag.large:after {
    border-width: 18px 17px 0 0
}

@media (max-width:991px) {
    .product-flag-container .product-flag:nth-child(1n+4) {
        margin-top: 10px
    }
}

.product-flag-container .product-flag {
    line-height: 20px;
    padding: 0 3px 0 8px;
    margin-right: 20px;
    font-weight: 700
}

.product-flag-container .product-flag:after,
.product-flag-container .product-flag:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 0;
    right: -13px;
    bottom: 0;
    border-style: solid;
    padding-right: 5px;
    border-color: #ff8a00 transparent #ff8a00 #ff8a00
}

.product-flag-container .product-flag:before {
    bottom: 0;
    border-width: 0 10px 11px 0
}

.product-flag-container .product-flag:after {
    border-width: 11px 10px 0 0
}

.product-flag-container .product-flag.product-flag-specials:after,
.product-flag-container .product-flag.product-flag-specials:before {
    border-color: #9df0e0 transparent #9df0e0 #9df0e0
}

.product-flag-container .product-flag.product-flag-special:after,
.product-flag-container .product-flag.product-flag-special:before {
    border-color: #9df0e0 transparent #9df0e0 #9df0e0
}

.product-flag-container .product-flag.product-flag-clearance:after,
.product-flag-container .product-flag.product-flag-clearance:before {
    border-color: #9df0e0 transparent #9df0e0 #9df0e0
}

.product-flag-container .product-flag.product-flag-best-seller:after,
.product-flag-container .product-flag.product-flag-best-seller:before {
    border-color: #e25903 transparent #e25903 #e25903
}

.product-flag-container .product-flag.product-flag-new-arrival:after,
.product-flag-container .product-flag.product-flag-new-arrival:before {
    border-color: #cbeb92 transparent #cbeb92 #cbeb92
}

.product-flag-container .product-flag.product-flag-new:after,
.product-flag-container .product-flag.product-flag-new:before {
    border-color: #cbeb92 transparent #cbeb92 #cbeb92
}

.product-flag-container .product-flag.product-flag-trials:after,
.product-flag-container .product-flag.product-flag-trials:before {
    border-color: #fcb500 transparent #fcb500 #fcb500
}

.product-flag-container .product-flag.product-flag-trial:after,
.product-flag-container .product-flag.product-flag-trial:before {
    border-color: #fcb500 transparent #fcb500 #fcb500
}

.product-flag-container .product-flag.product-flag-short-dated-sale:after,
.product-flag-container .product-flag.product-flag-short-dated-sale:before {
    border-color: #ff4337 transparent #ff4337 #ff4337
}

.product-flag-container .product-flag.product-flag-short-dated:after,
.product-flag-container .product-flag.product-flag-short-dated:before {
    border-color: #ff4337 transparent #ff4337 #ff4337
}

.product-flag-container .product-flag.product-flag-exclusive:after,
.product-flag-container .product-flag.product-flag-exclusive:before {
    border-color: #8bc9e4 transparent #8bc9e4 #8bc9e4
}

.product-flag-container .product-flag.product-flag-i-herb-exclusive:after,
.product-flag-container .product-flag.product-flag-i-herb-exclusive:before {
    border-color: #8bc9e4 transparent #8bc9e4 #8bc9e4
}

.product-flag-container .product-flag.product-flag-featured:after,
.product-flag-container .product-flag.product-flag-featured:before {
    border-color: #61ae15 transparent #61ae15 #61ae15
}

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

.badge:empty {
    display: none
}

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

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

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #0039a6;
    background-color: #fff
}

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

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

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

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

.badge.badge-danger {
    background-color: #f10200
}

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

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

@-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
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media,
.media-body {
    zoom: 1;
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right,
.media>.pull-right {
    padding-left: 10px
}

.media-left,
.media>.pull-left {
    padding-right: 10px
}

.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.shipping-container,
.shipping-container-small {
    height: 30px
}

.shipping-container .shipping-saver,
.shipping-container-small .shipping-saver {
    font-weight: 700;
    font-style: italic;
    color: #69c;
    margin-right: 4px;
    position: relative;
    bottom: 3px
}

.shipping-container .shipping-saver.shipping-saver-grid,
.shipping-container-small .shipping-saver.shipping-saver-grid {
    min-height: 15px
}

.shipping-container i,
.shipping-container-small i {
    color: #7bb32e;
    font-size: 18px
}

.ar .shipping-container i,
.ar .shipping-container-small i {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    display: inline-block
}

.shipping-container-small i {
    font-size: 17px
}

.fade {
    opacity: 0;
    -moz-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -moz-transition-property: height, visibility;
    transition-property: height, visibility;
    -moz-transition-duration: .35s;
    transition-duration: .35s;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease
}

.image-coming-soon {
    text-align: center;
    color: #e0e0e0;
    font-weight: 700;
    position: relative;
    bottom: 15px
}

.image-coming-soon.large {
    font-size: 22px
}

.image-coming-soon.large i {
    font-size: 8em
}

.image-coming-soon.medium {
    height: 124px;
    font-size: 16px
}

.image-coming-soon.medium i {
    font-size: 5em
}

.image-coming-soon.medium div {
    position: relative;
    bottom: 10px
}

.image-coming-soon.small {
    height: 105px;
    font-size: 14px;
    bottom: 3px
}

.image-coming-soon.small i {
    font-size: 5em
}

.image-coming-soon.x-small {
    height: 75px;
    font-size: 11px;
    bottom: 3px
}

.image-coming-soon.x-small i {
    font-size: 4em
}

.image-coming-soon.horizontal {
    height: 105px;
    font-size: 14px;
    bottom: 12px
}

.image-coming-soon.horizontal i {
    font-size: 4.5em
}

.image-coming-soon.horizontal div {
    position: relative;
    bottom: 12px
}

.image-coming-soon.mini {
    height: 105px;
    font-size: 14px;
    bottom: 3px
}

.image-coming-soon.mini i {
    font-size: 3em
}

.image-coming-soon.mini div {
    font-size: 13px
}

.image-coming-soon.line-item {
    height: 100px;
    font-size: 14px;
    bottom: 12px;
    width: 100px;
    position: unset;
    line-height: 1
}

.image-coming-soon.line-item i {
    font-size: 4.5em
}

.image-coming-soon.line-item div {
    white-space: nowrap
}

.image-coming-soon.grouping {
    height: 50px;
    width: 50px;
    font-size: 11px;
    bottom: 5px
}

.image-coming-soon.grouping i {
    font-size: 4em
}

.nav {
    padding-left: 0;
    list-style: none
}

.ih-tooltip {
    position: relative
}

.ih-tooltip .ih-tooltip-content {
    display: none;
    position: absolute;
    font-size: 12px;
    top: 30px;
    left: -moz-calc(50% - 75px);
    left: calc(50% - 75px);
    width: 150px;
    z-index: 50;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    padding: 12px
}

.ih-tooltip .ih-tooltip-content:after,
.ih-tooltip .ih-tooltip-content:before {
    bottom: 100%;
    position: absolute;
    pointer-events: none;
    border-color: rgba(194, 225, 245, 0);
    content: " ";
    width: 0;
    height: 0;
    border: solid transparent
}

.ih-tooltip .ih-tooltip-content:before {
    left: 71.5px;
    border-bottom-color: #e0e0e0;
    border-width: 8px
}

.ih-tooltip .ih-tooltip-content:after {
    left: 72.5px;
    border-bottom-color: #fff;
    border-width: 7px
}

.error-msg {
    background-color: #fee0e1;
    color: #f10200;
    border: 1px solid #feb6bb;
    padding: 8px 11px;
    margin-bottom: 20px;
    font-size: 14px
}

.error-msg i {
    font-size: 1.5em;
    display: inline-block;
    vertical-align: middle
}

.success-msg {
    background-color: #edf7e5;
    color: #6fa26b;
    border: 1px solid #6fa26b;
    padding: 8px 11px;
    margin-bottom: 20px;
    font-size: 14px
}

.success-msg i {
    font-size: 1.5em;
    display: inline-block;
    vertical-align: middle
}

.warning-msg {
    background-color: #fff3e0;
    color: #ea5d10;
    border: 1px solid #f38a00;
    padding: 8px 11px;
    margin-bottom: 20px;
    font-size: 14px
}

.warning-msg i {
    font-size: 1.5em;
    display: inline-block;
    vertical-align: middle
}

.saving-msg {
    float: left;
    width: 100%;
    background-color: #f6f6f4;
    padding: 8px 11px;
    margin-bottom: 10px
}

.saving-msg p:first-child {
    float: left;
    font-weight: 700
}

.saving-msg p:first-child span {
    color: #ef6c00
}

.saving-msg p:first-child span span {
    font-size: inherit
}

.saving-msg p:last-child {
    float: right
}

.alert-warning {
    background-color: #fee0e1;
    color: #f44336;
    border: 1px solid #ffa39e;
    margin-bottom: 20px
}

.alert-warning span {
    font-size: 21px;
    padding: 5px 0;
    display: inline-block;
    vertical-align: top
}

.alert-warning p {
    display: inline-block;
    width: 86%;
    padding: 10px 0;
    color: #f44336 !important
}

.alert-success {
    background-color: #edf7e5;
    color: #6fa26b;
    border: 1px solid #6fa26b;
    margin-bottom: 20px
}

.alert-success span {
    font-size: 21px;
    padding: 10px 0;
    display: inline-block;
    vertical-align: top
}

.alert-success p {
    display: inline-block;
    width: 86%;
    padding: 10px 0;
    color: #6fa26b !important
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control:focus {
    z-index: 3
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #333;
    text-align: center;
    background-color: #fafafa;
    border: 1px solid #999;
    border-radius: 0
}

.input-group-addon.input-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 0
}

.input-group-addon.input-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn {
    padding: 8px 8px;
    font-size: 17px;
    border-radius: 0
}

.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
    z-index: 2
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px
}

.home .hp-category-module .hp-category-container .hp-category-flex {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.home .hp-category-module .hp-category-container .carousel-title {
    font-size: 18px;
    color: #333;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 16px
}

.home .hp-category-module .hp-category-container .carousel-title .view-all {
    display: none
}

@media (max-width:1200px) {
    .home .hp-category-module .hp-category-container .carousel-title .view-all {
        display: block
    }
}

.home .hp-category-module .hp-category-container .carousel-container {
    padding: 0;
    margin: 0;
    background-color: transparent
}

.home .hp-category-module .hp-category-container .carousel-container .carousel {
    position: relative
}

.home .hp-category-module .hp-category-container .carousel-container.banner-carousel {
    min-width: 242px;
    margin-right: 20px
}

.home .hp-category-module .hp-category-container .carousel-container.banner-carousel .carousel-inner {
    min-height: 528px
}

.home .hp-category-module .hp-category-container .carousel-container.banner-carousel .item .banner-content {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 242px;
    height: 528px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -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;
    padding: 60px 16px
}

.home .hp-category-module .hp-category-container .carousel-container.banner-carousel .item .banner-content .banner-title {
    font-weight: 700;
    color: #000;
    font-size: 13px;
    margin-bottom: 20px
}

.home .hp-category-module .hp-category-container .carousel-container.banner-carousel .item .banner-content .banner-subtitle {
    font-weight: 700;
    color: #000;
    font-size: 21px
}

.home .hp-category-module .hp-category-container .carousel-container.banner-carousel .item .banner-content .banner-button {
    background-color: #fff;
    border: 2px solid #8c8c8c;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 18px;
    border-radius: 4px;
    margin-top: 30px
}

@media (max-width:1200px) {
    .home .hp-category-module .hp-category-container .carousel-container.banner-carousel {
        min-width: 209px
    }

    .home .hp-category-module .hp-category-container .carousel-container.banner-carousel .carousel-inner {
        min-height: 456px
    }

    .home .hp-category-module .hp-category-container .carousel-container.banner-carousel .item .banner-content {
        width: 209px;
        height: 456px
    }
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel-title,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel-title {
    margin-bottom: 10px;
    padding-bottom: 10px
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .control-bar,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .control-bar {
    display: none
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner {
    min-height: 0
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item {
    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;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .product-section,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .product-section {
    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: 0 0;
    padding: 0;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .product-section .product-title,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .product-section .product-title {
    height: 2.7em
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .product-section .product-price,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .product-section .product-price {
    margin-top: 26px
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .product-section img,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .product-section img {
    display: block;
    height: 90px;
    width: 90px;
    min-width: 90px;
    overflow: hidden;
    margin-right: 14px
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .review-section,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .review-section {
    margin-left: 16px;
    padding-left: 24px;
    border-left: 1px solid #e0e0e0;
    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;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-grow: 2;
    -moz-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .review-section .review-title,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .review-section .review-title {
    font-size: 16px;
    font-weight: 700;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 22px
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .review-section .review-post,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .review-section .review-post {
    font-weight: 700;
    color: #8c8c8c;
    font-size: 12px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 17px
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .review-section .review-post a,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .review-section .review-post a {
    color: #6fa26b
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .review-section .review-content,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .review-section .review-content {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 38px;
    height: 38px
}

@media (max-width:1200px) {

    .home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .review-section .review-content,
    .home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .review-section .review-content {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 95px;
        height: 95px
    }
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .blog-item,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .blog-item {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .blog-item .blog-article,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .blog-item .blog-article {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .blog-item .blog-article:first-of-type,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .blog-item .blog-article:first-of-type {
    padding-right: 8px
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .blog-item .blog-article:last-child,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .blog-item .blog-article:last-child {
    padding-left: 8px
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .blog-item .blog-article .blog-img,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .blog-item .blog-article .blog-img {
    min-width: 187px;
    margin-right: 20px;
    max-height: 115px;
    border-radius: 4px;
    overflow: hidden
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .blog-item .blog-article .blog-img img,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .blog-item .blog-article .blog-img img {
    border-radius: 4px
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .blog-item .blog-article .blog-title,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .blog-item .blog-article .blog-title {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 42px;
    height: 42px;
    font-weight: 700;
    font-size: 16px
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .blog-item .blog-article .blog-content,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .blog-item .blog-article .blog-content {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 56px;
    height: 56px;
    font-size: 14px
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .read-more,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .read-more {
    font-weight: 700;
    color: #0039a6
}

@media (max-width:1200px) {

    .home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .product-section,
    .home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .product-section {
        display: block
    }

    .home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .product-section .product-title,
    .home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .product-section .product-title {
        margin-top: 8px
    }

    .home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .product-section .product-price,
    .home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .product-section .product-price {
        margin-top: 8px
    }

    .home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .product-section img,
    .home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .product-section img {
        margin: auto
    }

    .home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-control.left,
    .home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-control.left {
        left: -40px
    }

    .home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-control.right,
    .home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-control.right {
        right: -40px
    }
}

@media (max-width:1200px) {
    .home .hp-category-module .hp-category-container .carousel-container.banner-carousel {
        margin-right: 0
    }
}

.home .hp-category-module .hp-category-container .best-selling-carousel .carousel-container .carousel .product .product-inner {
    padding: 15px
}

.home .hp-category-module .hp-category-container .best-selling-carousel .carousel-container .carousel .product .product-inner .rating {
    white-space: nowrap
}

.home .hp-category-module .hp-category-container .best-selling-carousel .carousel-container .carousel .product .product-inner .product-price {
    white-space: nowrap
}

.home .hp-category-module .hp-category-container .best-selling-carousel .carousel-container .carousel .carousel-inner {
    height: 280px
}

.home .hp-category-module .hp-category-container .best-selling-carousel .carousel-container .carousel .carousel-inner .prudct-carousels {
    height: 280px
}

.home .hp-category-module .hp-category-container .side-carousels {
    padding: 20px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.home .hp-category-module .hp-category-container .sub-carousels {
    padding: 20px;
    border: 1px solid #e0e0e0;
    border-top: none;
    background: #fff;
    display: none
}

@media (max-width:1200px) {

    .home .hp-category-module .hp-category-container .side-carousels .blog-carousel,
    .home .hp-category-module .hp-category-container .side-carousels .review-carousel {
        display: none
    }

    .home .hp-category-module .hp-category-container .sub-carousels {
        display: block
    }
}

.home .view-all {
    font-size: 16px;
    color: #0039a6;
    font-weight: 700;
    text-decoration: none
}

.home .hp-container {
    margin: auto;
    overflow: hidden;
    max-width: 1565px
}

.home .hp-carousel-container {
    margin-top: 16px;
    margin-bottom: 0;
    position: relative
}

.home .hp-carousel-container .carousel-container .container-fluid {
    max-width: unset;
    min-width: unset
}

.home .hp-carousel-container .hp-modules .personalized-reorder>* {
    margin-bottom: 0;
    margin-top: 15px
}

.home .hp-carousel-container .hp-modules .personalized-reorder>:first-of-type {
    margin-bottom: 0;
    margin-top: 0
}

.region-filter {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
    margin-left: 10px;
    font-size: 14px
}

.catalog.topsellers .region-filter {
    vertical-align: text-bottom
}

.region-filter .global-filter {
    display: none
}

.region-filter input {
    width: 156px;
    height: 32px;
    font-weight: 400;
    padding-left: 12px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 6px
}

.catalog.topsellers .region-filter input {
    pointer-events: none
}

.ar .region-filter input {
    width: auto
}

.region-filter [class^=icon-] {
    position: absolute;
    font-size: 12px;
    right: 10px;
    top: 8px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    pointer-events: none
}

.region-filter,
.region-filter [class^=icon],
.region-filter input {
    color: #333
}

.product-mini-carousel .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;
    height: 80px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #333
}

.product-mini-carousel .iherb-carousel-items {
    top: 5px
}

.product-mini-carousel .iherb-carousel-items .carousel-inner {
    min-height: 100px;
    max-height: 100px;
    overflow: hidden
}

.product-mini-carousel .iherb-carousel-items .carousel-inner .product {
    float: left;
    margin: 5px 0 15px;
    border: none
}

@media (min-width:1200px) {
    .product-mini-carousel .iherb-carousel-items .carousel-inner .product {
        width: 8.9%
    }
}

.product-mini-carousel .iherb-carousel-items .carousel-inner .product .product-inner {
    text-align: center
}

.product-mini-carousel .iherb-carousel-items .carousel-inner .product .product-inner a {
    text-decoration: none !important
}

.product-mini-carousel .iherb-carousel-items .carousel-inner .product img {
    width: 64px;
    height: 64px
}

.product-mini-carousel .iherb-carousel-items .carousel-control {
    width: 25px;
    background: #fff;
    opacity: 1;
    text-shadow: none
}

.product-mini-carousel .iherb-carousel-items .carousel-control.right {
    /*!@noflip*/
    right: -20px;
    /*!@noflip*/
    left: auto
}

.product-mini-carousel .iherb-carousel-items .carousel-control.right .scroll-icon {
    /*!@noflip*/
    left: 0
}

.product-mini-carousel .iherb-carousel-items .carousel-control.left {
    /*!@noflip*/
    left: -20px
}

.product-mini-carousel .iherb-carousel-items .carousel-control.left .scroll-icon {
    /*!@noflip*/
    right: 0
}

.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -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: 20px;
    height: 32px;
    width: 32px;
    opacity: 1;
    background-color: #fff;
    border-radius: 50%
}

.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon.scroll-l {
    background-position: 0 0
}

.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon.scroll-r {
    background-position: -23px 0
}

.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon i {
    line-height: 1;
    font-size: 14px
}

.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon i.icon-recentlyviewedarrowright:before {
    content: "\e933";
    color: #333
}


.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon i.icon-recentlyviewedarrowleft:before {
    content: "\e932";
    color: #333
}


.product-mini-carousel .iherb-carousel-items .carousel-control:hover .scroll-icon {
    opacity: .9
}

.product-mini-carousel .iherb-carousel-items .carousel-control.right {
    right: -30px !important
}


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

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


.home-carousel-container {
    display: block !important
}

.dataError {
    font-size: 20px;
    text-align: center
}

.hp-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    width: 56px;
    z-index: 2
}

.hp-sidebar.end {
    top: auto;
    bottom: 0
}

.hp-sidebar.fixed {
    position: fixed;
    top: 60px;
    left: auto;
    right: auto;
    margin-left: -88px
}

.hp-sidebar .hp-sidebar-link {
    padding: 12px;
    border: solid 1px #e0e0e0;
    background-color: #fff;
    position: relative
}

.hp-sidebar .hp-sidebar-link .icon {
    width: 30px;
    height: 30px;
    fill: #666;
    stroke: #666;
    color: #666
}

.hp-sidebar .hp-sidebar-link .hp-sidebar-link-name {
    display: none;
    min-width: 140px;
    position: absolute;
    left: 100%;
    top: -1px;
    bottom: -1px;
    padding: 8px;
    color: #fff;
    font-size: 16px;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    text-decoration: none;
    overflow: hidden
}

.hp-sidebar .hp-sidebar-link:hover .hp-sidebar-link-name {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.home .hp-product-carousel#super-deals .product-price .product-discount-container>span {
    color: #000;
    display: none
}

.home #best-selling-categories {
    margin-top: 16px
}

.home #best-selling-categories .tabs {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.home #best-selling-categories .tabs .best-selling-available-category-tab {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 54px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-size: 16px;
    color: #333;
    border-right: none;
    line-height: 1;
    border-radius: 100px;
    border: solid 1px #ccc;
    margin-right: 8px;
    font-weight: 700;
    padding: 4px 12px
}

.home #best-selling-categories .tabs .best-selling-available-category-tab:hover {
    color: #000 !important;
    border: 1px solid #6b6b6b
}

.home #best-selling-categories .tabs .best-selling-available-category-tab.active {
    font-weight: 700;
    border: 1px solid #be986d;
    box-shadow: none;
    color: #be986d;
    background-color: #e5f8e6
}

@media (max-width:969px) {
    .home #best-selling-categories .tabs .best-selling-available-category-tab:nth-last-child(-n+1) {
        display: none
    }
}

@media (max-width:890px) {
    .home #best-selling-categories .tabs .best-selling-available-category-tab:nth-last-child(-n+2) {
        display: none
    }
}

@media (max-width:831px) {
    .home #best-selling-categories .tabs .best-selling-available-category-tab:nth-last-child(-n+3) {
        display: none
    }
}

@media (max-width:768px) {
    .home #best-selling-categories .tabs .best-selling-available-category-tab:nth-last-child(-n+4) {
        display: none
    }
}



.product-mini-carousel .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;
    height: 80px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #333
}

.product-mini-carousel .iherb-carousel-items {
    top: 5px
}

.product-mini-carousel .iherb-carousel-items .carousel-inner {
    min-height: 100px;
    max-height: 100px;
    overflow: hidden
}

.product-mini-carousel .iherb-carousel-items .carousel-inner .product {
    float: left;
    margin: 5px 0 15px;
    border: none
}

@media (min-width:1200px) {
    .product-mini-carousel .iherb-carousel-items .carousel-inner .product {
        width: 8.9%
    }
}

.product-mini-carousel .iherb-carousel-items .carousel-inner .product .product-inner {
    text-align: center
}

.product-mini-carousel .iherb-carousel-items .carousel-inner .product .product-inner a {
    text-decoration: none !important
}

.product-mini-carousel .iherb-carousel-items .carousel-inner .product img {
    width: 64px;
    height: 64px
}

.product-mini-carousel .iherb-carousel-items .carousel-control {
    width: 25px;
    background: #fff;
    opacity: 1;
    text-shadow: none
}

.product-mini-carousel .iherb-carousel-items .carousel-control.right {
    /*!@noflip*/
    right: -20px;
    /*!@noflip*/
    left: auto
}

.product-mini-carousel .iherb-carousel-items .carousel-control.right .scroll-icon {
    /*!@noflip*/
    left: 0
}

.product-mini-carousel .iherb-carousel-items .carousel-control.left {
    /*!@noflip*/
    left: -20px
}

.product-mini-carousel .iherb-carousel-items .carousel-control.left .scroll-icon {
    /*!@noflip*/
    right: 0
}

.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -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: 20px;
    height: 32px;
    width: 32px;
    opacity: 1;
    background-color: #fff;
    border-radius: 50%
}

.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon.scroll-l {
    background-position: 0 0
}

.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon.scroll-r {
    background-position: -23px 0
}

.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon i {
    line-height: 1;
    font-size: 14px
}

.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon i.icon-recentlyviewedarrowright:before {
    content: "\e933";
    color: #333
}

.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon i.icon-recentlyviewedarrowleft:before {
    content: "\e932";
    color: #333
}

.product-mini-carousel .iherb-carousel-items .carousel-control:hover .scroll-icon {
    opacity: .9
}

.product-mini-carousel .iherb-carousel-items .carousel-control.right {
    right: -30px !important
}


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

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

.product-mini-carousel .carousel {
    width: 100%
}

.product-mini-carousel .carousel #carousel-brands-of-the-week .carousel-inner {
    max-height: 80px;
    min-height: 80px;
    height: 80px
}

.product-mini-carousel .carousel #carousel-brands-of-the-week .carousel-inner .item.carouselRow .product-image img {
    max-width: 100%;
    border-radius: 8px
}

.product-mini-carousel .carousel #carousel-brands-of-the-week .carousel-control {
    width: 40px;
    padding: 0;
    opacity: 1;
    -moz-transition: ease-in .2s;
    transition: ease-in .2s;
    font-size: 40px;
    color: #333
}

.product-mini-carousel .carousel #carousel-brands-of-the-week .carousel-control .scroll-icon {
    background: 0 0
}

.product-mini-carousel .carousel #carousel-brands-of-the-week .carousel-control .icon-recentlyviewedarrowleft {
    width: 40px;
    height: 40px;
    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
}


.product-mini-carousel .carousel #carousel-brands-of-the-week .carousel-control .icon-recentlyviewedarrowright {
    width: 40px;
    height: 40px;
    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
}

.product-mini-carousel .carousel #carousel-brands-of-the-week .carousel-control i {
    background-color: #fff;
    border: solid 1px #ccc;
    border-radius: 50%;
    font-size: 18px;
    padding: 8px 14px;
    color: #6fa26b;
    position: relative
}

.product-mini-carousel .carousel #carousel-brands-of-the-week .carousel-control i:before {
    color: #333;
    width: 24px;
    height: 24px
}

.product-mini-carousel .carousel #carousel-brands-of-the-week .carousel-control i:hover {
    background-color: #f0f0f0
}

.product-mini-carousel .carousel #carousel-brands-of-the-week .carousel-control.right {
    right: -10px;
    left: auto
}

.product-mini-carousel .carousel #carousel-brands-of-the-week .carousel-control.left {
    left: -10px;
    right: auto
}

#carousel-category-pills {
    clear: both;
    top: 0
}

#carousel-category-pills .carousel-inner {
    min-height: auto;
    max-height: auto
}

#carousel-category-pills .carousel-control-left-button,
#carousel-category-pills .carousel-control-right-button {
    box-shadow: none;
    border: 3px solid #666;
    height: 30px;
    width: 30px;
    margin-top: -15px
}

.category-pill-carousel {
    margin: 1rem 0
}

.category-pill-carousel ul {
    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: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.category-pill-carousel ul li.product-inner {
    border: 1px solid #ccc;
    background: #f7f8f7;
    border-radius: 100px;
    margin-right: 5px;
    padding: 12px 20px
}

.category-pill-carousel ul li:hover {
    cursor: pointer;
    background: #6b6b6b
}

.category-pill-carousel ul li a {
    text-decoration: none;
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #333
}

.carousel-control-left-button,
.carousel-control-right-button {
    display: none;
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 48px;
    -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 #e0e0e0;
    background-color: #fff;
    cursor: pointer;
    top: 50%;
    z-index: 2
}

.carousel-control-left-button svg path,
.carousel-control-right-button svg path {
    fill: #333
}

.carousel-control-left-button {
    left: 0
}

.carousel-control-right-button {
    right: 0
}

#hp-selected-for-you #carousel-category-pills-slider-container {
    position: relative;
    margin: 0 0 0 16px;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

@media screen and (max-width:1515px) {
    #hp-selected-for-you #carousel-category-pills-slider-container {
        width: 90%
    }
}

#hp-selected-for-you #carousel-category-pills-slider {
    overflow: hidden;
    margin-right: auto;
    position: relative
}

#hp-selected-for-you #category-pills-list {
    min-height: 32px
}

#hp-selected-for-you .hp-module-title {
    font-size: 18px;
    font-weight: 700;
    width: 216px;
    min-width: 216px;
    max-width: 216px;
    padding-top: 0;
    color: #333
}

@media screen and (max-width:1515px) {
    #hp-selected-for-you .hp-module-title {
        margin-bottom: 16px;
        width: auto;
        max-width: none
    }
}

#hp-selected-for-you .selected-for-you-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: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 0;
    position: relative;
    align-items: center
}

@media screen and (max-width:1515px) {
    #hp-selected-for-you .selected-for-you-container {
        -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
    }
}

#hp-selected-for-you .product-inner {
    background-color: unset;
    border-radius: unset;
    padding: unset;
    border: 1px solid transparent
}

#hp-selected-for-you .product-inner a {
    background-color: #f7f8f7;
    width: 100%;
    white-space: nowrap;
    border: none;
    height: 48px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 20px;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100px;
    border: 1px solid transparent
}

#hp-selected-for-you .product-inner a:hover {
    border: 1px solid #6b6b6b
}

#hp-selected-for-you .product-inner a:focus {
    outline: 1px solid #126cc5;
    outline-offset: -1px
}

#hp-selected-for-you .carousel-control-right-button {
    width: 40px;
    height: 40px;
    border: 1px solid #ccc;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    right: -55px;
    display: none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    bottom: 0
}

#hp-selected-for-you .carousel-control-right-button:hover {
    background-color: #f0f0f0
}

@media screen and (max-width:1515px) {
    #hp-selected-for-you .carousel-control-right-button {
        right: -40px
    }
}

#hp-selected-for-you .carousel-control-left-button {
    height: 40px;
    width: 40px;
    border: 1px solid #ccc;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    left: -55px;
    right: 0;
    display: none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    bottom: 0
}

#hp-selected-for-you .carousel-control-left-button:hover {
    background-color: #f0f0f0
}

@media screen and (max-width:1515px) {
    #hp-selected-for-you .carousel-control-left-button {
        left: -40px
    }
}

#hp-selected-for-you svg {
    border-radius: 50px
}

#hp-selected-for-you svg path {
    fill: #333
}

.home .hp-module-background {
    background-color: #f7f8f7
}

.home .hp-module-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;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
    width: 100%;
    color: #333;
    height: 48px
}

.home .hp-module-title .title-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
}

.home .hp-module-title .title-wrapper svg {
    margin-right: 5px
}

.home .hp-module-title .title-wrapper svg #trendingicon {
    fill: #f38a00
}

.home .hp-module-title .title-wrapper svg #bestsellingicon {
    fill: #bd3c37
}

.home .hp-module-title .title-wrapper svg #trialicon {
    fill: #0039a6
}

.home .hp-module-title .title-wrapper .region-filter {
    margin-left: 16px
}

.home .hp-module-title .title-wrapper #popup-trending-link {
    margin-left: 8px;
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.home .hp-module-title.within {
    background-color: #fafafa;
    border-top: 4px solid #fafafa;
    padding: 12px 32px 8px;
    margin-bottom: -16px
}

.home .hp-module-title .view-all {
    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: #6fa26b;
    border-radius: 8px;
    padding: 6px 12px
}

.home .hp-module-title .view-all span {
    color: #fff;
    font-size: 14px;
    font-weight: 700
}



.hp-banners-v2:not(.using-banner-tool) img.html-disabled {
    margin-left: 0;
    left: 0
}

.hp-banners-v2 .hp-banners-container .hp-banner-left-arrow i,
.hp-banners-v2 .hp-banners-container .hp-banner-right-arrow i {
    font-size: 40px;
    color: #fff;
    opacity: .6
}

.hp-banners-v2 .hp-banners-container .hp-banner-left-arrow {
    left: 0
}

.hp-banners-v2 .hp-banners-container .hp-banner-right-arrow {
    right: 0
}

.hp-banners-v2 .hp-banners-container .hp-banner-pause-button {
    position: absolute;
    bottom: -3px;
    right: 5px;
    font-size: 26px;
    z-index: 201;
    color: #fff;
    cursor: pointer
}

.hp-banners-v2 .hp-banners-container .hp-banner-description {
    position: absolute;
    z-index: 100;
    left: 10%;
    top: 50px;
    max-width: 400px;
    max-height: 300px;
    overflow: hidden;
    text-align: left
}

@media (max-width:991px) {
    .hp-banners-v2 .hp-banners-container .hp-banner-description {
        /*!@noflip*/
        left: 3%
    }
}

.hp-banners-v2 .hp-banners-container .hp-banner-description .hp-banner-subtitle,
.hp-banners-v2 .hp-banners-container .hp-banner-description .hp-banner-title {
    line-height: 1.22
}

.hp-banners-v2 .hp-banners-container .hp-banner-description .hp-banner-title {
    font-weight: 700;
    font-size: 35px;
    color: #000
}

.hp-banners-v2 .hp-banners-container .hp-banner-description .hp-banner-subtitle {
    font-size: 65px;
    color: #f38a00
}

.hp-banners-v2 .hp-banners-container .hp-banner-description .hp-banner-subtext {
    margin-bottom: 10px;
    color: #666;
    font-size: 16px
}

.hp-banners-v2 .hp-banners-container .hp-banner-description .hp-banner-subtitle {
    max-height: 85px;
    overflow: hidden
}

.hp-banners-v2 .hp-banners-container .hp-banner-description .hp-banner-subtext,
.hp-banners-v2 .hp-banners-container .hp-banner-description .hp-banner-title {
    white-space: nowrap
}

.hp-banners-v2 .hp-banners-container .hp-banner-description .hp-banner-button {
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    padding: 8px 38px;
    color: #fff;
    background-color: #f38a00;
    border: 1px solid #f38a00;
    font-weight: 700;
    font-size: 16px
}

.hp-banners-v2 .hp-banners-container .hp-banner-description .hp-banner-bottom-text {
    margin-top: 20px;
    white-space: nowrap;
    overflow: hidden
}

.hp-banners-v2 .hp-banner-indicators {
    z-index: 200;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
    text-align: center;
    cursor: pointer
}

@media (max-width:1300px) {
    .hp-banners-v2 .hp-banner-indicators {
        display: none
    }
}

.hp-banners-v2 .hp-banner-indicators .hp-banner-indicator {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #8c8c8c;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    margin-left: 2px;
    margin-right: 2px;
    opacity: .6
}

.hp-banners-v2 .hp-banner-indicators .hp-banner-indicator.active {
    background-color: #fff;
    opacity: 1
}

.hp-banners-v2 .hp-banners-menu-row ul {
    box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, .24)
}

.hp-banners-v2 .hp-banners-menu-row ul li {
    padding: 15px;
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    max-width: 250px;
    min-width: 200px;
    color: #666;
    text-align: center;
    height: 50px;
    text-transform: uppercase;
    overflow: hidden
}

.hp-banners-v2 .hp-banners-menu-row ul li a {
    color: unset;
    text-decoration: none
}

.hp-banners-v2 .hp-banners-menu-row ul li.custom {
    padding: 4px
}

.hp-banners-v2 .hp-banners-menu-row ul li.custom span {
    white-space: nowrap
}

.hp-banners-v2 .hp-banners-menu-row ul li.custom span:last-child {
    display: block
}

.hp-banners-v2 .hp-banners-menu-row ul li.custom.active span:last-child {
    color: #f38a00;
    font-weight: 700
}

.hp-banners-v2 .hp-banners-menu-row .slick-current li {
    color: #000;
    border-bottom: 3px solid #f38a00;
    cursor: pointer
}

.hp-banners-v2 .hp-banners-menu-row .see-all-banners .icon-recentlyviewedarrowright {
    font-size: 14px;
    color: #999;
    position: relative;
    /*!@noflip*/
    left: 4px;
    top: 1px
}

.hp-banners-v2 .hp-banners-menu-row .see-all-banners {
    font-weight: 700;
    color: #0039a6
}

.hp-banners-v2 .hp-banners-menu-row .see-all-banners.row-see-all {
    display: none
}

@media (max-width:1024px) {
    .hp-banners-v2 .hp-banners-menu-row .see-all-banners.see-all {
        display: none
    }

    .hp-banners-v2 .hp-banners-menu-row .see-all-banners.row-see-all {
        display: block;
        margin: 15px 0;
        font-size: 14px
    }

    .hp-banners-v2 .hp-banners-menu-row .see-all-banners.row-see-all span {
        cursor: pointer
    }
}

.hp-banners-v2 .hp-banners-menu-row {
    position: relative;
    width: 50%;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
    z-index: 115;
    display: block;
    bottom: 25px;
    margin-bottom: -25px;
    overflow: hidden
}



.hp-banners-v2 .hp-banners-menu-row ul li {
    box-shadow: 2px 3px 3px 0 rgba(248, 242, 242, .24);
    display: inline-block;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    font-size: 14px
}

.hp-banners-v2 .hp-banners-menu-row ul li:first-child {
    border-left: 1px solid #e0e0e0
}

.hp-banners-v2 .hp-banners a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 101
}

.hp-banners-v2 .hp-banners .hp-banner-timer .days,
.hp-banners-v2 .hp-banners .hp-banner-timer .days-title,
.hp-banners-v2 .hp-banners .hp-banner-timer .hours,
.hp-banners-v2 .hp-banners .hp-banner-timer .hours-title,
.hp-banners-v2 .hp-banners .hp-banner-timer .minutes,
.hp-banners-v2 .hp-banners .hp-banner-timer .minutes-title {
    font-weight: 700
}

.hp-banners-v2 .hp-banners>.hp-banner-timer {
    position: absolute;
    right: 60px;
    bottom: 40px;
    font-size: 16px
}

.hp-banners-v2 .hp-banners-popup {
    display: none;
    position: fixed;
    margin: auto;
    z-index: 1500;
    top: 50%;
    /*!@noflip*/
    left: 50%;
    padding: 20px 20px 0 20px;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 800px;
    overflow: auto;
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .24)
}

.hp-banners-v2 .hp-banners-popup .hp-banner-popup {
    margin-bottom: 20px
}

.hp-banners-v2 .hp-banners-popup .hp-banner-description {
    position: absolute;
    z-index: 50;
    /*!@noflip*/
    left: 50px;
    top: 15px
}

.hp-banners-v2 .hp-banners-popup .hp-banner-description .hp-banner-title {
    font-size: 15px
}

.hp-banners-v2 .hp-banners-popup .hp-banner-description .hp-banner-subtitle {
    font-size: 15px
}

.hp-banners-v2 .hp-banners-popup .hp-banner-description .hp-banner-subtext {
    font-size: 10px
}

.hp-banners-v2 .hp-banners-popup .hp-banner-description .hp-banner-button {
    border-radius: 4px;
    text-align: center;
    padding: 6px;
    color: #fff;
    background-color: #f38a00;
    border: 1px solid #f38a00;
    font-weight: 700;
    font-size: 14px;
    margin-top: 10px;
    display: inline-block
}

.hp-banners-v2 .hp-banners-popup .hp-banner-description .hp-banner-button.hide {
    display: none
}

.hp-banners-v2 .hp-banners-popup .hp-banner-description .hp-banner-bottom-text {
    font-size: 10px;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden
}

.hp-banners-v2 .hp-banners-popup .hp-banners {
    position: relative;
    display: block !important;
    width: 700px;
    margin-bottom: 20px
}

.hp-banners-v2 .hp-banners-popup .hp-banners img {
    position: relative;
    display: block;
    max-width: 100%;
    height: auto
}

.hp-banners-v2 .hp-banners-popup .banner-popup-close {
    position: absolute;
    /*!@noflip*/
    right: 4px;
    top: 2px;
    font-size: 16px;
    cursor: pointer
}

.hp-banners-v2 .hp-banners-popup .banner-popup-close i {
    color: #999
}

@media (max-width:1097px) {
    .hp-banners-v2 .hp-banners-container .hp-banner-pause-button {
        bottom: 22px
    }
}

.quiz-pop-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    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;
    z-index: 9999
}

.getting-start-icon {
    width: 120px;
    height: 120px;
    margin-bottom: 16px;
    margin-top: 64px
}

.getting-start-icon.login {
    margin-top: 96px
}

.getting-start-title {
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: 700;
    color: #333
}

.getting-start-sub-title {
    font-size: 14px;
    color: #333;
    padding: 0 24px;
    text-align: center
}

.getting-start-hint {
    font-size: 12px;
    color: #999;
    margin-top: 16px;
    padding: 0 24px
}

.getting-start-hint .getting-start-policy {
    text-decoration: underline;
    cursor: pointer
}

.getting-start-do-it-later {
    text-decoration: underline;
    color: #be986d;
    font-size: 14px;
    cursor: pointer
}

.getting-start-bottom {
    position: absolute;
    bottom: 24px;
    right: 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: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.getting-start-button.login {
    margin-left: 24px;
    min-width: 133px
}

.getting-start-button.login-and-continue {
    min-width: 358px;
    margin: 16px 0
}

.getting-start-container {
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    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
}

.on-boarding-button {
    position: absolute;
    bottom: 24px;
    right: 24px;
    min-width: 133px
}

.on-boarding-welcom {
    font-size: 18px;
    color: #333;
    margin-top: 128px;
    font-weight: 700;
    margin-bottom: 24px
}

.on-boarding-item {
    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;
    margin-bottom: 24px;
    padding: 0 24px
}

.on-boarding-item-img {
    width: 50px;
    height: 48px;
    margin-right: 15px
}

.on-boarding-item-text {
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.on-boarding-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-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.quiz-recommend-pop {
    display: none;
    padding: 16px;
    max-width: 280px;
    position: absolute;
    top: 70px;
    left: 0;
    background-color: #666;
    border-radius: 4px;
    z-index: 50
}

.quiz-recommend-pop-hint {
    color: #fff;
    font-size: 12px
}

.quiz-recommend-pop-bottom {
    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-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 8px
}

.quiz-recommend-pop-no-thanks {
    font-size: 14px;
    color: #fff;
    text-decoration: underline;
    cursor: pointer
}

.quiz-recommend-pop-get-started {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    margin-left: 16px
}

.quiz-recommend-pop-arrow-up {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #666;
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -3px
}

.quiz-container {
    width: 480px;
    position: relative;
    height: auto;
    min-height: 560px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 24px;
    background-color: #fff;
    border-radius: 8px;
    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
}

.quiz-container .quiz-icon {
    position: absolute;
    top: 16px;
    width: 24px;
    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;
    cursor: pointer
}

.quiz-container .quiz-icon-back {
    left: 16px
}

.quiz-container .quiz-icon-close {
    right: 16px
}

#recently-viewed-footer {
    margin-bottom: 25px
}

#recently-viewed-footer .title {
    position: relative;
    top: 15px;
    font-size: 20px;
    height: 100px;
    color: #333
}

#recently-viewed-footer .carousel-control {
    top: 25px
}

#iherb-homepage .recently-viewed-products,
footer .recently-viewed-products {
    margin-bottom: 0;
    margin-top: 50px;
    overflow: hidden
}

#iherb-homepage .recently-viewed-products .recently-viewed-carousel-container,
footer .recently-viewed-products .recently-viewed-carousel-container {
    background-color: #fff
}

#iherb-homepage .recently-viewed-products.product-mini-carousel .iherb-carousel-items .product-inner,
footer .recently-viewed-products.product-mini-carousel .iherb-carousel-items .product-inner {
    padding: 0
}

#iherb-homepage .recently-viewed-products.product-mini-carousel .iherb-carousel-items .product,
footer .recently-viewed-products.product-mini-carousel .iherb-carousel-items .product {
    margin: 0;
    padding: 0
}

#iherb-homepage .recently-viewed-products.product-mini-carousel .iherb-carousel-items .product img,
footer .recently-viewed-products.product-mini-carousel .iherb-carousel-items .product img {
    width: 96px;
    height: 96px
}

#iherb-homepage .recently-viewed-products.product-mini-carousel .iherb-carousel-items .carousel-control,
footer .recently-viewed-products.product-mini-carousel .iherb-carousel-items .carousel-control {
    width: 40px;
    padding: 0;
    opacity: 1;
    -moz-transition: ease-in .2s;
    transition: ease-in .2s;
    font-size: 40px;
    color: #333
}

#iherb-homepage .recently-viewed-products.product-mini-carousel .iherb-carousel-items .carousel-control.right,
footer .recently-viewed-products.product-mini-carousel .iherb-carousel-items .carousel-control.right {
    right: -12px !important
}

#iherb-homepage .recently-viewed-products.product-mini-carousel .iherb-carousel-items .carousel-control.left,
footer .recently-viewed-products.product-mini-carousel .iherb-carousel-items .carousel-control.left {
    left: -20px !important
}

#iherb-homepage .recently-viewed-products.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon,
footer .recently-viewed-products.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon {
    margin-top: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    width: 40px;
    height: 40px
}

#iherb-homepage .recently-viewed-products.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon .icon-recentlyviewedarrowleft,
footer .recently-viewed-products.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon .icon-recentlyviewedarrowleft {
    width: 40px;
    height: 40px;
    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;
    border: 1px solid #ccc;
    border-radius: 99px
}


#iherb-homepage .recently-viewed-products.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon .icon-recentlyviewedarrowright,
footer .recently-viewed-products.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon .icon-recentlyviewedarrowright {
    width: 40px;
    height: 40px;
    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;
    border: 1px solid #ccc;
    border-radius: 99px
}


#iherb-homepage .recently-viewed-products .row,
footer .recently-viewed-products .row {
    margin: 0;
    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
}

#iherb-homepage .recently-viewed-products .title-container,
footer .recently-viewed-products .title-container {
    width: 216px
}

#iherb-homepage .recently-viewed-products .recently-viewed-carousel-container,
footer .recently-viewed-products .recently-viewed-carousel-container {
    padding: 0 16px;
    margin-left: 16px;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0
}

html.home #recently-viewed-footer .title,
html.productdetails #recently-viewed-footer .title {
    top: 0
}

html.productdetails #recently-viewed-footer .carousel-control {
    top: 0
}

.carousel-control-left-button,
.carousel-control-right-button {
    display: none;
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 48px;
    -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 #e0e0e0;
    background-color: #fff;
    cursor: pointer;
    top: 50%;
    z-index: 2
}

.carousel-control-left-button svg path,
.carousel-control-right-button svg path {
    fill: #333
}

.carousel-control-left-button {
    left: 0
}

.carousel-control-right-button {
    right: 0
}

#hp-module-shop-by-category {
    position: relative;
    margin-top: 0 !important
}

#hp-module-shop-by-category .container {
    padding-left: 0;
    padding-right: 0
}

#hp-module-shop-by-category .shop-by-category-container {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width:1400px) {
    #hp-module-shop-by-category .shop-by-category-container {
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

#hp-module-shop-by-category .shop-by-category-container .shop-by-category-title {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 16px;
    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
}

@media screen and (max-width:1400px) {
    #hp-module-shop-by-category .shop-by-category-container .shop-by-category-title {
        margin-bottom: 16px
    }
}

#hp-module-shop-by-category .shop-by-category-container .shop-by-category-slider-container {
    position: relative;
    width: 100%
}

#hp-module-shop-by-category .shop-by-category-container .shop-by-category-slider-container .shop-by-category-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto
}

@media screen and (max-width:1200px) {
    #hp-module-shop-by-category .shop-by-category-container .shop-by-category-slider-container .shop-by-category-slider {
        width: 90%
    }
}

#hp-module-shop-by-category .shop-by-category-container .shop-by-category-list {
    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;
    width: 100%
}

#hp-module-shop-by-category .shop-by-category-container .shop-by-category-list .shop-by-category-item {
    max-width: 144px
}

#hp-module-shop-by-category .shop-by-category-container .shop-by-category-list .shop-by-category-item a.shop-by-category-link {
    text-align: center
}

#hp-module-shop-by-category .shop-by-category-container .shop-by-category-list .shop-by-category-item a.shop-by-category-link:hover {
    text-decoration: none
}

#hp-module-shop-by-category .shop-by-category-container .shop-by-category-list .shop-by-category-item .shop-by-category-image-container {
    background: #f5f5f5;
    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;
    width: 144px;
    height: 144px
}

#hp-module-shop-by-category .shop-by-category-container .shop-by-category-list .shop-by-category-item .shop-by-category-image-container img {
    max-width: 96px
}

#hp-module-shop-by-category .shop-by-category-container .shop-by-category-list .shop-by-category-item .shop-by-category-item-label {
    color: #333;
    font-size: 16px;
    margin-top: 4px;
    font-weight: 700;
    display: block
}

#hp-module-shop-by-health-topic {
    position: relative
}

#hp-module-shop-by-health-topic .container {
    padding-left: 0;
    padding-right: 0
}

#hp-module-shop-by-health-topic .shop-by-health-topic-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: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 0;
    position: relative
}

@media screen and (max-width:1400px) {
    #hp-module-shop-by-health-topic .shop-by-health-topic-container {
        -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
    }
}

#hp-module-shop-by-health-topic .shop-by-health-topic-container .shop-by-health-topic-title {
    font-size: 18px;
    width: 20%;
    color: #333;
    font-weight: 700
}

@media screen and (max-width:1400px) {
    #hp-module-shop-by-health-topic .shop-by-health-topic-container .shop-by-health-topic-title {
        margin-bottom: 16px;
        width: 100%
    }
}

#hp-module-shop-by-health-topic .shop-by-health-topic-container .shop-by-health-topic-slider-container {
    position: relative;
    width: 80%
}

@media screen and (max-width:1400px) {
    #hp-module-shop-by-health-topic .shop-by-health-topic-container .shop-by-health-topic-slider-container {
        width: 100%
    }
}

#hp-module-shop-by-health-topic .shop-by-health-topic-container .shop-by-health-topic-slider-container .shop-by-health-topic-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto
}

@media screen and (max-width:1200px) {
    #hp-module-shop-by-health-topic .shop-by-health-topic-container .shop-by-health-topic-slider-container .shop-by-health-topic-slider {
        width: 90%
    }
}

#hp-module-shop-by-health-topic .shop-by-health-topic-container .shop-by-health-topic-list {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#hp-module-shop-by-health-topic .shop-by-health-topic-container .shop-by-health-topic-list .shop-by-health-topic-item {
    max-width: 105px;
    margin-right: 23px
}

#hp-module-shop-by-health-topic .shop-by-health-topic-container .shop-by-health-topic-list .shop-by-health-topic-item a.shop-by-health-topic-link {
    text-align: center
}

#hp-module-shop-by-health-topic .shop-by-health-topic-container .shop-by-health-topic-list .shop-by-health-topic-item a.shop-by-health-topic-link:hover {
    text-decoration: none
}

#hp-module-shop-by-health-topic .shop-by-health-topic-container .shop-by-health-topic-list .shop-by-health-topic-item:last-child {
    margin-right: 0
}

#hp-module-shop-by-health-topic .shop-by-health-topic-container .shop-by-health-topic-list .shop-by-health-topic-item:last-child .shop-by-health-topic-image-container {
    border: 1px solid #e0e0e0;
    background: #fff
}

#hp-module-shop-by-health-topic .shop-by-health-topic-container .shop-by-health-topic-list .shop-by-health-topic-item .shop-by-health-topic-image-container {
    background: #f5f5f5;
    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;
    width: 105px;
    height: 105px
}

#hp-module-shop-by-health-topic .shop-by-health-topic-container .shop-by-health-topic-list .shop-by-health-topic-item .shop-by-health-topic-image-container img {
    max-width: 50px
}

#hp-module-shop-by-health-topic .shop-by-health-topic-container .shop-by-health-topic-list .shop-by-health-topic-item .shop-by-health-topic-item-label {
    color: #333;
    font-size: 14px;
    margin-top: 4px;
    font-weight: 700;
    display: block
}


.product-mini-carousel .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;
    height: 80px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #333
}

.product-mini-carousel .iherb-carousel-items {
    top: 5px
}

.product-mini-carousel .iherb-carousel-items .carousel-inner {
    min-height: 100px;
    max-height: 100px;
    overflow: hidden
}

.product-mini-carousel .iherb-carousel-items .carousel-inner .product {
    float: left;
    margin: 5px 0 15px;
    border: none
}

@media (min-width:1200px) {
    .product-mini-carousel .iherb-carousel-items .carousel-inner .product {
        width: 8.9%
    }
}

.product-mini-carousel .iherb-carousel-items .carousel-inner .product .product-inner {
    text-align: center
}

.product-mini-carousel .iherb-carousel-items .carousel-inner .product .product-inner a {
    text-decoration: none !important
}

.product-mini-carousel .iherb-carousel-items .carousel-inner .product img {
    width: 64px;
    height: 64px
}

.product-mini-carousel .iherb-carousel-items .carousel-control {
    width: 25px;
    background: #fff;
    opacity: 1;
    text-shadow: none
}

.product-mini-carousel .iherb-carousel-items .carousel-control.right {
    /*!@noflip*/
    right: -20px;
    /*!@noflip*/
    left: auto
}

.product-mini-carousel .iherb-carousel-items .carousel-control.right .scroll-icon {
    /*!@noflip*/
    left: 0
}

.product-mini-carousel .iherb-carousel-items .carousel-control.left {
    /*!@noflip*/
    left: -20px
}

.product-mini-carousel .iherb-carousel-items .carousel-control.left .scroll-icon {
    /*!@noflip*/
    right: 0
}

.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -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: 20px;
    height: 32px;
    width: 32px;
    opacity: 1;
    background-color: #fff;
    border-radius: 50%
}

.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon.scroll-l {
    background-position: 0 0
}

.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon.scroll-r {
    background-position: -23px 0
}

.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon i {
    line-height: 1;
    font-size: 14px
}

.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon i.icon-recentlyviewedarrowright:before {
    content: "\e933";
    color: #333
}



.product-mini-carousel .iherb-carousel-items .carousel-control .scroll-icon i.icon-recentlyviewedarrowleft:before {
    content: "\e932";
    color: #333
}


.product-mini-carousel .iherb-carousel-items .carousel-control:hover .scroll-icon {
    opacity: .9
}

.product-mini-carousel .iherb-carousel-items .carousel-control.right {
    right: -30px !important
}


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

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

.product-mini-carousel .carousel {
    width: 100%
}

.product-mini-carousel .carousel #carousel-brands-of-the-week .carousel-inner {
    max-height: 80px;
    min-height: 80px;
    height: 80px
}

.product-mini-carousel .carousel #carousel-brands-of-the-week .carousel-inner .item.carouselRow .product-image img {
    max-width: 100%;
    border-radius: 8px
}

.product-mini-carousel .carousel #carousel-brands-of-the-week .carousel-control {
    width: 40px;
    padding: 0;
    opacity: 1;
    -moz-transition: ease-in .2s;
    transition: ease-in .2s;
    font-size: 40px;
    color: #333
}

.product-mini-carousel .carousel #carousel-brands-of-the-week .carousel-control .scroll-icon {
    background: 0 0
}

.product-mini-carousel .carousel #carousel-brands-of-the-week .carousel-control .icon-recentlyviewedarrowleft {
    width: 40px;
    height: 40px;
    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
}

.product-mini-carousel .carousel #carousel-brands-of-the-week .carousel-control .icon-recentlyviewedarrowright {
    width: 40px;
    height: 40px;
    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
}


.product-mini-carousel .carousel #carousel-brands-of-the-week .carousel-control i {
    background-color: #fff;
    border: solid 1px #ccc;
    border-radius: 50%;
    font-size: 18px;
    padding: 8px 14px;
    color: #6fa26b;
    position: relative
}

.product-mini-carousel .carousel #carousel-brands-of-the-week .carousel-control i:before {
    color: #333;
    width: 24px;
    height: 24px
}

.product-mini-carousel .carousel #carousel-brands-of-the-week .carousel-control i:hover {
    background-color: #f0f0f0
}

.product-mini-carousel .carousel #carousel-brands-of-the-week .carousel-control.right {
    right: -10px;
    left: auto
}

.product-mini-carousel .carousel #carousel-brands-of-the-week .carousel-control.left {
    left: -10px;
    right: auto
}

section.brands-of-the-week {
    background: #c8e6c9;
    padding: 32px 0;
    display: none
}

section.brands-of-the-week .brands-of-the-week-content {
    text-align: center
}

section.brands-of-the-week .brands-of-the-week-content h3.title {
    color: #333;
    font-size: 24px
}

section.brands-of-the-week .brands-of-the-week-content a.brands-of-the-week-link {
    text-decoration: none;
    color: #333;
    border: 1px solid #7d7d92;
    padding: 4px 16px;
    font-size: 14px;
    border-radius: 8px;
    font-weight: 700;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    margin: 16px auto 0 auto;
    display: block
}

section.brands-of-the-week .brands-of-the-week-content .product-mini-carousel .iherb-carousel-items .carousel-control.left {
    left: -30px
}

section.brands-of-the-week .brands-of-the-week-content #carousel-brands-of-the-week.iherb-carousel-items .carousel-control {
    background-color: #f7f8f700 !important
}

section.brands-of-the-week .brands-of-the-week-content #carousel-brands-of-the-week.iherb-carousel-items .carousel-control .transitionIcon {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

section.brands-of-the-week .brands-of-the-week-content #carousel-brands-of-the-week.iherb-carousel-items .carousel-inner .product {
    margin-top: 13px;
    padding: 0 4px
}

section.brands-of-the-week .brands-of-the-week-content #carousel-brands-of-the-week.iherb-carousel-items .carousel-inner .product .product-inner {
    width: 120px;
    height: 56px;
    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: #fff;
    border: 1px solid #7d7d92;
    border-radius: 8px
}

section.brands-of-the-week .brands-of-the-week-content #carousel-brands-of-the-week.iherb-carousel-items .carousel-inner .product .product-inner .product-image {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

section.brands-of-the-week .brands-of-the-week-content #carousel-brands-of-the-week.iherb-carousel-items .carousel-inner .product .product-inner .product-image img {
    width: 104px;
    height: 40px;
    border-radius: 0;
    -o-object-fit: contain;
    object-fit: contain;
    overflow: hidden
}

.brands-of-the-week {
    background-color: #f7f8f7 !important;
    padding: 0 !important
}

.brands-of-the-week .container-fluid {
    padding: 32px 0 !important
}

.brands-of-the-week .container-fluid .carousel-container {
    padding-top: 8px
}

.brands-of-the-week .brands-of-the-week-products {
    position: relative
}

.brands-of-the-week .brands-of-the-week-products .container-fluid {
    padding: 0 !important
}

.brands-of-the-week .hp-module-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;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto
}

.brands-of-the-week .hp-module-title span {
    width: 100%
}

.brands-of-the-week .title-container {
    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;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 48px
}

.brands-of-the-week .title {
    font-size: 18px !important
}

.brands-of-the-week .brands-of-the-week-content {
    text-align: left !important;
    position: relative
}

.brands-of-the-week .offer-ends {
    color: #666 !important;
    font-size: 16px !important
}

.brands-of-the-week .carouselRow {
    position: relative !important;
    left: 2px !important
}

.brands-of-the-week .carousel-control {
    background-color: #f7f8f700 !important
}

.brands-of-the-week .icon-recentlyviewedarrowleft,
.brands-of-the-week .icon-recentlyviewedarrowright {
    top: -3px
}

.brands-of-the-week #carousel-brands-of-the-week {
    top: 0
}

.brands-of-the-week #carousel-brands-of-the-week #brands-of-the-week-inner {
    height: 56px !important;
    max-height: unset !important;
    min-height: unset !important
}

.brands-of-the-week #carousel-brands-of-the-week .product {
    margin: 0 !important
}

.brands-of-the-week #carousel-brands-of-the-week .product-inner {
    padding: 8px;
    border: 1px solid #e0e0e0 !important
}

.brands-of-the-week #carousel-brands-of-the-week .product-inner .product-image {
    margin-bottom: 0
}

.brands-of-the-week #carousel-brands-of-the-week .product-inner:hover {
    border: 1px solid #999 !important
}

.brands-of-the-week .hp-module-title {
    padding-top: 0 !important
}

#iherb-homepage .container-fluid {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 32px
}

@media (max-width:1439px) {
    #iherb-homepage .container-fluid {
        padding: 0 15px !important
    }
}

#iherb-homepage .hp-module-title a.view-all {
    border-radius: 6px;
    height: 32px
}

@-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)
    }
}

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

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

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

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

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

.btn.btn-full {
    width: 100%
}

.btn-link {
    color: #0039a6;
    font-weight: 400;
    border-radius: 0;
    font-size: 14px;
    padding: 0;
    border: 0;
    margin-bottom: 1px
}

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

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

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

.btn-link .btn-full {
    width: 100%
}

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

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

.inline-btn .btn {
    margin-right: 10px
}

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

.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.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
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default: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
}

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

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.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
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary: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
}

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

.btn-secondary.active,
.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary:focus,
.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
}

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

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

.btn-disabled.active,
.btn-disabled.focus,
.btn-disabled:active,
.btn-disabled:focus,
.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
}

.btn-disabled.disabled,
.btn-disabled.disabled.active,
.btn-disabled.disabled.focus,
.btn-disabled.disabled:active,
.btn-disabled.disabled:focus,
.btn-disabled.disabled:hover,
.btn-disabled[disabled],
.btn-disabled[disabled].active,
.btn-disabled[disabled].focus,
.btn-disabled[disabled]:active,
.btn-disabled[disabled]:focus,
.btn-disabled[disabled]:hover,
fieldset[disabled] .btn-disabled,
fieldset[disabled] .btn-disabled.active,
fieldset[disabled] .btn-disabled.focus,
fieldset[disabled] .btn-disabled:active,
fieldset[disabled] .btn-disabled:focus,
fieldset[disabled] .btn-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
}

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

.btn-ghost-primary.active,
.btn-ghost-primary.focus,
.btn-ghost-primary:active,
.btn-ghost-primary:focus,
.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
}

.btn-ghost-primary.disabled,
.btn-ghost-primary.disabled.active,
.btn-ghost-primary.disabled.focus,
.btn-ghost-primary.disabled:active,
.btn-ghost-primary.disabled:focus,
.btn-ghost-primary.disabled:hover,
.btn-ghost-primary[disabled],
.btn-ghost-primary[disabled].active,
.btn-ghost-primary[disabled].focus,
.btn-ghost-primary[disabled]:active,
.btn-ghost-primary[disabled]:focus,
.btn-ghost-primary[disabled]:hover,
fieldset[disabled] .btn-ghost-primary,
fieldset[disabled] .btn-ghost-primary.active,
fieldset[disabled] .btn-ghost-primary.focus,
fieldset[disabled] .btn-ghost-primary:active,
fieldset[disabled] .btn-ghost-primary:focus,
fieldset[disabled] .btn-ghost-primary: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
}

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

.btn-ghost-primary-darker.active,
.btn-ghost-primary-darker.focus,
.btn-ghost-primary-darker:active,
.btn-ghost-primary-darker:focus,
.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
}

.btn-ghost-primary-darker.disabled,
.btn-ghost-primary-darker.disabled.active,
.btn-ghost-primary-darker.disabled.focus,
.btn-ghost-primary-darker.disabled:active,
.btn-ghost-primary-darker.disabled:focus,
.btn-ghost-primary-darker.disabled:hover,
.btn-ghost-primary-darker[disabled],
.btn-ghost-primary-darker[disabled].active,
.btn-ghost-primary-darker[disabled].focus,
.btn-ghost-primary-darker[disabled]:active,
.btn-ghost-primary-darker[disabled]:focus,
.btn-ghost-primary-darker[disabled]:hover,
fieldset[disabled] .btn-ghost-primary-darker,
fieldset[disabled] .btn-ghost-primary-darker.active,
fieldset[disabled] .btn-ghost-primary-darker.focus,
fieldset[disabled] .btn-ghost-primary-darker:active,
fieldset[disabled] .btn-ghost-primary-darker:focus,
fieldset[disabled] .btn-ghost-primary-darker: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
}

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

.btn-ghost-info.active,
.btn-ghost-info.focus,
.btn-ghost-info:active,
.btn-ghost-info:focus,
.btn-ghost-info:hover {
    color: #0039a6;
    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
}

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

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

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

.btn-outline:focus {
    outline: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.badge:empty {
    display: none
}

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

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

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #0039a6;
    background-color: #fff
}

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

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

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

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

.badge.badge-danger {
    background-color: #f10200
}

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

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

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

.no-rating {
    height: 19px
}

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

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

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

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

.rating a:hover {
    text-decoration: none
}

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

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

.rating .stars .stars-rating path {
    fill: #fac627
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.catalog-alerts-v2 .alert .alert-content-success {
    background: #be986d
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gh-dropdown {
    position: relative
}

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

.gh-dropdown .gh-dropdown-menu:focus {
    outline: 0
}

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

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

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

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

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

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

.input-error .gh-error-icon {
    display: block
}

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

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

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

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

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

.gh-toast.gh-toast-success {
    background-color: #be986d;
    color: #fff
}

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

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

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

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

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

.gh-toast .gh-toast-close {
    cursor: pointer
}

.gh-overflow-unset {
    overflow: unset !important
}

.gh-checkbox-label {
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.gh-checkbox {
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 8px
}

.gh-checkbox>svg {
    display: none;
    width: 17px;
    height: 16px;
    fill: #fff;
    stroke: #fff
}

.gh-checkbox-input {
    visibility: hidden;
    position: absolute;
    pointer-events: none
}

.gh-checkbox-input:checked+.gh-checkbox {
    background-color: #6fa26b;
    border-color: #6fa26b
}

.gh-checkbox-input:checked+.gh-checkbox>svg {
    display: block
}

.font-branded {
    line-height: 1.42857
}

.zh .font-branded {
    font-size: 15px
}

.zh body {
    font-size: 15px
}

.prohibited-404 {
    margin: 89px;
    color: #333
}

.prohibited-404 .container {
    text-align: center
}

.prohibited-404 .prohibited-tag {
    margin-bottom: 32px;
    width: 120px;
    height: 120px
}

.prohibited-404 .content {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px
}

/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

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

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.prohibited-404 .content .cf-error-details {
    display: none
}

.prohibited-404 .tips {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px
}

.prohibited-404 .return-links {
    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-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.prohibited-404 .return-links a {
    background-color: #6fa26b;
    border-radius: 8px;
    display: block;
    width: 343px;
    height: 48px;
    line-height: 48px;
    font-weight: 700;
    color: #fff;
    font-size: 16px
}

.prohibited-404 .return-links a:hover {
    text-decoration: none
}

.prohibited-404 #product-similar-items-to-consider {
    margin-top: 84px;
    text-align: initial
}

@-webkit-keyframes falling1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0);
        transform: translate3d(0, 0, 0) rotate(0)
    }

    100% {
        -webkit-transform: translate3d(100px, 250px, 0) rotate(180deg);
        transform: translate3d(100px, 250px, 0) rotate(180deg);
        opacity: 0
    }
}

@-moz-keyframes falling1 {
    0% {
        -moz-transform: translate3d(0, 0, 0) rotate(0);
        transform: translate3d(0, 0, 0) rotate(0)
    }

    100% {
        -moz-transform: translate3d(100px, 250px, 0) rotate(180deg);
        transform: translate3d(100px, 250px, 0) rotate(180deg);
        opacity: 0
    }
}

@keyframes falling1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0);
        -moz-transform: translate3d(0, 0, 0) rotate(0);
        transform: translate3d(0, 0, 0) rotate(0)
    }

    100% {
        -webkit-transform: translate3d(100px, 250px, 0) rotate(180deg);
        -moz-transform: translate3d(100px, 250px, 0) rotate(180deg);
        transform: translate3d(100px, 250px, 0) rotate(180deg);
        opacity: 0
    }
}

@-webkit-keyframes falling2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0);
        transform: translate3d(0, 0, 0) rotate(0)
    }

    100% {
        -webkit-transform: translate3d(-150px, 200px, 0) rotate(360deg);
        transform: translate3d(-150px, 200px, 0) rotate(360deg);
        opacity: 0
    }
}

@-moz-keyframes falling2 {
    0% {
        -moz-transform: translate3d(0, 0, 0) rotate(0);
        transform: translate3d(0, 0, 0) rotate(0)
    }

    100% {
        -moz-transform: translate3d(-150px, 200px, 0) rotate(360deg);
        transform: translate3d(-150px, 200px, 0) rotate(360deg);
        opacity: 0
    }
}

@keyframes falling2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0);
        -moz-transform: translate3d(0, 0, 0) rotate(0);
        transform: translate3d(0, 0, 0) rotate(0)
    }

    100% {
        -webkit-transform: translate3d(-150px, 200px, 0) rotate(360deg);
        -moz-transform: translate3d(-150px, 200px, 0) rotate(360deg);
        transform: translate3d(-150px, 200px, 0) rotate(360deg);
        opacity: 0
    }
}

@-webkit-keyframes falling3 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0);
        transform: translate3d(0, 0, 0) rotate(0)
    }

    100% {
        -webkit-transform: translate3d(36px, 200px, 0) rotate(360deg);
        transform: translate3d(36px, 200px, 0) rotate(360deg);
        opacity: 0
    }
}

@-moz-keyframes falling3 {
    0% {
        -moz-transform: translate3d(0, 0, 0) rotate(0);
        transform: translate3d(0, 0, 0) rotate(0)
    }

    100% {
        -moz-transform: translate3d(36px, 200px, 0) rotate(360deg);
        transform: translate3d(36px, 200px, 0) rotate(360deg);
        opacity: 0
    }
}

@keyframes falling3 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0);
        -moz-transform: translate3d(0, 0, 0) rotate(0);
        transform: translate3d(0, 0, 0) rotate(0)
    }

    100% {
        -webkit-transform: translate3d(36px, 200px, 0) rotate(360deg);
        -moz-transform: translate3d(36px, 200px, 0) rotate(360deg);
        transform: translate3d(36px, 200px, 0) rotate(360deg);
        opacity: 0
    }
}

@-webkit-keyframes falling4 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0);
        transform: translate3d(0, 0, 0) rotate(0)
    }

    100% {
        -webkit-transform: translate3d(-36px, 200px, 0) rotate(360deg);
        transform: translate3d(-36px, 200px, 0) rotate(360deg);
        opacity: 0
    }
}

@-moz-keyframes falling4 {
    0% {
        -moz-transform: translate3d(0, 0, 0) rotate(0);
        transform: translate3d(0, 0, 0) rotate(0)
    }

    100% {
        -moz-transform: translate3d(-36px, 200px, 0) rotate(360deg);
        transform: translate3d(-36px, 200px, 0) rotate(360deg);
        opacity: 0
    }
}

@keyframes falling4 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) rotate(0);
        -moz-transform: translate3d(0, 0, 0) rotate(0);
        transform: translate3d(0, 0, 0) rotate(0)
    }

    100% {
        -webkit-transform: translate3d(-36px, 200px, 0) rotate(360deg);
        -moz-transform: translate3d(-36px, 200px, 0) rotate(360deg);
        transform: translate3d(-36px, 200px, 0) rotate(360deg);
        opacity: 0
    }
}

#error-page-404 {
    padding: 100px 12px;
    text-align: center;
    background: #fff;
}

#error-page-404 .tree-icon {
    position: relative;
    margin: 0 auto;
}

#error-page-404 .tree-icon .dead-tree {
    height: 192px;
    width: 192px
}

#error-page-404 .tree-icon .dead-leaf {
    position: absolute;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -ms-transform: skew(20deg);
    transform: skew(20deg);
    height: 24px;
    width: 24px
}

#error-page-404 .tree-icon .dead-leaf.dead-leaf-1 {
    top: 48px;
    left: 120px;
    -webkit-animation: falling1 3s 0s infinite;
    -moz-animation: falling1 3s 0s infinite;
    animation: falling1 3s 0s infinite
}

#error-page-404 .tree-icon .dead-leaf.dead-leaf-2 {
    top: 88px;
    left: 140px;
    -webkit-animation: falling2 2.8s 0s infinite;
    -moz-animation: falling2 2.8s 0s infinite;
    animation: falling2 2.8s 0s infinite;
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    animation-delay: .8s
}

#error-page-404 .tree-icon .dead-leaf.dead-leaf-3 {
    top: 106px;
    left: 120px;
    -webkit-animation: falling3 3s 0s infinite;
    -moz-animation: falling3 3s 0s infinite;
    animation: falling3 3s 0s infinite;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s
}

#error-page-404 .tree-icon .dead-leaf.dead-leaf-4 {
    top: 80px;
    left: 48px;
    -webkit-animation: falling4 2.4s 0s infinite;
    -moz-animation: falling4 2.4s 0s infinite;
    animation: falling4 2.4s 0s infinite;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    animation-delay: .6s
}

#error-page-404 .tree-icon .dead-leaf.dead-leaf-5 {
    top: 32px;
    left: 76px;
    -webkit-animation: falling3 3s 0s infinite;
    -moz-animation: falling3 3s 0s infinite;
    animation: falling3 3s 0s infinite;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    animation-delay: .2s
}

#error-page-404 .title {
    font-size: 24px;
    margin-bottom: 8px;
    margin-top: 8px
}

#error-page-404 .content {
    font-size: 16px
}

#error-page-404 .content .cf-error-details {
    display: none
}

#error-page-404 .return-links {
    margin-top: 24px
}

#ada-button-frame {
    bottom: 120px !important;
    z-index: 299 !important
}

#ada-chat-frame {
    bottom: 100px !important;
    height: 85% !important;
    z-index: 1100 !important
}

img {
    border: none
}

ul {
    margin: 0;
    padding: 0;
    outline-color: transparent;
    list-style: none
}

a {
    text-decoration: none;
    color: #000
}

button,
span {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-weight: inherit;
    font-size: inherit
}

input,
select,
textarea {
    font: inherit;
    margin: 0
}

menu {
    padding: 0;
    margin: 0
}

figure,
p {
    padding: 0;
    margin: 0
}

h1,
h5 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    display: block
}

h2 {
    font-size: 12px;
    font-weight: 700;
    color: #000;
    margin: 5px 0 10px 0;
    display: block
}

h3 {
    font-size: 17px;
    font-weight: 700;
    color: #000;
    margin: 0;
    display: block
}

h3 a {
    font-size: 17px;
    font-weight: 700;
    color: #000;
    text-decoration: none
}

h4 {
    padding: 0;
    margin: 0
}

.b,
strong {
    font-weight: 700
}


td {
    padding: 10px
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

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

.icon-sharefilled {
    font-size: 18px
}

.affix {
    position: fixed
}

.s20 {
    font-size: 20px;
    line-height: 23px
}

.s24 {
    font-size: 24px
}

.fLeft {
    float: left
}

.fRight {
    float: right
}

.mgnB20 {
    margin-bottom: 20px
}

.mgnR20 {
    margin-right: 20px
}

.red {
    color: #f10200
}

.color-primary,
.green {
    color: #6fa26b
}

.color-secondary {
    color: #f38a00
}

.clear-both,
.clearBoth {
    clear: both
}

.responsive-container #mainContent {
    width: auto;
    margin: 0 auto;
    max-width: 1400px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.responsive-container #mainContent>.container-fluid {
    padding-left: 0;
    padding-right: 0;
    min-width: 0
}

.home .responsive-container #mainContent {
    margin-right: auto !important;
    margin-left: auto !important;
    max-width: 1400px !important;
    width: auto !important;
    padding: 0 0 15px 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#mainWrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -375px
}

#push {
    height: 375px
}

#mainContent {
    overflow: hidden
}

@-webkit-keyframes spinning-leaf {
    from {
        -webkit-transform: rotateY(0) translate3d(0, 0, 0);
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(360deg) translate3d(0, 0, 0);
        transform: rotateY(360deg)
    }
}

@-moz-keyframes spinning-leaf {
    from {
        -webkit-transform: rotateY(0) translate3d(0, 0, 0);
        -moz-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(360deg) translate3d(0, 0, 0);
        -moz-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

@keyframes spinning-leaf {
    from {
        -webkit-transform: rotateY(0) translate3d(0, 0, 0);
        -moz-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(360deg) translate3d(0, 0, 0);
        -moz-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

.leaf {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .75);
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    z-index: 29
}

.leaf .icon-iherbleaf {
    color: #6fa26b;
    font-size: 80px;
    width: 96px;
    height: 80px;
    display: block;
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: spinning-leaf;
    -moz-animation-name: spinning-leaf;
    animation-name: spinning-leaf;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.disable-events,
.disable-events * {
    pointer-events: none
}

.hide {
    display: none
}

.Catalog .hide {
    display: none !important
}

.qanda .hide {
    display: none !important
}

.off.on,
.on {
    display: block
}

.float-left {
    float: left
}

.float-right {
    float: right
}

#iherb-account .logged-in.hide,
#iherb-account .logged-out.hide {
    display: none !important
}

.thin-padding-x {
    padding-left: 4px !important;
    padding-right: 4px !important
}

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

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

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

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

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

.no-padding-top {
    padding-top: 0 !important
}

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

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

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

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

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

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

.strikethrough {
    text-decoration: line-through
}

.anchor-buffer::before {
    display: block;
    content: " ";
    margin-top: -50px;
    height: 50px;
    visibility: hidden;
    pointer-events: none
}

.absolute-link-wrapper {
    position: relative
}

.absolute-link-wrapper .absolute-link {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1
}

.invisible {
    visibility: hidden !important
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 5px
}

.show-inline-block {
    display: inline !important
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    position: relative
}

.section-title-border {
    border-bottom: 1px solid #e0e0e0
}

.section-title,
.section-title-border {
    text-align: left
}

.section-title h2,
.section-title-border h2 {
    font-weight: 700;
    font-size: 18px;
    display: inline-block;
    padding: 4px 0 5px 0
}

.ar .section-title h2,
.ar .section-title-border h2 {
    font-size: 18px
}

h1 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    display: block
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
   
    font-weight: 700;
    line-height: 1.1;
    color: #000
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small {
    font-weight: 400;
    line-height: 1;
    color: #000
}

.h1,
.h2,
.h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small {
    font-size: 65%
}

.h4,
.h5,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small {
    font-size: 75%
}

.h1 {
    font-size: 36px
}

.h2 {
    font-size: 26px
}

.h3 {
    font-size: 24px
}

.h4 {
    font-size: 18px
}

.h5 {
    font-size: 14px
}

.h6 {
    font-size: 12px
}

.p {
    margin: 0 0 10px
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #8c8c8c
}

.text-muted-lighter {
    color: #999
}

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

.small,
small {
    font-size: 12px
}

.text-primary {
    color: #6fa26b
}

a.text-primary:focus,
a.text-primary:hover {
    color: #2b5200
}

.text-primary-darker {
    color: #be986d
}

a.text-primary-darker:focus,
a.text-primary-darker:hover {
    color: #194200
}

.text-secondary {
    color: #f38a00
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #c06d00
}

.text-secondary-darker {
    color: #be986d
}

a.text-secondary-darker:focus,
a.text-secondary-darker:hover {
    color: #194200
}

.text-success {
    color: #6fa26b
}

a.text-success:focus,
a.text-success:hover {
    color: #2b5200
}

.text-info {
    color: #60a8ee
}

a.text-info:focus,
a.text-info:hover {
    color: #328fe9
}

.text-warning {
    color: #f38a00
}

a.text-warning:focus,
a.text-warning:hover {
    color: #c06d00
}

.text-danger {
    color: #f10200
}

a.text-danger:focus,
a.text-danger:hover {
    color: #be0200
}

.text-danger-lighter {
    color: #666
}

a.text-danger-lighter:focus,
a.text-danger-lighter:hover {
    color: #4d4d4d
}

.text-white {
    color: #fff
}

a.text-white:focus,
a.text-white:hover {
    color: #e6e6e6
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after,
:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container:before {
    content: " ";
    display: table
}

.container:after {
    content: " ";
    display: table;
    clear: both
}

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

@media (min-width:1400px) {
    .container {
        width: 1440px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1400px;
}

.container-fluid:before {
    content: " ";
    display: table
}

.container-fluid:after {
    content: " ";
    display: table;
    clear: both
}

.container-fluid-bs {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container-fluid-bs:before {
    content: " ";
    display: table
}

.container-fluid-bs:after {
    content: " ";
    display: table;
    clear: both
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.row:before {
    content: " ";
    display: table
}

.row:after {
    content: " ";
    display: table;
    clear: both
}

.col-buffer,
.row-buffer {
    margin-bottom: 15px
}

.col-buffer-xl,
.row-buffer-xl {
    margin-bottom: 30px
}

.col-buffer-lg,
.row-buffer-lg {
    margin-bottom: 25px
}

.col-buffer-md,
.row-buffer-md {
    margin-bottom: 20px
}

.col-buffer-sm,
.row-buffer-sm {
    margin-bottom: 10px
}

.col-buffer-xs,
.row-buffer-xs {
    margin-bottom: 5px
}

.container-buffer {
    margin-bottom: 40px
}

.container-buffer-lg {
    margin-bottom: 40px
}

.container-buffer-sm {
    margin-bottom: 20px
}

.no-gutter>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-13,
.col-lg-14,
.col-lg-15,
.col-lg-16,
.col-lg-17,
.col-lg-18,
.col-lg-19,
.col-lg-2,
.col-lg-20,
.col-lg-21,
.col-lg-22,
.col-lg-23,
.col-lg-24,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-5th,
.col-lg-6,
.col-lg-7,
.col-lg-7th,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-13,
.col-md-14,
.col-md-15,
.col-md-16,
.col-md-17,
.col-md-18,
.col-md-19,
.col-md-2,
.col-md-20,
.col-md-21,
.col-md-22,
.col-md-23,
.col-md-24,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-5th,
.col-md-6,
.col-md-7,
.col-md-7th,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-13,
.col-sm-14,
.col-sm-15,
.col-sm-16,
.col-sm-17,
.col-sm-18,
.col-sm-19,
.col-sm-2,
.col-sm-20,
.col-sm-21,
.col-sm-22,
.col-sm-23,
.col-sm-24,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-5th,
.col-sm-6,
.col-sm-7,
.col-sm-7th,
.col-sm-8,
.col-sm-9,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-13,
.col-xl-14,
.col-xl-15,
.col-xl-16,
.col-xl-17,
.col-xl-18,
.col-xl-19,
.col-xl-2,
.col-xl-20,
.col-xl-21,
.col-xl-22,
.col-xl-23,
.col-xl-24,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-5th,
.col-xl-6,
.col-xl-7,
.col-xl-7th,
.col-xl-8,
.col-xl-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-13,
.col-xs-14,
.col-xs-15,
.col-xs-16,
.col-xs-17,
.col-xs-18,
.col-xs-19,
.col-xs-2,
.col-xs-20,
.col-xs-21,
.col-xs-22,
.col-xs-23,
.col-xs-24,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-5th,
.col-xs-6,
.col-xs-7,
.col-xs-7th,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-lg-1.no-gutter,
.col-lg-10.no-gutter,
.col-lg-11.no-gutter,
.col-lg-12.no-gutter,
.col-lg-13.no-gutter,
.col-lg-14.no-gutter,
.col-lg-15.no-gutter,
.col-lg-16.no-gutter,
.col-lg-17.no-gutter,
.col-lg-18.no-gutter,
.col-lg-19.no-gutter,
.col-lg-2.no-gutter,
.col-lg-20.no-gutter,
.col-lg-21.no-gutter,
.col-lg-22.no-gutter,
.col-lg-23.no-gutter,
.col-lg-24.no-gutter,
.col-lg-3.no-gutter,
.col-lg-4.no-gutter,
.col-lg-5.no-gutter,
.col-lg-5th.no-gutter,
.col-lg-6.no-gutter,
.col-lg-7.no-gutter,
.col-lg-7th.no-gutter,
.col-lg-8.no-gutter,
.col-lg-9.no-gutter,
.col-md-1.no-gutter,
.col-md-10.no-gutter,
.col-md-11.no-gutter,
.col-md-12.no-gutter,
.col-md-13.no-gutter,
.col-md-14.no-gutter,
.col-md-15.no-gutter,
.col-md-16.no-gutter,
.col-md-17.no-gutter,
.col-md-18.no-gutter,
.col-md-19.no-gutter,
.col-md-2.no-gutter,
.col-md-20.no-gutter,
.col-md-21.no-gutter,
.col-md-22.no-gutter,
.col-md-23.no-gutter,
.col-md-24.no-gutter,
.col-md-3.no-gutter,
.col-md-4.no-gutter,
.col-md-5.no-gutter,
.col-md-5th.no-gutter,
.col-md-6.no-gutter,
.col-md-7.no-gutter,
.col-md-7th.no-gutter,
.col-md-8.no-gutter,
.col-md-9.no-gutter,
.col-sm-1.no-gutter,
.col-sm-10.no-gutter,
.col-sm-11.no-gutter,
.col-sm-12.no-gutter,
.col-sm-13.no-gutter,
.col-sm-14.no-gutter,
.col-sm-15.no-gutter,
.col-sm-16.no-gutter,
.col-sm-17.no-gutter,
.col-sm-18.no-gutter,
.col-sm-19.no-gutter,
.col-sm-2.no-gutter,
.col-sm-20.no-gutter,
.col-sm-21.no-gutter,
.col-sm-22.no-gutter,
.col-sm-23.no-gutter,
.col-sm-24.no-gutter,
.col-sm-3.no-gutter,
.col-sm-4.no-gutter,
.col-sm-5.no-gutter,
.col-sm-5th.no-gutter,
.col-sm-6.no-gutter,
.col-sm-7.no-gutter,
.col-sm-7th.no-gutter,
.col-sm-8.no-gutter,
.col-sm-9.no-gutter,
.col-xl-1.no-gutter,
.col-xl-10.no-gutter,
.col-xl-11.no-gutter,
.col-xl-12.no-gutter,
.col-xl-13.no-gutter,
.col-xl-14.no-gutter,
.col-xl-15.no-gutter,
.col-xl-16.no-gutter,
.col-xl-17.no-gutter,
.col-xl-18.no-gutter,
.col-xl-19.no-gutter,
.col-xl-2.no-gutter,
.col-xl-20.no-gutter,
.col-xl-21.no-gutter,
.col-xl-22.no-gutter,
.col-xl-23.no-gutter,
.col-xl-24.no-gutter,
.col-xl-3.no-gutter,
.col-xl-4.no-gutter,
.col-xl-5.no-gutter,
.col-xl-5th.no-gutter,
.col-xl-6.no-gutter,
.col-xl-7.no-gutter,
.col-xl-7th.no-gutter,
.col-xl-8.no-gutter,
.col-xl-9.no-gutter,
.col-xs-1.no-gutter,
.col-xs-10.no-gutter,
.col-xs-11.no-gutter,
.col-xs-12.no-gutter,
.col-xs-13.no-gutter,
.col-xs-14.no-gutter,
.col-xs-15.no-gutter,
.col-xs-16.no-gutter,
.col-xs-17.no-gutter,
.col-xs-18.no-gutter,
.col-xs-19.no-gutter,
.col-xs-2.no-gutter,
.col-xs-20.no-gutter,
.col-xs-21.no-gutter,
.col-xs-22.no-gutter,
.col-xs-23.no-gutter,
.col-xs-24.no-gutter,
.col-xs-3.no-gutter,
.col-xs-4.no-gutter,
.col-xs-5.no-gutter,
.col-xs-5th.no-gutter,
.col-xs-6.no-gutter,
.col-xs-7.no-gutter,
.col-xs-7th.no-gutter,
.col-xs-8.no-gutter,
.col-xs-9.no-gutter {
    padding-left: 0;
    padding-right: 0
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-13,
.col-xs-14,
.col-xs-15,
.col-xs-16,
.col-xs-17,
.col-xs-18,
.col-xs-19,
.col-xs-2,
.col-xs-20,
.col-xs-21,
.col-xs-22,
.col-xs-23,
.col-xs-24,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}

.col-xs-1 {
    width: 4.16667%
}

.col-xs-2 {
    width: 8.33333%
}

.col-xs-3 {
    width: 12.5%
}

.col-xs-4 {
    width: 16.66667%
}

.col-xs-5 {
    width: 20.83333%
}

.col-xs-6 {
    width: 25%
}

.col-xs-7 {
    width: 29.16667%
}

.col-xs-8 {
    width: 33.33333%
}

.col-xs-9 {
    width: 37.5%
}

.col-xs-10 {
    width: 41.66667%
}

.col-xs-11 {
    width: 45.83333%
}

.col-xs-12 {
    width: 50%
}

.col-xs-13 {
    width: 54.16667%
}

.col-xs-14 {
    width: 58.33333%
}

.col-xs-15 {
    width: 62.5%
}

.col-xs-16 {
    width: 66.66667%
}

.col-xs-17 {
    width: 70.83333%
}

.col-xs-18 {
    width: 75%
}

.col-xs-19 {
    width: 79.16667%
}

.col-xs-20 {
    width: 83.33333%
}

.col-xs-21 {
    width: 87.5%
}

.col-xs-22 {
    width: 91.66667%
}

.col-xs-23 {
    width: 95.83333%
}

.col-xs-24 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 4.16667%
}

.col-xs-pull-2 {
    right: 8.33333%
}

.col-xs-pull-3 {
    right: 12.5%
}

.col-xs-pull-4 {
    right: 16.66667%
}

.col-xs-pull-5 {
    right: 20.83333%
}

.col-xs-pull-6 {
    right: 25%
}

.col-xs-pull-7 {
    right: 29.16667%
}

.col-xs-pull-8 {
    right: 33.33333%
}

.col-xs-pull-9 {
    right: 37.5%
}

.col-xs-pull-10 {
    right: 41.66667%
}

.col-xs-pull-11 {
    right: 45.83333%
}

.col-xs-pull-12 {
    right: 50%
}

.col-xs-pull-13 {
    right: 54.16667%
}

.col-xs-pull-14 {
    right: 58.33333%
}

.col-xs-pull-15 {
    right: 62.5%
}

.col-xs-pull-16 {
    right: 66.66667%
}

.col-xs-pull-17 {
    right: 70.83333%
}

.col-xs-pull-18 {
    right: 75%
}

.col-xs-pull-19 {
    right: 79.16667%
}

.col-xs-pull-20 {
    right: 83.33333%
}

.col-xs-pull-21 {
    right: 87.5%
}

.col-xs-pull-22 {
    right: 91.66667%
}

.col-xs-pull-23 {
    right: 95.83333%
}

.col-xs-pull-24 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 4.16667%
}

.col-xs-push-2 {
    left: 8.33333%
}

.col-xs-push-3 {
    left: 12.5%
}

.col-xs-push-4 {
    left: 16.66667%
}

.col-xs-push-5 {
    left: 20.83333%
}

.col-xs-push-6 {
    left: 25%
}

.col-xs-push-7 {
    left: 29.16667%
}

.col-xs-push-8 {
    left: 33.33333%
}

.col-xs-push-9 {
    left: 37.5%
}

.col-xs-push-10 {
    left: 41.66667%
}

.col-xs-push-11 {
    left: 45.83333%
}

.col-xs-push-12 {
    left: 50%
}

.col-xs-push-13 {
    left: 54.16667%
}

.col-xs-push-14 {
    left: 58.33333%
}

.col-xs-push-15 {
    left: 62.5%
}

.col-xs-push-16 {
    left: 66.66667%
}

.col-xs-push-17 {
    left: 70.83333%
}

.col-xs-push-18 {
    left: 75%
}

.col-xs-push-19 {
    left: 79.16667%
}

.col-xs-push-20 {
    left: 83.33333%
}

.col-xs-push-21 {
    left: 87.5%
}

.col-xs-push-22 {
    left: 91.66667%
}

.col-xs-push-23 {
    left: 95.83333%
}

.col-xs-push-24 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 4.16667%
}

.col-xs-offset-2 {
    margin-left: 8.33333%
}

.col-xs-offset-3 {
    margin-left: 12.5%
}

.col-xs-offset-4 {
    margin-left: 16.66667%
}

.col-xs-offset-5 {
    margin-left: 20.83333%
}

.col-xs-offset-6 {
    margin-left: 25%
}

.col-xs-offset-7 {
    margin-left: 29.16667%
}

.col-xs-offset-8 {
    margin-left: 33.33333%
}

.col-xs-offset-9 {
    margin-left: 37.5%
}

.col-xs-offset-10 {
    margin-left: 41.66667%
}

.col-xs-offset-11 {
    margin-left: 45.83333%
}

.col-xs-offset-12 {
    margin-left: 50%
}

.col-xs-offset-13 {
    margin-left: 54.16667%
}

.col-xs-offset-14 {
    margin-left: 58.33333%
}

.col-xs-offset-15 {
    margin-left: 62.5%
}

.col-xs-offset-16 {
    margin-left: 66.66667%
}

.col-xs-offset-17 {
    margin-left: 70.83333%
}

.col-xs-offset-18 {
    margin-left: 75%
}

.col-xs-offset-19 {
    margin-left: 79.16667%
}

.col-xs-offset-20 {
    margin-left: 83.33333%
}

.col-xs-offset-21 {
    margin-left: 87.5%
}

.col-xs-offset-22 {
    margin-left: 91.66667%
}

.col-xs-offset-23 {
    margin-left: 95.83333%
}

.col-xs-offset-24 {
    margin-left: 100%
}

.col-xs-5th {
    float: left;
    width: 20%
}

.col-xs-pull-5th {
    right: 20%
}

.col-xs-push-5th {
    left: 20%
}

.col-xs-offset-5th {
    margin-left: 20%
}

.col-xs-7th {
    float: left;
    width: 14.28571%
}

.col-xs-pull-7th {
    right: 14.28571%
}

.col-xs-push-7th {
    left: 14.28571%
}

.col-xs-offset-7th {
    margin-left: 14.28571%
}

@media (min-width:768px) {

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-13,
    .col-sm-14,
    .col-sm-15,
    .col-sm-16,
    .col-sm-17,
    .col-sm-18,
    .col-sm-19,
    .col-sm-2,
    .col-sm-20,
    .col-sm-21,
    .col-sm-22,
    .col-sm-23,
    .col-sm-24,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }

    .col-sm-1 {
        width: 4.16667%
    }

    .col-sm-2 {
        width: 8.33333%
    }

    .col-sm-3 {
        width: 12.5%
    }

    .col-sm-4 {
        width: 16.66667%
    }

    .col-sm-5 {
        width: 20.83333%
    }

    .col-sm-6 {
        width: 25%
    }

    .col-sm-7 {
        width: 29.16667%
    }

    .col-sm-8 {
        width: 33.33333%
    }

    .col-sm-9 {
        width: 37.5%
    }

    .col-sm-10 {
        width: 41.66667%
    }

    .col-sm-11 {
        width: 45.83333%
    }

    .col-sm-12 {
        width: 50%
    }

    .col-sm-13 {
        width: 54.16667%
    }

    .col-sm-14 {
        width: 58.33333%
    }

    .col-sm-15 {
        width: 62.5%
    }

    .col-sm-16 {
        width: 66.66667%
    }

    .col-sm-17 {
        width: 70.83333%
    }

    .col-sm-18 {
        width: 75%
    }

    .col-sm-19 {
        width: 79.16667%
    }

    .col-sm-20 {
        width: 83.33333%
    }

    .col-sm-21 {
        width: 87.5%
    }

    .col-sm-22 {
        width: 91.66667%
    }

    .col-sm-23 {
        width: 95.83333%
    }

    .col-sm-24 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 4.16667%
    }

    .col-sm-pull-2 {
        right: 8.33333%
    }

    .col-sm-pull-3 {
        right: 12.5%
    }

    .col-sm-pull-4 {
        right: 16.66667%
    }

    .col-sm-pull-5 {
        right: 20.83333%
    }

    .col-sm-pull-6 {
        right: 25%
    }

    .col-sm-pull-7 {
        right: 29.16667%
    }

    .col-sm-pull-8 {
        right: 33.33333%
    }

    .col-sm-pull-9 {
        right: 37.5%
    }

    .col-sm-pull-10 {
        right: 41.66667%
    }

    .col-sm-pull-11 {
        right: 45.83333%
    }

    .col-sm-pull-12 {
        right: 50%
    }

    .col-sm-pull-13 {
        right: 54.16667%
    }

    .col-sm-pull-14 {
        right: 58.33333%
    }

    .col-sm-pull-15 {
        right: 62.5%
    }

    .col-sm-pull-16 {
        right: 66.66667%
    }

    .col-sm-pull-17 {
        right: 70.83333%
    }

    .col-sm-pull-18 {
        right: 75%
    }

    .col-sm-pull-19 {
        right: 79.16667%
    }

    .col-sm-pull-20 {
        right: 83.33333%
    }

    .col-sm-pull-21 {
        right: 87.5%
    }

    .col-sm-pull-22 {
        right: 91.66667%
    }

    .col-sm-pull-23 {
        right: 95.83333%
    }

    .col-sm-pull-24 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 4.16667%
    }

    .col-sm-push-2 {
        left: 8.33333%
    }

    .col-sm-push-3 {
        left: 12.5%
    }

    .col-sm-push-4 {
        left: 16.66667%
    }

    .col-sm-push-5 {
        left: 20.83333%
    }

    .col-sm-push-6 {
        left: 25%
    }

    .col-sm-push-7 {
        left: 29.16667%
    }

    .col-sm-push-8 {
        left: 33.33333%
    }

    .col-sm-push-9 {
        left: 37.5%
    }

    .col-sm-push-10 {
        left: 41.66667%
    }

    .col-sm-push-11 {
        left: 45.83333%
    }

    .col-sm-push-12 {
        left: 50%
    }

    .col-sm-push-13 {
        left: 54.16667%
    }

    .col-sm-push-14 {
        left: 58.33333%
    }

    .col-sm-push-15 {
        left: 62.5%
    }

    .col-sm-push-16 {
        left: 66.66667%
    }

    .col-sm-push-17 {
        left: 70.83333%
    }

    .col-sm-push-18 {
        left: 75%
    }

    .col-sm-push-19 {
        left: 79.16667%
    }

    .col-sm-push-20 {
        left: 83.33333%
    }

    .col-sm-push-21 {
        left: 87.5%
    }

    .col-sm-push-22 {
        left: 91.66667%
    }

    .col-sm-push-23 {
        left: 95.83333%
    }

    .col-sm-push-24 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 4.16667%
    }

    .col-sm-offset-2 {
        margin-left: 8.33333%
    }

    .col-sm-offset-3 {
        margin-left: 12.5%
    }

    .col-sm-offset-4 {
        margin-left: 16.66667%
    }

    .col-sm-offset-5 {
        margin-left: 20.83333%
    }

    .col-sm-offset-6 {
        margin-left: 25%
    }

    .col-sm-offset-7 {
        margin-left: 29.16667%
    }

    .col-sm-offset-8 {
        margin-left: 33.33333%
    }

    .col-sm-offset-9 {
        margin-left: 37.5%
    }

    .col-sm-offset-10 {
        margin-left: 41.66667%
    }

    .col-sm-offset-11 {
        margin-left: 45.83333%
    }

    .col-sm-offset-12 {
        margin-left: 50%
    }

    .col-sm-offset-13 {
        margin-left: 54.16667%
    }

    .col-sm-offset-14 {
        margin-left: 58.33333%
    }

    .col-sm-offset-15 {
        margin-left: 62.5%
    }

    .col-sm-offset-16 {
        margin-left: 66.66667%
    }

    .col-sm-offset-17 {
        margin-left: 70.83333%
    }

    .col-sm-offset-18 {
        margin-left: 75%
    }

    .col-sm-offset-19 {
        margin-left: 79.16667%
    }

    .col-sm-offset-20 {
        margin-left: 83.33333%
    }

    .col-sm-offset-21 {
        margin-left: 87.5%
    }

    .col-sm-offset-22 {
        margin-left: 91.66667%
    }

    .col-sm-offset-23 {
        margin-left: 95.83333%
    }

    .col-sm-offset-24 {
        margin-left: 100%
    }

    .col-sm-5th {
        float: left;
        width: 20%
    }

    .col-sm-pull-5th {
        right: 20%
    }

    .col-sm-push-5th {
        left: 20%
    }

    .col-sm-offset-5th {
        margin-left: 20%
    }

    .col-sm-7th {
        float: left;
        width: 14.28571%
    }

    .col-sm-pull-7th {
        right: 14.28571%
    }

    .col-sm-push-7th {
        left: 14.28571%
    }

    .col-sm-offset-7th {
        margin-left: 14.28571%
    }
}

@media (min-width:992px) {

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-13,
    .col-md-14,
    .col-md-15,
    .col-md-16,
    .col-md-17,
    .col-md-18,
    .col-md-19,
    .col-md-2,
    .col-md-20,
    .col-md-21,
    .col-md-22,
    .col-md-23,
    .col-md-24,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }

    .col-md-1 {
        width: 4.16667%
    }

    .col-md-2 {
        width: 8.33333%
    }

    .col-md-3 {
        width: 12.5%
    }

    .col-md-4 {
        width: 16.66667%
    }

    .col-md-5 {
        width: 20.83333%
    }

    .col-md-6 {
        width: 25%
    }

    .col-md-7 {
        width: 29.16667%
    }

    .col-md-8 {
        width: 33.33333%
    }

    .col-md-9 {
        width: 37.5%
    }

    .col-md-10 {
        width: 41.66667%
    }

    .col-md-11 {
        width: 45.83333%
    }

    .col-md-12 {
        width: 50%
    }

    .col-md-13 {
        width: 54.16667%
    }

    .col-md-14 {
        width: 58.33333%
    }

    .col-md-15 {
        width: 62.5%
    }

    .col-md-16 {
        width: 66.66667%
    }

    .col-md-17 {
        width: 70.83333%
    }

    .col-md-18 {
        width: 75%
    }

    .col-md-19 {
        width: 79.16667%
    }

    .col-md-20 {
        width: 83.33333%
    }

    .col-md-21 {
        width: 87.5%
    }

    .col-md-22 {
        width: 91.66667%
    }

    .col-md-23 {
        width: 95.83333%
    }

    .col-md-24 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 4.16667%
    }

    .col-md-pull-2 {
        right: 8.33333%
    }

    .col-md-pull-3 {
        right: 12.5%
    }

    .col-md-pull-4 {
        right: 16.66667%
    }

    .col-md-pull-5 {
        right: 20.83333%
    }

    .col-md-pull-6 {
        right: 25%
    }

    .col-md-pull-7 {
        right: 29.16667%
    }

    .col-md-pull-8 {
        right: 33.33333%
    }

    .col-md-pull-9 {
        right: 37.5%
    }

    .col-md-pull-10 {
        right: 41.66667%
    }

    .col-md-pull-11 {
        right: 45.83333%
    }

    .col-md-pull-12 {
        right: 50%
    }

    .col-md-pull-13 {
        right: 54.16667%
    }

    .col-md-pull-14 {
        right: 58.33333%
    }

    .col-md-pull-15 {
        right: 62.5%
    }

    .col-md-pull-16 {
        right: 66.66667%
    }

    .col-md-pull-17 {
        right: 70.83333%
    }

    .col-md-pull-18 {
        right: 75%
    }

    .col-md-pull-19 {
        right: 79.16667%
    }

    .col-md-pull-20 {
        right: 83.33333%
    }

    .col-md-pull-21 {
        right: 87.5%
    }

    .col-md-pull-22 {
        right: 91.66667%
    }

    .col-md-pull-23 {
        right: 95.83333%
    }

    .col-md-pull-24 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 4.16667%
    }

    .col-md-push-2 {
        left: 8.33333%
    }

    .col-md-push-3 {
        left: 12.5%
    }

    .col-md-push-4 {
        left: 16.66667%
    }

    .col-md-push-5 {
        left: 20.83333%
    }

    .col-md-push-6 {
        left: 25%
    }

    .col-md-push-7 {
        left: 29.16667%
    }

    .col-md-push-8 {
        left: 33.33333%
    }

    .col-md-push-9 {
        left: 37.5%
    }

    .col-md-push-10 {
        left: 41.66667%
    }

    .col-md-push-11 {
        left: 45.83333%
    }

    .col-md-push-12 {
        left: 50%
    }

    .col-md-push-13 {
        left: 54.16667%
    }

    .col-md-push-14 {
        left: 58.33333%
    }

    .col-md-push-15 {
        left: 62.5%
    }

    .col-md-push-16 {
        left: 66.66667%
    }

    .col-md-push-17 {
        left: 70.83333%
    }

    .col-md-push-18 {
        left: 75%
    }

    .col-md-push-19 {
        left: 79.16667%
    }

    .col-md-push-20 {
        left: 83.33333%
    }

    .col-md-push-21 {
        left: 87.5%
    }

    .col-md-push-22 {
        left: 91.66667%
    }

    .col-md-push-23 {
        left: 95.83333%
    }

    .col-md-push-24 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 4.16667%
    }

    .col-md-offset-2 {
        margin-left: 8.33333%
    }

    .col-md-offset-3 {
        margin-left: 12.5%
    }

    .col-md-offset-4 {
        margin-left: 16.66667%
    }

    .col-md-offset-5 {
        margin-left: 20.83333%
    }

    .col-md-offset-6 {
        margin-left: 25%
    }

    .col-md-offset-7 {
        margin-left: 29.16667%
    }

    .col-md-offset-8 {
        margin-left: 33.33333%
    }

    .col-md-offset-9 {
        margin-left: 37.5%
    }

    .col-md-offset-10 {
        margin-left: 41.66667%
    }

    .col-md-offset-11 {
        margin-left: 45.83333%
    }

    .col-md-offset-12 {
        margin-left: 50%
    }

    .col-md-offset-13 {
        margin-left: 54.16667%
    }

    .col-md-offset-14 {
        margin-left: 58.33333%
    }

    .col-md-offset-15 {
        margin-left: 62.5%
    }

    .col-md-offset-16 {
        margin-left: 66.66667%
    }

    .col-md-offset-17 {
        margin-left: 70.83333%
    }

    .col-md-offset-18 {
        margin-left: 75%
    }

    .col-md-offset-19 {
        margin-left: 79.16667%
    }

    .col-md-offset-20 {
        margin-left: 83.33333%
    }

    .col-md-offset-21 {
        margin-left: 87.5%
    }

    .col-md-offset-22 {
        margin-left: 91.66667%
    }

    .col-md-offset-23 {
        margin-left: 95.83333%
    }

    .col-md-offset-24 {
        margin-left: 100%
    }

    .col-md-5th {
        float: left;
        width: 20%
    }

    .col-md-pull-5th {
        right: 20%
    }

    .col-md-push-5th {
        left: 20%
    }

    .col-md-offset-5th {
        margin-left: 20%
    }

    .col-md-7th {
        float: left;
        width: 14.28571%
    }

    .col-md-pull-7th {
        right: 14.28571%
    }

    .col-md-push-7th {
        left: 14.28571%
    }

    .col-md-offset-7th {
        margin-left: 14.28571%
    }

    .col-md-9th {
        float: left;
        width: 11.1%
    }

    .col-md-pull-9th {
        right: 11.1%
    }

    .col-md-push-9th {
        left: 11.1%
    }

    .col-md-offset-9th {
        margin-left: 11.1%
    }
}

@media (min-width:1200px) {

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-13,
    .col-lg-14,
    .col-lg-15,
    .col-lg-16,
    .col-lg-17,
    .col-lg-18,
    .col-lg-19,
    .col-lg-2,
    .col-lg-20,
    .col-lg-21,
    .col-lg-22,
    .col-lg-23,
    .col-lg-24,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }

    .col-lg-1 {
        width: 4.16667%
    }

    .col-lg-2 {
        width: 8.33333%
    }

    .col-lg-3 {
        width: 12.5%
    }

    .col-lg-4 {
        width: 16.66667%
    }

    .col-lg-5 {
        width: 20.83333%
    }

    .col-lg-6 {
        width: 25%
    }

    .col-lg-7 {
        width: 29.16667%
    }

    .col-lg-8 {
        width: 33.33333%
    }

    .col-lg-9 {
        width: 37.5%
    }

    .col-lg-10 {
        width: 41.66667%
    }

    .col-lg-11 {
        width: 45.83333%
    }

    .col-lg-12 {
        width: 50%
    }

    .col-lg-13 {
        width: 54.16667%
    }

    .col-lg-14 {
        width: 58.33333%
    }

    .col-lg-15 {
        width: 62.5%
    }

    .col-lg-16 {
        width: 66.66667%
    }

    .col-lg-17 {
        width: 70.83333%
    }

    .col-lg-18 {
        width: 75%
    }

    .col-lg-19 {
        width: 79.16667%
    }

    .col-lg-20 {
        width: 83.33333%
    }

    .col-lg-21 {
        width: 87.5%
    }

    .col-lg-22 {
        width: 91.66667%
    }

    .col-lg-23 {
        width: 95.83333%
    }

    .col-lg-24 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 4.16667%
    }

    .col-lg-pull-2 {
        right: 8.33333%
    }

    .col-lg-pull-3 {
        right: 12.5%
    }

    .col-lg-pull-4 {
        right: 16.66667%
    }

    .col-lg-pull-5 {
        right: 20.83333%
    }

    .col-lg-pull-6 {
        right: 25%
    }

    .col-lg-pull-7 {
        right: 29.16667%
    }

    .col-lg-pull-8 {
        right: 33.33333%
    }

    .col-lg-pull-9 {
        right: 37.5%
    }

    .col-lg-pull-10 {
        right: 41.66667%
    }

    .col-lg-pull-11 {
        right: 45.83333%
    }

    .col-lg-pull-12 {
        right: 50%
    }

    .col-lg-pull-13 {
        right: 54.16667%
    }

    .col-lg-pull-14 {
        right: 58.33333%
    }

    .col-lg-pull-15 {
        right: 62.5%
    }

    .col-lg-pull-16 {
        right: 66.66667%
    }

    .col-lg-pull-17 {
        right: 70.83333%
    }

    .col-lg-pull-18 {
        right: 75%
    }

    .col-lg-pull-19 {
        right: 79.16667%
    }

    .col-lg-pull-20 {
        right: 83.33333%
    }

    .col-lg-pull-21 {
        right: 87.5%
    }

    .col-lg-pull-22 {
        right: 91.66667%
    }

    .col-lg-pull-23 {
        right: 95.83333%
    }

    .col-lg-pull-24 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 4.16667%
    }

    .col-lg-push-2 {
        left: 8.33333%
    }

    .col-lg-push-3 {
        left: 12.5%
    }

    .col-lg-push-4 {
        left: 16.66667%
    }

    .col-lg-push-5 {
        left: 20.83333%
    }

    .col-lg-push-6 {
        left: 25%
    }

    .col-lg-push-7 {
        left: 29.16667%
    }

    .col-lg-push-8 {
        left: 33.33333%
    }

    .col-lg-push-9 {
        left: 37.5%
    }

    .col-lg-push-10 {
        left: 41.66667%
    }

    .col-lg-push-11 {
        left: 45.83333%
    }

    .col-lg-push-12 {
        left: 50%
    }

    .col-lg-push-13 {
        left: 54.16667%
    }

    .col-lg-push-14 {
        left: 58.33333%
    }

    .col-lg-push-15 {
        left: 62.5%
    }

    .col-lg-push-16 {
        left: 66.66667%
    }

    .col-lg-push-17 {
        left: 70.83333%
    }

    .col-lg-push-18 {
        left: 75%
    }

    .col-lg-push-19 {
        left: 79.16667%
    }

    .col-lg-push-20 {
        left: 83.33333%
    }

    .col-lg-push-21 {
        left: 87.5%
    }

    .col-lg-push-22 {
        left: 91.66667%
    }

    .col-lg-push-23 {
        left: 95.83333%
    }

    .col-lg-push-24 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 4.16667%
    }

    .col-lg-offset-2 {
        margin-left: 8.33333%
    }

    .col-lg-offset-3 {
        margin-left: 12.5%
    }

    .col-lg-offset-4 {
        margin-left: 16.66667%
    }

    .col-lg-offset-5 {
        margin-left: 20.83333%
    }

    .col-lg-offset-6 {
        margin-left: 25%
    }

    .col-lg-offset-7 {
        margin-left: 29.16667%
    }

    .col-lg-offset-8 {
        margin-left: 33.33333%
    }

    .col-lg-offset-9 {
        margin-left: 37.5%
    }

    .col-lg-offset-10 {
        margin-left: 41.66667%
    }

    .col-lg-offset-11 {
        margin-left: 45.83333%
    }

    .col-lg-offset-12 {
        margin-left: 50%
    }

    .col-lg-offset-13 {
        margin-left: 54.16667%
    }

    .col-lg-offset-14 {
        margin-left: 58.33333%
    }

    .col-lg-offset-15 {
        margin-left: 62.5%
    }

    .col-lg-offset-16 {
        margin-left: 66.66667%
    }

    .col-lg-offset-17 {
        margin-left: 70.83333%
    }

    .col-lg-offset-18 {
        margin-left: 75%
    }

    .col-lg-offset-19 {
        margin-left: 79.16667%
    }

    .col-lg-offset-20 {
        margin-left: 83.33333%
    }

    .col-lg-offset-21 {
        margin-left: 87.5%
    }

    .col-lg-offset-22 {
        margin-left: 91.66667%
    }

    .col-lg-offset-23 {
        margin-left: 95.83333%
    }

    .col-lg-offset-24 {
        margin-left: 100%
    }

    .col-lg-5th {
        float: left;
        width: 20%
    }

    .col-lg-pull-5th {
        right: 20%
    }

    .col-lg-push-5th {
        left: 20%
    }

    .col-lg-offset-5th {
        margin-left: 20%
    }

    .col-lg-7th {
        float: left;
        width: 14.28571%
    }

    .col-lg-pull-7th {
        right: 14.28571%
    }

    .col-lg-push-7th {
        left: 14.28571%
    }

    .col-lg-offset-7th {
        margin-left: 14.28571%
    }

    .col-lg-9th {
        float: left;
        width: 11.1%
    }

    .col-lg-pull-9th {
        right: 11.1%
    }

    .col-lg-push-9th {
        left: 11.1%
    }

    .col-lg-offset-9th {
        margin-left: 11.1%
    }
}

@media (min-width:1400px) {

    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-13,
    .col-xl-14,
    .col-xl-15,
    .col-xl-16,
    .col-xl-17,
    .col-xl-18,
    .col-xl-19,
    .col-xl-2,
    .col-xl-20,
    .col-xl-21,
    .col-xl-22,
    .col-xl-23,
    .col-xl-24,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        float: left
    }

    .col-xl-1 {
        width: 4.16667%
    }

    .col-xl-2 {
        width: 8.33333%
    }

    .col-xl-3 {
        width: 12.5%
    }

    .col-xl-4 {
        width: 16.66667%
    }

    .col-xl-5 {
        width: 20.83333%
    }

    .col-xl-6 {
        width: 25%
    }

    .col-xl-7 {
        width: 29.16667%
    }

    .col-xl-8 {
        width: 33.33333%
    }

    .col-xl-9 {
        width: 37.5%
    }

    .col-xl-10 {
        width: 41.66667%
    }

    .col-xl-11 {
        width: 45.83333%
    }

    .col-xl-12 {
        width: 50%
    }

    .col-xl-13 {
        width: 54.16667%
    }

    .col-xl-14 {
        width: 58.33333%
    }

    .col-xl-15 {
        width: 62.5%
    }

    .col-xl-16 {
        width: 66.66667%
    }

    .col-xl-17 {
        width: 70.83333%
    }

    .col-xl-18 {
        width: 75%
    }

    .col-xl-19 {
        width: 79.16667%
    }

    .col-xl-20 {
        width: 83.33333%
    }

    .col-xl-21 {
        width: 87.5%
    }

    .col-xl-22 {
        width: 91.66667%
    }

    .col-xl-23 {
        width: 95.83333%
    }

    .col-xl-24 {
        width: 100%
    }

    .col-xl-pull-0 {
        right: auto
    }

    .col-xl-pull-1 {
        right: 4.16667%
    }

    .col-xl-pull-2 {
        right: 8.33333%
    }

    .col-xl-pull-3 {
        right: 12.5%
    }

    .col-xl-pull-4 {
        right: 16.66667%
    }

    .col-xl-pull-5 {
        right: 20.83333%
    }

    .col-xl-pull-6 {
        right: 25%
    }

    .col-xl-pull-7 {
        right: 29.16667%
    }

    .col-xl-pull-8 {
        right: 33.33333%
    }

    .col-xl-pull-9 {
        right: 37.5%
    }

    .col-xl-pull-10 {
        right: 41.66667%
    }

    .col-xl-pull-11 {
        right: 45.83333%
    }

    .col-xl-pull-12 {
        right: 50%
    }

    .col-xl-pull-13 {
        right: 54.16667%
    }

    .col-xl-pull-14 {
        right: 58.33333%
    }

    .col-xl-pull-15 {
        right: 62.5%
    }

    .col-xl-pull-16 {
        right: 66.66667%
    }

    .col-xl-pull-17 {
        right: 70.83333%
    }

    .col-xl-pull-18 {
        right: 75%
    }

    .col-xl-pull-19 {
        right: 79.16667%
    }

    .col-xl-pull-20 {
        right: 83.33333%
    }

    .col-xl-pull-21 {
        right: 87.5%
    }

    .col-xl-pull-22 {
        right: 91.66667%
    }

    .col-xl-pull-23 {
        right: 95.83333%
    }

    .col-xl-pull-24 {
        right: 100%
    }

    .col-xl-push-0 {
        left: auto
    }

    .col-xl-push-1 {
        left: 4.16667%
    }

    .col-xl-push-2 {
        left: 8.33333%
    }

    .col-xl-push-3 {
        left: 12.5%
    }

    .col-xl-push-4 {
        left: 16.66667%
    }

    .col-xl-push-5 {
        left: 20.83333%
    }

    .col-xl-push-6 {
        left: 25%
    }

    .col-xl-push-7 {
        left: 29.16667%
    }

    .col-xl-push-8 {
        left: 33.33333%
    }

    .col-xl-push-9 {
        left: 37.5%
    }

    .col-xl-push-10 {
        left: 41.66667%
    }

    .col-xl-push-11 {
        left: 45.83333%
    }

    .col-xl-push-12 {
        left: 50%
    }

    .col-xl-push-13 {
        left: 54.16667%
    }

    .col-xl-push-14 {
        left: 58.33333%
    }

    .col-xl-push-15 {
        left: 62.5%
    }

    .col-xl-push-16 {
        left: 66.66667%
    }

    .col-xl-push-17 {
        left: 70.83333%
    }

    .col-xl-push-18 {
        left: 75%
    }

    .col-xl-push-19 {
        left: 79.16667%
    }

    .col-xl-push-20 {
        left: 83.33333%
    }

    .col-xl-push-21 {
        left: 87.5%
    }

    .col-xl-push-22 {
        left: 91.66667%
    }

    .col-xl-push-23 {
        left: 95.83333%
    }

    .col-xl-push-24 {
        left: 100%
    }

    .col-xl-offset-0 {
        margin-left: 0
    }

    .col-xl-offset-1 {
        margin-left: 4.16667%
    }

    .col-xl-offset-2 {
        margin-left: 8.33333%
    }

    .col-xl-offset-3 {
        margin-left: 12.5%
    }

    .col-xl-offset-4 {
        margin-left: 16.66667%
    }

    .col-xl-offset-5 {
        margin-left: 20.83333%
    }

    .col-xl-offset-6 {
        margin-left: 25%
    }

    .col-xl-offset-7 {
        margin-left: 29.16667%
    }

    .col-xl-offset-8 {
        margin-left: 33.33333%
    }

    .col-xl-offset-9 {
        margin-left: 37.5%
    }

    .col-xl-offset-10 {
        margin-left: 41.66667%
    }

    .col-xl-offset-11 {
        margin-left: 45.83333%
    }

    .col-xl-offset-12 {
        margin-left: 50%
    }

    .col-xl-offset-13 {
        margin-left: 54.16667%
    }

    .col-xl-offset-14 {
        margin-left: 58.33333%
    }

    .col-xl-offset-15 {
        margin-left: 62.5%
    }

    .col-xl-offset-16 {
        margin-left: 66.66667%
    }

    .col-xl-offset-17 {
        margin-left: 70.83333%
    }

    .col-xl-offset-18 {
        margin-left: 75%
    }

    .col-xl-offset-19 {
        margin-left: 79.16667%
    }

    .col-xl-offset-20 {
        margin-left: 83.33333%
    }

    .col-xl-offset-21 {
        margin-left: 87.5%
    }

    .col-xl-offset-22 {
        margin-left: 91.66667%
    }

    .col-xl-offset-23 {
        margin-left: 95.83333%
    }

    .col-xl-offset-24 {
        margin-left: 100%
    }

    .col-xl-5th {
        float: left;
        width: 20%
    }

    .col-xl-pull-5th {
        right: 20%
    }

    .col-xl-push-5th {
        left: 20%
    }

    .col-xl-offset-5th {
        margin-left: 20%
    }

    .col-xl-7th {
        float: left;
        width: 14.28571%
    }

    .col-xl-pull-7th {
        right: 14.28571%
    }

    .col-xl-push-7th {
        left: 14.28571%
    }

    .col-xl-offset-7th {
        margin-left: 14.28571%
    }
}

@-ms-viewport {
    width: device-width
}

.visible {
    display: block !important
}

table.visible {
    display: table !important
}

tr.visible {
    display: table-row !important
}

td.visible,
th.visible {
    display: table-cell !important
}

.hidden {
    display: none !important
}

.visible-xs {
    display: none !important
}

.visible-sm {
    display: none !important
}

.visible-md {
    display: none !important
}

.visible-lg {
    display: none !important
}

.visible-xl {
    display: none !important
}

.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs,
    th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm,
    th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md,
    th.visible-md {
        display: table-cell !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg,
    th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1400px) {
    .visible-xl {
        display: block !important
    }

    table.visible-xl {
        display: table !important
    }

    tr.visible-xl {
        display: table-row !important
    }

    td.visible-xl,
    th.visible-xl {
        display: table-cell !important
    }
}

@media (min-width:1400px) {
    .visible-xl-block {
        display: block !important
    }
}

@media (min-width:1400px) {
    .visible-xl-inline {
        display: inline !important
    }
}

@media (min-width:1400px) {
    .visible-xl-inline-block {
        display: inline-block !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .hidden-lg {
        display: none !important
    }
}

@media (min-width:1400px) {
    .hidden-xl {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print,
    th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .hidden-lg {
        display: none !important
    }
}

@media (min-width:1400px) {
    .hidden-xl {
        display: none !important
    }
}

.text-xs-left {
    text-align: left
}

.text-xs-right {
    text-align: right
}

.text-xs-center {
    text-align: center
}

.text-xs-justify {
    text-align: justify
}

@media (min-width:768px) {
    .text-sm-left {
        text-align: left
    }

    .text-sm-right {
        text-align: right
    }

    .text-sm-center {
        text-align: center
    }

    .text-sm-justify {
        text-align: justify
    }
}

@media (min-width:992px) {
    .text-md-left {
        text-align: left
    }

    .text-md-right {
        text-align: right
    }

    .text-md-center {
        text-align: center
    }

    .text-md-justify {
        text-align: justify
    }
}

@media (min-width:1200px) {
    .text-lg-left {
        text-align: left
    }

    .text-lg-right {
        text-align: right
    }

    .text-lg-center {
        text-align: center
    }

    .text-lg-justify {
        text-align: justify
    }
}

@media (min-width:768px) and (max-width:991px) {
    .col-sm-no-padding {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .col-md-no-padding {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .col-lg-no-padding {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (min-width:1400px) {
    .col-xl-no-padding {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (max-width:767px) {
    .pull-right-xs {
        float: right
    }

    .pull-left-xs {
        float: left
    }
}

@media (min-width:768px) {
    .pull-right-sm {
        float: right
    }

    .pull-left-sm {
        float: left
    }

    .pull-center-sm {
        float: none;
        text-align: center
    }
}

@media (min-width:992px) {
    .pull-right-md {
        float: right
    }

    .pull-left-md {
        float: left
    }
}

@media (min-width:1200px) {
    .pull-right-lg {
        float: right
    }

    .pull-left-lg {
        float: left
    }
}

@media (min-width:1400px) {
    .pull-right-xl {
        float: right
    }

    .pull-left-xl {
        float: left
    }
}


.home .hp-category-module .hp-category-container .hp-category-flex {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.home .hp-category-module .hp-category-container .carousel-title {
    font-size: 18px;
    color: #333;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 16px
}

.home .hp-category-module .hp-category-container .carousel-title .view-all {
    display: none
}

@media (max-width:1200px) {
    .home .hp-category-module .hp-category-container .carousel-title .view-all {
        display: block
    }
}

.home .hp-category-module .hp-category-container .carousel-container {
    padding: 0;
    margin: 0;
    background-color: transparent
}

.home .hp-category-module .hp-category-container .carousel-container .carousel {
    position: relative
}

.home .hp-category-module .hp-category-container .carousel-container.banner-carousel {
    min-width: 242px;
    margin-right: 20px
}

.home .hp-category-module .hp-category-container .carousel-container.banner-carousel .carousel-inner {
    min-height: 528px
}

.home .hp-category-module .hp-category-container .carousel-container.banner-carousel .item .banner-content {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 242px;
    height: 528px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -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;
    padding: 60px 16px
}

.home .hp-category-module .hp-category-container .carousel-container.banner-carousel .item .banner-content .banner-title {
    font-weight: 700;
    color: #000;
    font-size: 13px;
    margin-bottom: 20px
}

.home .hp-category-module .hp-category-container .carousel-container.banner-carousel .item .banner-content .banner-subtitle {
    font-weight: 700;
    color: #000;
    font-size: 21px
}

.home .hp-category-module .hp-category-container .carousel-container.banner-carousel .item .banner-content .banner-button {
    background-color: #fff;
    border: 2px solid #8c8c8c;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 18px;
    border-radius: 4px;
    margin-top: 30px
}

@media (max-width:1200px) {
    .home .hp-category-module .hp-category-container .carousel-container.banner-carousel {
        min-width: 209px
    }

    .home .hp-category-module .hp-category-container .carousel-container.banner-carousel .carousel-inner {
        min-height: 456px
    }

    .home .hp-category-module .hp-category-container .carousel-container.banner-carousel .item .banner-content {
        width: 209px;
        height: 456px
    }
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel-title,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel-title {
    margin-bottom: 10px;
    padding-bottom: 10px
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .control-bar,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .control-bar {
    display: none
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner {
    min-height: 0
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item {
    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;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .product-section,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .product-section {
    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: 0 0;
    padding: 0;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .product-section .product-title,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .product-section .product-title {
    height: 2.7em
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .product-section .product-price,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .product-section .product-price {
    margin-top: 26px
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .product-section img,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .product-section img {
    display: block;
    height: 90px;
    width: 90px;
    min-width: 90px;
    overflow: hidden;
    margin-right: 14px
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .review-section,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .review-section {
    margin-left: 16px;
    padding-left: 24px;
    border-left: 1px solid #e0e0e0;
    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;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-grow: 2;
    -moz-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .review-section .review-title,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .review-section .review-title {
    font-size: 16px;
    font-weight: 700;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 22px
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .review-section .review-post,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .review-section .review-post {
    font-weight: 700;
    color: #8c8c8c;
    font-size: 12px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 17px
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .review-section .review-post a,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .review-section .review-post a {
    color: #6fa26b
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .review-section .review-content,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .review-section .review-content {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 38px;
    height: 38px
}

@media (max-width:1200px) {

    .home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .review-section .review-content,
    .home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .review-section .review-content {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 95px;
        height: 95px
    }
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .blog-item,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .blog-item {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .blog-item .blog-article,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .blog-item .blog-article {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .blog-item .blog-article:first-of-type,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .blog-item .blog-article:first-of-type {
    padding-right: 8px
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .blog-item .blog-article:last-child,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .blog-item .blog-article:last-child {
    padding-left: 8px
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .blog-item .blog-article .blog-img,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .blog-item .blog-article .blog-img {
    min-width: 187px;
    margin-right: 20px;
    max-height: 115px;
    border-radius: 4px;
    overflow: hidden
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .blog-item .blog-article .blog-img img,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .blog-item .blog-article .blog-img img {
    border-radius: 4px
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .blog-item .blog-article .blog-title,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .blog-item .blog-article .blog-title {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 42px;
    height: 42px;
    font-weight: 700;
    font-size: 16px
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .blog-item .blog-article .blog-content,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .blog-item .blog-article .blog-content {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 56px;
    height: 56px;
    font-size: 14px
}

.home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .read-more,
.home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .read-more {
    font-weight: 700;
    color: #0039a6
}

@media (max-width:1200px) {

    .home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .product-section,
    .home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .product-section {
        display: block
    }

    .home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .product-section .product-title,
    .home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .product-section .product-title {
        margin-top: 8px
    }

    .home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .product-section .product-price,
    .home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .product-section .product-price {
        margin-top: 8px
    }

    .home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-inner .review-item .product-section img,
    .home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-inner .review-item .product-section img {
        margin: auto
    }

    .home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-control.left,
    .home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-control.left {
        left: -40px
    }

    .home .hp-category-module .hp-category-container .carousel-container.blog-carousel .carousel .carousel-control.right,
    .home .hp-category-module .hp-category-container .carousel-container.review-carousel .carousel .carousel-control.right {
        right: -40px
    }
}

@media (max-width:1200px) {
    .home .hp-category-module .hp-category-container .carousel-container.banner-carousel {
        margin-right: 0
    }
}

.home .hp-category-module .hp-category-container .best-selling-carousel .carousel-container .carousel .product .product-inner {
    padding: 15px
}

.home .hp-category-module .hp-category-container .best-selling-carousel .carousel-container .carousel .product .product-inner .rating {
    white-space: nowrap
}

.home .hp-category-module .hp-category-container .best-selling-carousel .carousel-container .carousel .product .product-inner .product-price {
    white-space: nowrap
}

.home .hp-category-module .hp-category-container .best-selling-carousel .carousel-container .carousel .carousel-inner {
    height: 280px
}

.home .hp-category-module .hp-category-container .best-selling-carousel .carousel-container .carousel .carousel-inner .prudct-carousels {
    height: 280px
}

.home .hp-category-module .hp-category-container .side-carousels {
    padding: 20px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.home .hp-category-module .hp-category-container .sub-carousels {
    padding: 20px;
    border: 1px solid #e0e0e0;
    border-top: none;
    background: #fff;
    display: none
}

@media (max-width:1200px) {

    .home .hp-category-module .hp-category-container .side-carousels .blog-carousel,
    .home .hp-category-module .hp-category-container .side-carousels .review-carousel {
        display: none
    }

    .home .hp-category-module .hp-category-container .sub-carousels {
        display: block
    }
}

.home .view-all {
    font-size: 16px;
    color: #0039a6;
    font-weight: 700;
    text-decoration: none
}

.home .hp-container {
    margin: auto;
    overflow: hidden;
    max-width: 1565px
}

.home .hp-carousel-container {
    margin-top: 16px;
    margin-bottom: 0;
    position: relative
}

.home .hp-carousel-container .carousel-container .container-fluid {
    max-width: unset;
    min-width: unset
}

.home .hp-carousel-container .hp-modules .personalized-reorder>* {
    margin-bottom: 0;
    margin-top: 15px
}

.home .hp-carousel-container .hp-modules .personalized-reorder>:first-of-type {
    margin-bottom: 0;
    margin-top: 0
}

.hp-banners-v2 {
    position: relative;
}



.hp-banners-v2:not(.using-banner-tool) img.html-disabled {
    margin-left: 0;
    left: 0
}

.hp-banners-v2 .hp-banners-container {
    position: relative;
    margin: auto;
    width: 100%;
  margin-top: 1.5rem;
}

.hp-banners-v2 .hp-banners-container .hp-banner-left-arrow,
.hp-banners-v2 .hp-banners-container .hp-banner-right-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    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;
    width: 40px;
    z-index: 50;
    left: auto;
    right: auto;
    cursor: pointer;
    text-shadow: 1px -1px 4px #8c8c8c, 1px -1px 4px #8c8c8c, -1px 1px 4px #8c8c8c, 1px 1px 4px #8c8c8c
}

.hp-banners-v2 .hp-banners-container .hp-banner-left-arrow i,
.hp-banners-v2 .hp-banners-container .hp-banner-right-arrow i {
    font-size: 40px;
    color: #fff;
    opacity: .6
}
.wrap-white {
    background: #fff;
    padding: 24px;
    margin: 0 0 24px;
}
.mainpage-categories {
    padding-bottom: 0;
    border: 1px solid #ebebeb;
}
.categories-tile-list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-bottom: 10px;
}
.categories-tile {
    padding: 0;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 13%;
    float: left;
    margin: 0 .5% 15px;
    text-align: center;
    border: 1px solid #d6d6d6;
    overflow: hidden;
    border-radius: 10px;
    font-size: 14px;
    box-sizing: border-box;
}
.categories-tile .shop-by-category-image-container img{
    width: auto;
    height: 140px;
    padding: 10px 5px;
}
.categories-tile:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.categories-tile a {
    text-decoration: none;
}
.categories-tile_image {
    height: 140px;
    line-height: 140px;
    overflow: hidden;
    padding: 10px 5px;
    text-align: center;
}
.categories-tile_image img {
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
}
.categories-tile_title {
    padding: 10px 0;
    margin: 0 10px;
    line-height: 16px;
    height: 55px;
    font-weight: 600;
    display: block;
}
.hp-banners-v2 .hp-banners-container .hp-banner-left-arrow { 
    left: 0
}
.e-con{
    --padding-right: 0!important;
    --padding-left: 0!important;
    --padding-bottom: 0!important;
    --padding-top: 0!important;
    --row-gap: 0!important;
}

.hp-banners-v2 .hp-banners-container .hp-banner-right-arrow {
    right: 0
}

.hp-banners-v2 .hp-banners-container .hp-banner-pause-button {
    position: absolute;
    bottom: -3px;
    right: 5px;
    font-size: 26px;
    z-index: 201;
    color: #fff;
    cursor: pointer
}

.hp-banners-v2 .hp-banners-container .hp-banner-description {
    position: absolute;
    z-index: 100;
    /*!@noflip*/
    left: 10%;
    top: 50px;
    max-width: 400px;
    max-height: 300px;
    overflow: hidden;
    text-align: left
}

@media (max-width:991px) {
    .hp-banners-v2 .hp-banners-container .hp-banner-description {
        /*!@noflip*/
        left: 3%
    }
}

.hp-banners-v2 .hp-banners-container .hp-banner-description .hp-banner-subtitle,
.hp-banners-v2 .hp-banners-container .hp-banner-description .hp-banner-title {
    line-height: 1.22
}

.hp-banners-v2 .hp-banners-container .hp-banner-description .hp-banner-title {
    font-weight: 700;
    font-size: 35px;
    color: #000
}

.hp-banners-v2 .hp-banners-container .hp-banner-description .hp-banner-subtitle {
    font-size: 65px;
    color: #f38a00
}

.hp-banners-v2 .hp-banners-container .hp-banner-description .hp-banner-subtext {
    margin-bottom: 10px;
    color: #666;
    font-size: 16px
}

.hp-banners-v2 .hp-banners-container .hp-banner-description .hp-banner-subtitle {
    max-height: 85px;
    overflow: hidden
}

.hp-banners-v2 .hp-banners-container .hp-banner-description .hp-banner-subtext,
.hp-banners-v2 .hp-banners-container .hp-banner-description .hp-banner-title {
    white-space: nowrap
}

.hp-banners-v2 .hp-banners-container .hp-banner-description .hp-banner-button {
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    padding: 8px 38px;
    color: #fff;
    background-color: #f38a00;
    border: 1px solid #f38a00;
    font-weight: 700;
    font-size: 16px
}

.hp-banners-v2 .hp-banners-container .hp-banner-description .hp-banner-bottom-text {
    margin-top: 20px;
    white-space: nowrap;
    overflow: hidden
}

.hp-banners-v2 .hp-banner-indicators {
    z-index: 200;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
    text-align: center;
    cursor: pointer
}

@media (max-width:1300px) {
    .hp-banners-v2 .hp-banner-indicators {
        display: none
    }
}

.hp-banners-v2 .hp-banner-indicators .hp-banner-indicator {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #8c8c8c;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    margin-left: 2px;
    margin-right: 2px;
    opacity: .6
}

.hp-banners-v2 .hp-banner-indicators .hp-banner-indicator.active {
    background-color: #fff;
    opacity: 1
}

.hp-banners-v2 .hp-banners-menu-row ul {
    box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, .24)
}

.hp-banners-v2 .hp-banners-menu-row ul li {
    padding: 15px;
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    max-width: 250px;
    min-width: 200px;
    color: #666;
    text-align: center;
    height: 50px;
    text-transform: uppercase;
    overflow: hidden
}

.hp-banners-v2 .hp-banners-menu-row ul li a {
    color: unset;
    text-decoration: none
}

.hp-banners-v2 .hp-banners-menu-row ul li.custom {
    padding: 4px
}

.hp-banners-v2 .hp-banners-menu-row ul li.custom span {
    white-space: nowrap
}

.hp-banners-v2 .hp-banners-menu-row ul li.custom span:last-child {
    display: block
}

.hp-banners-v2 .hp-banners-menu-row ul .slick-current span:last-child {
    color: #f38a00;
    font-weight: 700
}

.hp-banners-v2 .hp-banners-menu-row ul li.active {
    color: #000;
    border-bottom: 3px solid #f38a00;
    cursor: pointer
}

.hp-banners-v2 .hp-banners-menu-row .see-all-banners .icon-recentlyviewedarrowright {
    font-size: 14px;
    color: #999;
    position: relative;
    /*!@noflip*/
    left: 4px;
    top: 1px
}

.hp-banners-v2 .hp-banners-menu-row .see-all-banners {
    font-weight: 700;
    color: #0039a6
}

.hp-banners-v2 .hp-banners-menu-row .see-all-banners.row-see-all {
    display: none
}

@media (max-width:1024px) {
    .hp-banners-v2 .hp-banners-menu-row .see-all-banners.see-all {
        display: none
    }

    .hp-banners-v2 .hp-banners-menu-row .see-all-banners.row-see-all {
        display: block;
        margin: 15px 0;
        font-size: 14px
    }

    .hp-banners-v2 .hp-banners-menu-row .see-all-banners.row-see-all span {
        cursor: pointer
    }
}



.hp-banners-v2 .hp-banners-menu-row ul li {
    box-shadow: 2px 3px 3px 0 rgba(248, 242, 242, .24);
    display: inline-block;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    font-size: 14px
}

.hp-banners-v2 .hp-banners-menu-row ul li:first-child {
    border-left: 1px solid #e0e0e0
}

.hp-banners-v2 .hp-banners a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 101
}

.hp-banners-v2 .hp-banners .hp-banner-timer .days,
.hp-banners-v2 .hp-banners .hp-banner-timer .days-title,
.hp-banners-v2 .hp-banners .hp-banner-timer .hours,
.hp-banners-v2 .hp-banners .hp-banner-timer .hours-title,
.hp-banners-v2 .hp-banners .hp-banner-timer .minutes,
.hp-banners-v2 .hp-banners .hp-banner-timer .minutes-title {
    font-weight: 700
}

.hp-banners-v2 .hp-banners>.hp-banner-timer {
    position: absolute;
    right: 60px;
    bottom: 40px;
    font-size: 16px
}

.hp-banners-v2 .hp-banners-popup {
    display: none;
    position: fixed;
    margin: auto;
    z-index: 1500;
    top: 50%;
    /*!@noflip*/
    left: 50%;
    padding: 20px 20px 0 20px;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 800px;
    overflow: auto;
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .24)
}

.hp-banners-v2 .hp-banners-popup .hp-banner-popup {
    margin-bottom: 20px
}

.hp-banners-v2 .hp-banners-popup .hp-banner-description {
    position: absolute;
    z-index: 50;
    /*!@noflip*/
    left: 50px;
    top: 15px
}

.hp-banners-v2 .hp-banners-popup .hp-banner-description .hp-banner-title {
    font-size: 15px
}

.hp-banners-v2 .hp-banners-popup .hp-banner-description .hp-banner-subtitle {
    font-size: 15px
}

.hp-banners-v2 .hp-banners-popup .hp-banner-description .hp-banner-subtext {
    font-size: 10px
}

.hp-banners-v2 .hp-banners-popup .hp-banner-description .hp-banner-button {
    border-radius: 4px;
    text-align: center;
    padding: 6px;
    color: #fff;
    background-color: #f38a00;
    border: 1px solid #f38a00;
    font-weight: 700;
    font-size: 14px;
    margin-top: 10px;
    display: inline-block
}

.hp-banners-v2 .hp-banners-popup .hp-banner-description .hp-banner-button.hide {
    display: none
}

.hp-banners-v2 .hp-banners-popup .hp-banner-description .hp-banner-bottom-text {
    font-size: 10px;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden
}

.hp-banners-v2 .hp-banners-popup .hp-banners {
    position: relative;
    display: block !important;
    width: 700px;
    margin-bottom: 20px
}

.hp-banners-v2 .hp-banners-popup .hp-banners img {
    position: relative;
    display: block;
    max-width: 100%;
    height: auto
}

.hp-banners-v2 .hp-banners-popup .banner-popup-close {
    position: absolute;
    /*!@noflip*/
    right: 4px;
    top: 2px;
    font-size: 16px;
    cursor: pointer
}

.hp-banners-v2 .hp-banners-popup .banner-popup-close i {
    color: #999
}

@media (max-width:1097px) {
    .hp-banners-v2 .hp-banners-container .hp-banner-pause-button {
        bottom: 22px
    }
}

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

.question-mark.question-mark-sm {
    width: 16px;
    height: 16px;
    vertical-align: 5px;
    line-height: 14px
}

.question-mark.question-mark-spacing-sm {
    margin: 0 2px
}

.iherb-brands-list .question-mark {
    background-color: #fff;
    color: #333;
    position: relative;
    top: -3px
}

input.sc-share-widget-desktop {
    font-family: inherit
}

.svg-icon.sc-share-widget-desktop {
    display: block;
    width: 100%;
    height: 100%;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.content.sc-share-widget-desktop {
    font-size: 14px;
    line-height: 1.5;
    width: 100%;
    background: #ffffff;
    width: 336px;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    z-index: 2
}

.sc-top-arrow::-webkit-scrollbar {
    width: 0px;
    background: transparent
}


.svg-icon.sc-top-arrow {
    display: block;
    width: 100%;
    height: 100%;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.top_arrow_content.sc-top-arrow {
    display: inline-block;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    background-color: #f38a00;
    position: absolute;
    top: -4px;
    left: calc(50% - 8px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}


.sc-head-line::-webkit-scrollbar {
    width: 0px;
    background: transparent
}

.svg-icon.sc-head-line {
    display: block;
    width: 100%;
    height: 100%;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.headline.sc-head-line {
    color: #333;
    background-color: #f38a00;
    padding: 8px 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 24px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.headline.sc-head-line>span.sc-head-line:first-child {
    font-weight: 600;
    font-size: 16px
}

.headline.sc-head-line>span.sc-head-line:last-child {
    text-align: right
}

.headline.sc-head-line>span.sc-head-line:last-child a.sc-head-line {
    color: #333 !important;
    text-decoration: underline
}


*.sc-rewards-offers,
*.sc-rewards-offers:before,
*.sc-rewards-offers:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*.sc-rewards-offers:focus {
    outline: none
}

.sc-rewards-offers::-webkit-scrollbar {
    width: 0px;
    background: transparent
}

.svg-icon.sc-rewards-offers {
    display: block;
    width: 100%;
    height: 100%;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.rewards_offers_content.sc-rewards-offers {
    font-size: 14px;
    line-height: 1.5;
    width: 100%;
    background: #fff9e7;
    padding: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    overflow: hidden;
    height: auto;
    opacity: 1;
    -webkit-transition: height 150ms ease-in-out, opacity 100ms ease-in-out;
    transition: height 150ms ease-in-out, opacity 100ms ease-in-out
}

.rewards_offers_content.sc-rewards-offers .description.sc-rewards-offers {
    color: #333333;
    word-break: break-word;
    font-weight: 500
}

.rewards_offers_content.sc-rewards-offers .footer.sc-rewards-offers {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 16px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.rewards_offers_content.sc-rewards-offers .no_thanks.sc-rewards-offers {
    color: #666666;
    cursor: pointer;
    margin: 0 16px;
    text-decoration: underline
}

.rewards_offers_content.sc-rewards-offers .sign_me_up.sc-rewards-offers {
    padding: 4px 8px;
    background-color: #ffffff;
    border-radius: 8px;
    border: solid 1px #cccccc;
    cursor: pointer;
    color: #000;
    text-decoration: none
}

.rewards_offers_content.sc-rewards-offers .message-wrapper.sc-rewards-offers {
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 16px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.rewards_offers_content.sc-rewards-offers .message-wrapper.sc-rewards-offers .success.sc-rewards-offers {
    color: #be986d
}

.rewards_offers_content.sc-rewards-offers .message-wrapper.sc-rewards-offers .error.sc-rewards-offers {
    color: #80201e
}

.rewards_offers_content.sc-rewards-offers .message-wrapper.sc-rewards-offers .message-icon.sc-rewards-offers {
    margin-right: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 24px
}

.rewards_offers_content.sc-rewards-offers .message-wrapper.sc-rewards-offers .message.sc-rewards-offers {
    max-width: calc(100% - 28px);
    word-break: break-word
}

*.sc-share-link,
*.sc-share-link:before,
*.sc-share-link:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*.sc-share-link:focus {
    outline: none
}

.sc-share-link::-webkit-scrollbar {
    width: 0px;
    background: transparent
}

.svg-icon.sc-share-link {
    display: block;
    width: 100%;
    height: 100%;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.share-link.sc-share-link {
    margin: 16px 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.share-link.sc-share-link>span.sc-share-link {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    text-align: center
}

.share-link.sc-share-link>div.sc-share-link {
    position: relative
}

.share-link.sc-share-link>div.sc-share-link label.sc-share-link {
    width: 100%;
    height: 48px;
    border-radius: 8px;
    display: inline-block;
    position: relative;
    -ms-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.share-link.sc-share-link>div.sc-share-link label.sc-share-link:after {
    top: 0px;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: tranparent;
    content: "";
    display: block;
    z-index: 2
}

.share-link.sc-share-link>div.sc-share-link input.sc-share-link {
    color: #333;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid #ccc
}

.share-link.sc-share-link>div.sc-share-link .icon-copy.sc-share-link,
.share-link.sc-share-link>div.sc-share-link .icon-loading.sc-share-link {
    color: #666;
    cursor: pointer;
    width: 50px;
    height: 48px;
    right: 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    z-index: 3
}

.share-link.sc-share-link>div.sc-share-link .icon-copy.sc-share-link span.sc-share-link,
.share-link.sc-share-link>div.sc-share-link .icon-loading.sc-share-link span.sc-share-link {
    width: 18px;
    height: 20px
}

*.sc-shorten-url-checkbox,
*.sc-shorten-url-checkbox:before,
*.sc-shorten-url-checkbox:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*.sc-shorten-url-checkbox:focus {
    outline: none
}

.sc-shorten-url-checkbox::-webkit-scrollbar {
    width: 0px;
    background: transparent
}

.svg-icon.sc-shorten-url-checkbox {
    display: block;
    width: 100%;
    height: 100%;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.shorten-url.sc-shorten-url-checkbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.shorten-url.sc-shorten-url-checkbox .shorten-url-content.sc-shorten-url-checkbox {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin: 0px 0px !important;
    font-weight: normal !important;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.shorten-url.sc-shorten-url-checkbox .shorten-url-content.sc-shorten-url-checkbox>span.sc-shorten-url-checkbox {
    vertical-align: middle;
    font-size: 14px
}

.shorten-url.sc-shorten-url-checkbox .shorten-url-content.sc-shorten-url-checkbox .shorten-url-link.sc-shorten-url-checkbox {
    display: -ms-flexbox;
    display: flex;
    color: #000;
    margin-bottom: 16px;
    text-decoration: none
}

.shorten-url.sc-shorten-url-checkbox .shorten-url-content.sc-shorten-url-checkbox input.sc-shorten-url-checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.shorten-url.sc-shorten-url-checkbox .shorten-url-content.sc-shorten-url-checkbox .checkmark.sc-shorten-url-checkbox:after {
    position: absolute;
    left: 6px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-radius: 0px;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.shorten-url.sc-shorten-url-checkbox .shorten-url-content.sc-shorten-url-checkbox .active.sc-shorten-url-checkbox {
    background-color: #6fa26b
}

.shorten-url.sc-shorten-url-checkbox .shorten-url-content.sc-shorten-url-checkbox .active.sc-shorten-url-checkbox:after {
    display: block
}

.shorten-url.sc-shorten-url-checkbox .checkmark.sc-shorten-url-checkbox {
    display: block;
    position: relative;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #cccccc
}

.shorten-url.sc-shorten-url-checkbox .checkmark.sc-shorten-url-checkbox:after {
    content: "";
    position: absolute;
    display: none
}

.shorten-url.sc-shorten-url-checkbox .space.sc-shorten-url-checkbox {
    padding-right: 8px
}

*.sc-social-media-list,
*.sc-social-media-list:before,
*.sc-social-media-list:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*.sc-social-media-list:focus {
    outline: none
}

.sc-social-media-list::-webkit-scrollbar {
    width: 0px;
    background: transparent
}


.svg-icon.sc-social-media-list {
    display: block;
    width: 100%;
    height: 100%;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.social-medias.sc-social-media-list ul.sc-social-media-list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: scroll;
    white-space: nowrap;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    text-align: center
}

.social-medias.sc-social-media-list li.sc-social-media-list {
    list-style: none;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    vertical-align: top;
    position: relative
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon-sms-circle.sc-social-media-list {
    background: #ffc108
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon-facebook-circle.sc-social-media-list {
    background: #3b5998
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon-twitter-circle.sc-social-media-list {
    background: #00aced
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon-pinterest-circle.sc-social-media-list {
    background: #cb2027
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon-naver-circle.sc-social-media-list {
    background: #00d700
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon-weibo-circle.sc-social-media-list {
    background: #df162c
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon-qzone-circle.sc-social-media-list {
    background: #2488d7
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon-qq-circle.sc-social-media-list {
    background: #10b7f5
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon-douban-circle.sc-social-media-list {
    background: #0d751a
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon-vk-circle.sc-social-media-list {
    background: #4e76a1
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon-ok-circle.sc-social-media-list {
    background: #ed7f2c
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon-email-circle.sc-social-media-list {
    background: #666666
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon-messenger-circle.sc-social-media-list,
.social-medias.sc-social-media-list li.sc-social-media-list .icon-fbmessenger-circle.sc-social-media-list {
    background: #2488d7
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon-wechat-circle.sc-social-media-list {
    background: #7bb32e
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon-telegram-circle.sc-social-media-list {
    background: #0088cc
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon-line-circle.sc-social-media-list {
    background: #00b900
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon-amebablog-circle.sc-social-media-list {
    background: #2d8c3c
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon-hatenabookmark-circle.sc-social-media-list {
    background: #00a4de
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon-whatsapp-circle.sc-social-media-list {
    background: #4fce5d
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon-xiaohongshu-circle.sc-social-media-list {
    background: #ff2442
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon-kakaotalk-circle.sc-social-media-list {
    background: #f9e000
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon-zhihu-circle.sc-social-media-list {
    background: #03a9f4
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon-qrcode-circle.sc-social-media-list .sc-social-media-list.sc-social-media-list {
    width: 40px;
    height: 40px
}

.social-medias.sc-social-media-list li.sc-social-media-list .social-button.sc-social-media-list {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon.sc-social-media-list {
    position: relative;
    z-index: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px
}

.social-medias.sc-social-media-list li.sc-social-media-list .icon.sc-social-media-list>div.sc-social-media-list {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: white
}

.social-medias.sc-social-media-list li.sc-social-media-list .name.sc-social-media-list {
    color: #333;
    font-weight: 500;
    position: relative;
    word-break: break-word;
    white-space: initial;
    z-index: 0;
    margin-left: -25%;
    margin-right: -25%
}

cms-popover {
    --offset: 15px;
    position: relative
}

cms-popover [data-slot=reference-element] {
    cursor: pointer
}

cms-popover [data-slot=floating-element] {
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 2px 8px rgba(106, 115, 129, 0.12);
    box-shadow: 0px 2px 8px rgba(106, 115, 129, 0.12);
    width: 318px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    color: #333;
    padding: 16px 0px;
    border-radius: 16px;
    border: solid 1px #ccc;
    z-index: 500;
    font-size: 16px;
    line-height: 1.71;
    max-width: calc(100vw - 10px)
}

cms-popover [data-slot=floating-element] [data-slot=title] {
    margin: 0px;
    padding: 0px 24px;
    font-weight: 700;
    font-size: 20px
}

cms-popover [data-slot=floating-element] [data-slot=content] {
    padding: 0px 24px;
    font-weight: 400
}

cms-popover [data-slot=floating-element] [data-slot=content]>p {
    margin: 5px 0px
}

cms-popover [data-slot=floating-element] [data-slot=actions] {
    padding: 5px 16px 0px
}

cms-popover [data-slot=floating-element] [data-slot=actions] a {
    color: #126cc5;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
    margin: 0px 8px
}

cms-popover [data-slot=floating-element] [data-slot=actions] a:hover {
    text-decoration: underline
}

cms-popover [data-slot=floating-element] div[data-slot=arrow] {
    position: absolute;
    background-color: transparent;
    width: 14px;
    height: 14px
}

cms-popover [data-slot=floating-element] div[data-slot=arrow]::before {
    position: absolute;
    background: #fff;
    content: " ";
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: solid 1px #ccc;
    border-radius: 4px
}

cms-popover [data-slot=floating-element] div[data-slot=arrow]::after {
    content: " ";
    position: absolute;
    background-color: #fff
}

cms-popover [data-slot=floating-element] div[data-slot=arrow][data-arrow-direction=bottom]::after {
    width: 20px;
    height: 11px;
    left: -25%;
    bottom: 50%
}

cms-popover [data-slot=floating-element] div[data-slot=arrow][data-arrow-direction=top]::after {
    width: 20px;
    height: 11px;
    left: -25%;
    top: 50%
}

cms-popover [data-slot=floating-element] div[data-slot=arrow][data-arrow-direction=left]::after {
    width: 11px;
    height: 20px;
    bottom: -25%;
    left: 50%
}

cms-popover [data-slot=floating-element] div[data-slot=arrow][data-arrow-direction=right]::after {
    width: 11px;
    height: 20px;
    top: -25%;
    right: 50%
}

cms-popover [data-slot=floating-element]::before {
    content: " ";
    background-color: transparent;
    position: absolute
}

cms-popover [data-slot=floating-element][data-arrow-direction=bottom]::before {
    width: 100%;
    height: calc(var(--offset));
    bottom: calc(0px - var(--offset));
    left: 0px
}

cms-popover [data-slot=floating-element][data-arrow-direction=top]::before {
    width: 100%;
    height: calc(var(--offset));
    top: calc(0px - var(--offset));
    left: 0px
}

cms-popover [data-slot=floating-element][data-arrow-direction=left]::before {
    height: 100%;
    width: calc(var(--offset));
    left: calc(0px - var(--offset));
    top: 0px
}

cms-popover [data-slot=floating-element][data-arrow-direction=right]::before {
    height: 100%;
    width: calc(var(--offset));
    right: calc(0px - var(--offset));
    top: 0px
}



a,
input,
label {
    -webkit-tap-highlight-color: transparent
}

.cms-transparency {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1500;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}

cms-countdown-timer {
    color: #333
}

cms-countdown-timer .cms-ends-in-text {
    white-space: nowrap
}

cms-countdown-timer .cms-timer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

cms-countdown-timer .cms-timer>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

cms-countdown-timer.cms-default,
cms-countdown-timer.cms-color-bg,
cms-countdown-timer.cms-gradient-bg,
cms-countdown-timer.cms-bordered,
cms-countdown-timer.cms-black-white {
    font-weight: bold
}

cms-countdown-timer.cms-default .cms-ends-in-text,
cms-countdown-timer.cms-color-bg .cms-ends-in-text,
cms-countdown-timer.cms-gradient-bg .cms-ends-in-text,
cms-countdown-timer.cms-bordered .cms-ends-in-text,
cms-countdown-timer.cms-black-white .cms-ends-in-text {
    margin: 0px 2px
}

cms-countdown-timer.cms-default .cms-timer,
cms-countdown-timer.cms-color-bg .cms-timer,
cms-countdown-timer.cms-gradient-bg .cms-timer,
cms-countdown-timer.cms-bordered .cms-timer,
cms-countdown-timer.cms-black-white .cms-timer {
    margin: 0px 2px
}

cms-countdown-timer.cms-default .cms-digit,
cms-countdown-timer.cms-color-bg .cms-digit,
cms-countdown-timer.cms-gradient-bg .cms-digit,
cms-countdown-timer.cms-bordered .cms-digit,
cms-countdown-timer.cms-black-white .cms-digit {
    padding: 4px 7px;
    margin: 0px 4px;
    border-radius: 5px
}

cms-countdown-timer.cms-default .cms-letter,
cms-countdown-timer.cms-color-bg .cms-letter,
cms-countdown-timer.cms-gradient-bg .cms-letter,
cms-countdown-timer.cms-bordered .cms-letter,
cms-countdown-timer.cms-black-white .cms-letter {
    font-weight: normal
}

cms-countdown-timer.cms-mini {
    font-size: 14px
}

cms-countdown-timer.cms-mini .cms-digit {
    padding: 4px 5px
}

cms-countdown-timer.cms-mini .cms-colon {
    margin: 0px 2px
}

cms-countdown-timer.cms-small {
    font-size: 16px
}

cms-countdown-timer.cms-small .cms-colon {
    margin: 0px 4px
}

cms-countdown-timer.cms-middle {
    font-size: 18px
}

cms-countdown-timer.cms-middle .cms-colon {
    margin: 0px 6px
}

cms-countdown-timer.cms-large {
    font-size: 24px
}

cms-countdown-timer.cms-large .cms-digit {
    padding: 7px 10px
}

cms-countdown-timer.cms-large .cms-colon {
    margin: 0px 8px
}

cms-countdown-timer.cms-bordered .cms-digit,
cms-countdown-timer.cms-bordered .cms-digit-and-letter {
    border: 1px solid #cccccc
}

cms-countdown-timer.cms-black-white .cms-digit,
cms-countdown-timer.cms-black-white .cms-digit-and-letter {
    border: 1px solid #000;
    color: #000;
    background-color: #fff
}

cms-countdown-timer.cms-default .cms-digit,
cms-countdown-timer.cms-default .cms-digit-and-letter {
    background-color: #fff
}

cms-countdown-timer.cms-gradient-bg .cms-digit,
cms-countdown-timer.cms-gradient-bg .cms-digit-and-letter,
cms-countdown-timer.cms-color-bg .cms-digit,
cms-countdown-timer.cms-color-bg .cms-digit-and-letter {
    color: #fff
}

cms-countdown-timer.cms-text-only .cms-digit {
    margin: 0px 4px;
    padding: 0px
}

cms-countdown-timer.cms-ends-nowrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

cms-countdown-timer.cms-ends-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

cms-countdown-timer.cms-ends-wrap .cms-ends-in-text {
    line-height: 2
}

cms-countdown-timer.cms-capsule {
    font-weight: bold
}

cms-countdown-timer.cms-capsule .cms-ends-in-text {
    margin: 0px 2px
}

cms-countdown-timer.cms-capsule .cms-timer {
    margin: 0px 4px;
    color: #fff
}

cms-countdown-timer.cms-capsule .cms-timer .cms-digit {
    padding: 0px
}

cms-countdown-timer.cms-capsule.cms-mini .cms-timer {
    padding: 4px 10px;
    border-radius: 14px
}

cms-countdown-timer.cms-capsule.cms-small .cms-timer {
    padding: 4px 12px;
    border-radius: 15px
}

cms-countdown-timer.cms-capsule.cms-middle .cms-timer {
    padding: 4px 14px;
    border-radius: 18px
}

cms-countdown-timer.cms-capsule.cms-large .cms-timer {
    padding: 7px 18px;
    border-radius: 23px
}

cms-countdown-timer.cms-lowercase-letter .cms-timer {
    text-transform: lowercase
}

cms-countdown-timer.cms-digit-round .cms-digit {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0px
}

cms-countdown-timer.cms-digit-round.cms-mini .cms-timer .cms-digit {
    width: 30px;
    height: 30px
}

cms-countdown-timer.cms-digit-round.cms-small .cms-timer .cms-digit {
    width: 34px;
    height: 34px
}

cms-countdown-timer.cms-digit-round.cms-middle .cms-timer .cms-digit {
    width: 38px;
    height: 38px
}

cms-countdown-timer.cms-digit-round.cms-large .cms-timer .cms-digit {
    width: 50px;
    height: 50px
}

cms-countdown-timer.cms-digit-and-letter-round {
    font-weight: bold
}

cms-countdown-timer.cms-digit-and-letter-round .cms-ends-in-text {
    margin: 0px 2px
}

cms-countdown-timer.cms-digit-and-letter-round .cms-timer {
    margin: 0px 2px
}

cms-countdown-timer.cms-digit-and-letter-round .cms-timer .cms-digit-and-letter {
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%
}

cms-countdown-timer.cms-digit-and-letter-round .cms-timer .cms-digit-and-letter .cms-digit {
    padding: 0px;
    margin: 0px;
    border: none;
    background-color: transparent
}

cms-countdown-timer.cms-black-white .cms-timer .cms-digit-and-letter {
    color: #000
}

cms-countdown-timer.cms-digit-and-letter-round.cms-mini .cms-timer .cms-digit-and-letter {
    width: 35px;
    height: 35px
}

cms-countdown-timer.cms-digit-and-letter-round.cms-small .cms-timer .cms-digit-and-letter {
    width: 40px;
    height: 40px
}

cms-countdown-timer.cms-digit-and-letter-round.cms-middle .cms-timer .cms-digit-and-letter {
    width: 45px;
    height: 45px
}

cms-countdown-timer.cms-digit-and-letter-round.cms-large .cms-timer .cms-digit-and-letter {
    width: 58px;
    height: 58px
}

share-widget-mobile,
back-icon,
share-widget-desktop,
share-button,
share-icon,
top-arrow,
qr-code-poster,
share-link,
head-line,
marketing-message,
rewards-link-description,
rewards-offers,
shorten-url-checkbox,
social-media-list,
close-icon,
download-icon,
generic-qrcode-icon,
iherb-logo,
left-button-icon,
loading-spinner,
right-button-icon {
    visibility: hidden
}

.hydrated {
    visibility: inherit
}

slot-fb {
    display: contents
}

slot-fb[hidden] {
    display: none
}

app-code-editor,
app-lib,
app-root,
cms-accordion,
cms-alert,
cms-blog-reference,
cms-container-height-observer,
cms-copy-promo-code,
cms-countdown-timer,
cms-d-language-select,
cms-ellipsis-text,
cms-emoji,
cms-emoji-range,
cms-emoji-range-v2,
cms-gam-banner,
cms-icon,
cms-icon-angle-down,
cms-icon-angle-left,
cms-icon-angle-right,
cms-icon-angle-up,
cms-icon-arrow-down,
cms-icon-arrow-left,
cms-icon-arrow-left-to-line,
cms-icon-arrow-right,
cms-icon-arrow-up,
cms-icon-beauty,
cms-icon-blogger-circle-fill,
cms-icon-check,
cms-icon-chevron-down,
cms-icon-conditions,
cms-icon-copy,
cms-icon-cruelty-free,
cms-icon-dairy-free,
cms-icon-email-circle-fill,
cms-icon-facebook,
cms-icon-facebook-circle-fill,
cms-icon-fitness,
cms-icon-gluten-free,
cms-icon-google-plus-circle-fill,
cms-icon-id-card,
cms-icon-instagram,
cms-icon-instagram-circle-fill,
cms-icon-instagram-circle-linear,
cms-icon-instagram-fill,
cms-icon-keto,
cms-icon-kosher,
cms-icon-linkedin,
cms-icon-linkedin-circle-fill,
cms-icon-live-journal-circle-fill,
cms-icon-megaphone,
cms-icon-non-gmo,
cms-icon-nutrition,
cms-icon-organic,
cms-icon-paleo,
cms-icon-pinterest-circle-fill,
cms-icon-signal,
cms-icon-square-facebook,
cms-icon-tiktok,
cms-icon-translate,
cms-icon-twitter,
cms-icon-twitter-circle-fill,
cms-icon-vagan,
cms-icon-vegetarian,
cms-icon-wellness,
cms-icon-wordpress-lined,
cms-icon-youku-circle-lined,
cms-icon-youtube,
cms-icon-youtube-circle-fill,
cms-lazy-load-image,
cms-loading,
cms-m-drawer,
cms-m-language-select,
cms-modal-info,
cms-perimeterx-modal,
cms-popover,
cms-result,
cms-singleton-element,
cms-survey,
cms-survey-header,
cms-toggle,
cms-tooltip,
cms-trigger-modal {
    visibility: hidden
}

.hydrated {
    visibility: inherit
}

.footer-section {
    width: 15%;
}

@media (max-width: 801px) {
    .footer-section {
        width: 20%;
    }
}

.cms-text-banner-height-auto {
    text-align: initial;
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
}

.cms-text-banner-height-auto a {
    text-decoration: none;
    color: unset;
}

.cms-text-banner-height-auto a:hover {
    text-decoration: none;
}

.cms-text-banner-height-auto span a {
    color: unset;
}

.cms-text-banner-height-auto .cms-banner-wrapper-container {
    box-sizing: border-box;
    width: 100%;
    margin: auto;
}

.cms-text-banner-height-auto .cms-banner-wrapper-root-link {
    display: block;
    width: 100%;
}

.cms-text-banner-height-auto .cms-banner-wrapper-root {
    box-sizing: border-box;
    width: 100%;
    margin: auto;
}

.cms-text-banner-height-auto img {
    display: block;
    border-style: none;
}

.cms-text-banner-height-auto .custom-flex-box-hide {
    display: none;
}


.cms-bubble {
    border-radius: 24px;
    padding: 6px 16px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    display: inline-block;
    margin: 4px 2px;
}

.cms-bubble:not(.active):hover {
    background-color: #f5f5f5;
    text-decoration: none;
}

.cms-bubble-text {
    font-size: 14px;
    font-weight: normal;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    line-height: 1.43
}

.cms-bubble.active {
    background-color: #ff7137;
}

.cms-bubble.active .cms-bubble-text {
    color: #000
}

.cms-text-banner-height-auto .arrow-right,
.cms-text-banner-height-auto .arrow-left {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-top: 2px solid #5d5d5d;
    margin: 0px 10px;
    background-color: transparent;
}

.cms-text-banner-height-auto .arrow-right {
    border-right: 2px solid #5d5d5d;
    transform: rotate(45deg);
}

.cms-text-banner-height-auto .arrow-left {
    border-left: 2px solid #5d5d5d;
    transform: rotate(-45deg);
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.img-inline {
    display: inline;
    max-width: 100%;
    height: auto;
}

svg.stars-rating {
    width: 80px;
    min-height: 15px;
    vertical-align: top;
    height: 15px;
    position: relative;
    left: -3px;
}

.star-rating-svg symbol {
    fill: #bdbdbd;
    stroke: #bdbdbd;
}

.rated {
    fill: #fecc2f;
    stroke: #fecc2f;
}

.icon-checkoutarrow {
    height: 7px;
    width: 5px;
}

.cms-text-banner-height-auto {
    text-align: initial;
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
}

.cms-text-banner-height-auto a {
    text-decoration: none;
    color: unset;
}

.cms-text-banner-height-auto a:hover {
    text-decoration: none;
}

.cms-text-banner-height-auto span a {
    color: unset;
}

.cms-text-banner-height-auto .cms-banner-wrapper-container {
    box-sizing: border-box;
    width: 100%;
    margin: auto;
}

.cms-text-banner-height-auto .cms-banner-wrapper-root-link {
    display: block;
    width: 100%;
}

.cms-text-banner-height-auto .cms-banner-wrapper-root {
    box-sizing: border-box;
    width: 100%;
    margin: auto;
}

.cms-text-banner-height-auto img {
    display: block;
    border-style: none;
}

.cms-text-banner-height-auto .custom-flex-box-hide {
    display: none;
}

.cms-text-banner-height-auto[data-height-type='fixed'].cms-layout-616335 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px
}

.cms-text-banner-height-auto[data-height-type='ratio'].cms-layout-616335 {
    padding-top: calc((48 / 1400)* 100%);
    position: relative;
}

.cms-text-banner-height-auto[data-height-type='ratio'].cms-layout-616335 .cms-banner-wrapper-container {
    height: 100%;
    position: absolute;
    top: 0;
}

.cms-text-banner-height-auto[data-height-type='ratio'].cms-layout-616335 .cms-banner-wrapper-container>a {
    height: 100%;
}

.cms-text-banner-height-auto[data-height-type='ratio'].cms-layout-616335 .cms-banner-wrapper-root {
    height: 100%;
}

.cms-bubble {
    border-radius: 24px;
    padding: 6px 16px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    display: inline-block;
    margin: 4px 2px;
}

.cms-bubble:not(.active):hover {
    background-color: #f5f5f5;
    text-decoration: none;
}

.cms-bubble-text {
    font-size: 14px;
    font-weight: normal;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    line-height: 1.43
}

.cms-bubble.active {
    background-color: #ff7137;
}

.cms-bubble.active .cms-bubble-text {
    color: #000
}

.cms-text-banner-height-auto .arrow-right,
.cms-text-banner-height-auto .arrow-left {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-top: 2px solid #5d5d5d;
    margin: 0px 10px;
    background-color: transparent;
}

.cms-text-banner-height-auto .arrow-right {
    border-right: 2px solid #5d5d5d;
    transform: rotate(45deg);
}

.cms-text-banner-height-auto .arrow-left {
    border-left: 2px solid #5d5d5d;
    transform: rotate(-45deg);
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.sub-header-container {
    padding: 0;
}

div.blog-home-page-header-contaienr {
    margin-top: 30px !important;
    border: 1px solid #CCCCCC !important;
    display: none;
}

.nav-v2-section a {
    text-decoration: none;
}


.zh.specialproductlist #FilteredProducts .product {
    height: auto;
}

.mega-menu-content .type-heading a.menu-link:not([href]) {
    color: #333333 !important;
    text-decoration: none !important;
    cursor: default !important;
}

.mega-menu-content .type-heading a.menu-link:not([href]) svg.icon {
    display: none !important;
}


.mega-menu-content .menu-wrapper .menu-flex .menu-column {
    margin-right: 24px !important;
}

.mega-menu-content .menu-wrapper .menu-flex .menu-fixed-2 {
    width: 332px !important;
}

.mega-menu-content .menu-wrapper .menu-flex .menu-fixed .menu-flex .menu-column {
    margin-right: 12px !important;
}

.store-landing-shop-by-images .image-link-container {
    width: 100%
}

#store-landing-page .expert-list-wrapper .expert-list-container .expert-list-title-content {
    align-items: start !important;
    gap: 8px;
}

#store-landing-blogs .title {
    padding-bottom: 16px;
}

.expert-picks-wrapper .expert-picks-content .expert-picks-expert .expert-picks-img-container:before {
    content: unset !important;
}

#store-landing-page .title h3 {
    font-size: 24px;
}

.header-cc-us #consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper {
    width: 50vw !important;
}

.header-cc-us #consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper .implicit-close {
    display: none !important;
}



.cms-image-banner-img-hd .cms-banner-img {
    border-style: none;
    align-self: flex-start;
}

.cms-image-banner-img-zoom {
    overflow: hidden;
    display: flex;
    justify-content: center;
    position: relative;
}

.cms-image-banner-img-zoom .cms-banner-img {
    max-width: 100%;
    height: auto;
    border-style: none;
    align-self: flex-start;
}
.hp-banners-container svg{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ffffff66;
}

@-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)
    }
}


.zh .font-branded {
    font-size: 15px
}

.font-universal {
    line-height: 1.42857
}

body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%
}

html {
    overflow-y: scroll;
    overscroll-behavior: none
}

body {
    font-family: EsonFont, sans-serif;
    line-height: 1.42857;
    font-weight: 400;
    font-size: 16px;
    background: #f5f5f6;
    -ms-overflow-style: scrollbar
}

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: #0039a6;
    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, #be986d 100%);
    background-image: linear-gradient(to bottom, #6fa26b 0, #be986d 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, #be986d 100%);
    background-image: linear-gradient(to bottom, #6fa26b 0, #be986d 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: #0039a6;
    border-color: #0039a6;
    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: #0039a6;
    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: #0039a6;
    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: #0039a6;
    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 .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: #be986d
}

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: #be986d;
    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-btn-neutral,
footer header.header-cc-hx .branded-header .iherb-header-signed-out,
footer.header-cc-hx .branded-header .iherb-header-signed-out,
footer.header-cc-hx .branded-header header .iherb-header-signed-out,
header .gh-btn-neutral,
header footer.header-cc-hx .branded-header .iherb-header-signed-out,
header.header-cc-hx .branded-header .iherb-header-signed-out,
header.header-cc-hx .branded-header footer .iherb-header-signed-out {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333
}

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

footer .gh-checkbox,
header .gh-checkbox {
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 8px
}

footer .gh-checkbox>svg,
header .gh-checkbox>svg {
    display: none;
    width: 17px;
    height: 16px;
    fill: #fff;
    stroke: #fff
}

footer .gh-checkbox-input,
header .gh-checkbox-input {
    visibility: hidden;
    position: absolute;
    pointer-events: none
}

footer .gh-checkbox-input:checked+.gh-checkbox,
header .gh-checkbox-input:checked+.gh-checkbox {
    background-color: #6fa26b;
    border-color: #6fa26b
}

footer .gh-checkbox-input:checked+.gh-checkbox>svg,
header .gh-checkbox-input:checked+.gh-checkbox>svg {
    display: block
}

footer img,
header img {
    border: none
}

footer ul,
header ul {
    margin: 0;
    padding: 0;
    outline-color: transparent;
    list-style: none
}

footer a,
header a {
    text-decoration: none;
    color: #0039a6
}


footer button,
footer span,
header button,
header span {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-weight: inherit;
    font-size: inherit
}

footer input,
footer select,
footer textarea,
header input,
header select,
header textarea {
    font: inherit;
    margin: 0
}

footer menu,
header menu {
    padding: 0;
    margin: 0
}

footer figure,
footer p,
header figure,
header p {
    padding: 0;
    margin: 0
}

footer h1,
footer h5,
header h1,
header h5 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin: 25px 0 0 0;
    display: block
}

footer h2,
header h2 {
    font-size: 12px;
    font-weight: 700;
    color: #000;
    margin: 5px 0 10px 0;
    display: block
}

footer h3,
header h3 {
    font-size: 17px;
    font-weight: 700;
    color: #000;
    margin: 0;
    display: block
}

footer h3 a,
header h3 a {
    font-size: 17px;
    font-weight: 700;
    color: #000;
    text-decoration: none
}

footer h4,
header h4 {
    padding: 0;
    margin: 0
}

footer .b,
footer strong,
header .b,
header strong {
    font-weight: 700
}

footer table,
footer table.orderhistory,
header table,
header table.orderhistory {
    margin: auto;
    text-align: left
}

footer td,
header td {
    padding: 10px
}

footer .clearfix:after,
footer .clearfix:before,
header .clearfix:after,
header .clearfix:before {
    content: " ";
    display: table
}

footer .clearfix:after,
header .clearfix:after {
    clear: both
}

footer .center-block,
header .center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

footer .pull-right,
header .pull-right {
    float: right !important
}

footer .pull-left,
header .pull-left {
    float: left !important
}

footer .col-no-padding,
header .col-no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important
}

footer .icon-sharefilled,
header .icon-sharefilled {
    font-size: 18px
}

footer .affix,
header .affix {
    position: fixed
}

footer .s20,
header .s20 {
    font-size: 20px;
    line-height: 23px
}

footer .s24,
header .s24 {
    font-size: 24px
}

footer .fLeft,
header .fLeft {
    float: left
}

footer .fRight,
header .fRight {
    float: right
}

footer .mgnB20,
header .mgnB20 {
    margin-bottom: 20px
}

footer .mgnR20,
header .mgnR20 {
    margin-right: 20px
}

footer .red,
header .red {
    color: #f10200
}

footer .color-primary,
footer .green,
header .color-primary,
header .green {
    color: #6fa26b
}

footer .color-secondary,
header .color-secondary {
    color: #f38a00
}

footer .clear-both,
footer .clearBoth,
header .clear-both,
header .clearBoth {
    clear: both
}

footer .responsive-container #mainContent,
header .responsive-container #mainContent {
    width: auto;
    margin: 0 auto;
    max-width: 1400px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

footer .responsive-container #mainContent>.container-fluid,
header .responsive-container #mainContent>.container-fluid {
    padding-left: 0;
    padding-right: 0;
    min-width: 0
}

footer .home .responsive-container #mainContent,
header .home .responsive-container #mainContent {
    margin-right: auto !important;
    margin-left: auto !important;
    max-width: 1400px !important;
    width: auto !important;
    padding: 0 0 15px 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

footer #mainWrapper,
header #mainWrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -375px
}

footer #push,
header #push {
    height: 375px
}

footer #mainContent,
header #mainContent {
    overflow: hidden
}

@-webkit-keyframes spinning-leaf {
    from {
        -webkit-transform: rotateY(0) translate3d(0, 0, 0);
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(360deg) translate3d(0, 0, 0);
        transform: rotateY(360deg)
    }
}

@-moz-keyframes spinning-leaf {
    from {
        -webkit-transform: rotateY(0) translate3d(0, 0, 0);
        -moz-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(360deg) translate3d(0, 0, 0);
        -moz-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

@keyframes spinning-leaf {
    from {
        -webkit-transform: rotateY(0) translate3d(0, 0, 0);
        -moz-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(360deg) translate3d(0, 0, 0);
        -moz-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

footer .leaf,
header .leaf {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .75);
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    z-index: 29
}

footer .leaf .icon-iherbleaf,
header .leaf .icon-iherbleaf {
    color: #6fa26b;
    font-size: 80px;
    width: 96px;
    height: 80px;
    display: block;
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: spinning-leaf;
    -moz-animation-name: spinning-leaf;
    animation-name: spinning-leaf;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

footer .disable-events,
footer .disable-events *,
header .disable-events,
header .disable-events * {
    pointer-events: none
}

footer .hide,
header .hide {
    display: none
}

.Catalog footer .hide,
.Catalog header .hide {
    display: none !important
}

.qanda footer .hide,
.qanda header .hide {
    display: none !important
}

footer .off.on,
footer .on,
header .off.on,
header .on {
    display: block
}

footer .float-left,
header .float-left {
    float: left
}

footer .float-right,
header .float-right {
    float: right
}

footer #iherb-account .logged-in.hide,
footer #iherb-account .logged-out.hide,
header #iherb-account .logged-in.hide,
header #iherb-account .logged-out.hide {
    display: none !important
}

footer .thin-padding-x,
header .thin-padding-x {
    padding-left: 4px !important;
    padding-right: 4px !important
}

footer .no-padding-y,
header .no-padding-y {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

footer .no-padding-x,
header .no-padding-x {
    padding-left: 0 !important;
    padding-right: 0 !important
}

footer .no-padding-left,
header .no-padding-left {
    padding-left: 0 !important
}

footer .no-padding-right,
header .no-padding-right {
    padding-right: 0 !important
}

footer .no-padding-bottom,
header .no-padding-bottom {
    padding-bottom: 0 !important
}

footer .no-padding-top,
header .no-padding-top {
    padding-top: 0 !important
}

footer .no-margin-y,
header .no-margin-y {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

footer .no-margin-x,
header .no-margin-x {
    margin-left: 0 !important;
    margin-right: 0 !important
}

footer .no-margin-left,
header .no-margin-left {
    margin-left: 0 !important
}

footer .no-margin-right,
header .no-margin-right {
    margin-right: 0 !important
}

footer .no-margin-bottom,
header .no-margin-bottom {
    margin-bottom: 0 !important
}

footer .no-margin-top,
header .no-margin-top {
    margin-top: 0 !important
}

footer .strikethrough,
header .strikethrough {
    text-decoration: line-through
}

footer .anchor-buffer::before,
header .anchor-buffer::before {
    display: block;
    content: " ";
    margin-top: -50px;
    height: 50px;
    visibility: hidden;
    pointer-events: none
}

footer .absolute-link-wrapper,
header .absolute-link-wrapper {
    position: relative
}

footer .absolute-link-wrapper .absolute-link,
header .absolute-link-wrapper .absolute-link {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1
}

footer .invisible,
header .invisible {
    visibility: hidden !important
}

footer .img-responsive,
header .img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

footer .img-rounded,
header .img-rounded {
    border-radius: 5px
}

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

footer .icon,
header .icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: #000;
    position: relative
}

footer .section-title-border,
header .section-title-border {
    border-bottom: 1px solid #e0e0e0
}

footer .section-title,
footer .section-title-border,
header .section-title,
header .section-title-border {
    text-align: left
}

footer .section-title h2,
footer .section-title-border h2,
header .section-title h2,
header .section-title-border h2 {
    font-weight: 700;
    font-size: 18px;
    display: inline-block;
    padding: 4px 0 5px 0
}

.ar footer .section-title h2,
.ar footer .section-title-border h2,
.ar header .section-title h2,
.ar header .section-title-border h2 {
    font-size: 18px
}

footer h1,
header h1 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin: 25px 0 0 0;
    display: block
}

footer .h1 .small,
footer .h1 small,
footer .h2 .small,
footer .h2 small,
footer .h3 .small,
footer .h3 small,
footer .h4 .small,
footer .h4 small,
footer .h5 .small,
footer .h5 small,
footer .h6 .small,
footer .h6 small,
header .h1 .small,
header .h1 small,
header .h2 .small,
header .h2 small,
header .h3 .small,
header .h3 small,
header .h4 .small,
header .h4 small,
header .h5 .small,
header .h5 small,
header .h6 .small,
header .h6 small {
    font-weight: 400;
    line-height: 1;
    color: #000
}

footer .h1,
footer .h2,
footer .h3,
header .h1,
header .h2,
header .h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

footer .h1 .small,
footer .h1 small,
footer .h2 .small,
footer .h2 small,
footer .h3 .small,
footer .h3 small,
header .h1 .small,
header .h1 small,
header .h2 .small,
header .h2 small,
header .h3 .small,
header .h3 small {
    font-size: 65%
}

footer .h4,
footer .h5,
footer .h6,
header .h4,
header .h5,
header .h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

footer .h4 .small,
footer .h4 small,
footer .h5 .small,
footer .h5 small,
footer .h6 .small,
footer .h6 small,
header .h4 .small,
header .h4 small,
header .h5 .small,
header .h5 small,
header .h6 .small,
header .h6 small {
    font-size: 75%
}

footer .h1,
header .h1 {
    font-size: 36px
}

footer .h2,
header .h2 {
    font-size: 26px
}

footer .h3,
header .h3 {
    font-size: 24px
}

footer .h4,
header .h4 {
    font-size: 18px
}

footer .h5,
header .h5 {
    font-size: 14px
}

footer .h6,
header .h6 {
    font-size: 12px
}

footer .p,
header .p {
    margin: 0 0 10px
}

footer .text-left,
header .text-left {
    text-align: left
}

footer .text-right,
header .text-right {
    text-align: right
}

footer .text-center,
header .text-center {
    text-align: center
}

footer .text-justify,
header .text-justify {
    text-align: justify
}

footer .text-nowrap,
header .text-nowrap {
    white-space: nowrap
}

footer .text-lowercase,
header .text-lowercase {
    text-transform: lowercase
}

footer .text-uppercase,
header .text-uppercase {
    text-transform: uppercase
}

footer .text-capitalize,
header .text-capitalize {
    text-transform: capitalize
}

footer .text-muted,
header .text-muted {
    color: #8c8c8c
}

footer .text-muted-lighter,
header .text-muted-lighter {
    color: #999
}

footer .text-ellipsis,
header .text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

footer .small,
footer small,
header .small,
header small {
    font-size: 12px
}

footer .text-primary,
header .text-primary {
    color: #6fa26b
}

footer a.text-primary:focus,
footer a.text-primary:hover,
header a.text-primary:focus,
header a.text-primary:hover {
    color: #2b5200
}

footer .text-primary-darker,
header .text-primary-darker {
    color: #be986d
}

footer a.text-primary-darker:focus,
footer a.text-primary-darker:hover,
header a.text-primary-darker:focus,
header a.text-primary-darker:hover {
    color: #194200
}

footer .text-secondary,
header .text-secondary {
    color: #f38a00
}

footer a.text-secondary:focus,
footer a.text-secondary:hover,
header a.text-secondary:focus,
header a.text-secondary:hover {
    color: #c06d00
}

footer .text-secondary-darker,
header .text-secondary-darker {
    color: #be986d
}

footer a.text-secondary-darker:focus,
footer a.text-secondary-darker:hover,
header a.text-secondary-darker:focus,
header a.text-secondary-darker:hover {
    color: #194200
}

footer .text-success,
header .text-success {
    color: #6fa26b
}

footer a.text-success:focus,
footer a.text-success:hover,
header a.text-success:focus,
header a.text-success:hover {
    color: #2b5200
}

footer .text-info,
header .text-info {
    color: #60a8ee
}

footer a.text-info:focus,
footer a.text-info:hover,
header a.text-info:focus,
header a.text-info:hover {
    color: #328fe9
}

footer .text-warning,
header .text-warning {
    color: #f38a00
}

footer a.text-warning:focus,
footer a.text-warning:hover,
header a.text-warning:focus,
header a.text-warning:hover {
    color: #c06d00
}

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

footer a.text-danger:focus,
footer a.text-danger:hover,
header a.text-danger:focus,
header a.text-danger:hover {
    color: #be0200
}

footer .text-danger-lighter,
header .text-danger-lighter {
    color: #666
}

footer a.text-danger-lighter:focus,
footer a.text-danger-lighter:hover,
header a.text-danger-lighter:focus,
header a.text-danger-lighter:hover {
    color: #4d4d4d
}

footer .text-white,
header .text-white {
    color: #fff
}

footer a.text-white:focus,
footer a.text-white:hover,
header a.text-white:focus,
header a.text-white:hover {
    color: #e6e6e6
}

footer *,
header * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

footer :after,
footer :before,
header :after,
header :before {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

footer .container,
header .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

footer .container:before,
header .container:before {
    content: " ";
    display: table
}

footer .container:after,
header .container:after {
    content: " ";
    display: table;
    clear: both
}

@media (min-width:768px) {

    footer .container,
    header .container {
        width: 750px
    }
}

@media (min-width:992px) {

    footer .container,
    header .container {
        width: 970px
    }
}

@media (min-width:1200px) {

    footer .container,
    header .container {
        width: 1170px
    }
}

@media (min-width:1400px) {

    footer .container,
    header .container {
        width: 1358px
    }
}

footer .container-fluid,
header .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1400px;
}

footer .container-fluid:before,
header .container-fluid:before {
    content: " ";
    display: table
}

footer .container-fluid:after,
header .container-fluid:after {
    content: " ";
    display: table;
    clear: both
}

footer .container-fluid-bs,
header .container-fluid-bs {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

footer .container-fluid-bs:before,
header .container-fluid-bs:before {
    content: " ";
    display: table
}

footer .container-fluid-bs:after,
header .container-fluid-bs:after {
    content: " ";
    display: table;
    clear: both
}

footer .row,
header .row {
    margin-left: -15px;
    margin-right: -15px
}

footer .row:before,
header .row:before {
    content: " ";
    display: table
}

footer .row:after,
header .row:after {
    content: " ";
    display: table;
    clear: both
}

footer .col-buffer,
footer .row-buffer,
header .col-buffer,
header .row-buffer {
    margin-bottom: 15px
}

footer .col-buffer-xl,
footer .row-buffer-xl,
header .col-buffer-xl,
header .row-buffer-xl {
    margin-bottom: 30px
}

footer .col-buffer-lg,
footer .row-buffer-lg,
header .col-buffer-lg,
header .row-buffer-lg {
    margin-bottom: 25px
}

footer .col-buffer-md,
footer .row-buffer-md,
header .col-buffer-md,
header .row-buffer-md {
    margin-bottom: 20px
}

footer .col-buffer-sm,
footer .row-buffer-sm,
header .col-buffer-sm,
header .row-buffer-sm {
    margin-bottom: 10px
}

footer .col-buffer-xs,
footer .row-buffer-xs,
header .col-buffer-xs,
header .row-buffer-xs {
    margin-bottom: 5px
}

footer .container-buffer,
header .container-buffer {
    margin-bottom: 40px
}

footer .container-buffer-lg,
header .container-buffer-lg {
    margin-bottom: 40px
}

footer .container-buffer-sm,
header .container-buffer-sm {
    margin-bottom: 20px
}

footer .no-gutter>[class*=col-],
header .no-gutter>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

footer .col-lg-1,
footer .col-lg-10,
footer .col-lg-11,
footer .col-lg-12,
footer .col-lg-13,
footer .col-lg-14,
footer .col-lg-15,
footer .col-lg-16,
footer .col-lg-17,
footer .col-lg-18,
footer .col-lg-19,
footer .col-lg-2,
footer .col-lg-20,
footer .col-lg-21,
footer .col-lg-22,
footer .col-lg-23,
footer .col-lg-24,
footer .col-lg-3,
footer .col-lg-4,
footer .col-lg-5,
footer .col-lg-5th,
footer .col-lg-6,
footer .col-lg-7,
footer .col-lg-7th,
footer .col-lg-8,
footer .col-lg-9,
footer .col-md-1,
footer .col-md-10,
footer .col-md-11,
footer .col-md-12,
footer .col-md-13,
footer .col-md-14,
footer .col-md-15,
footer .col-md-16,
footer .col-md-17,
footer .col-md-18,
footer .col-md-19,
footer .col-md-2,
footer .col-md-20,
footer .col-md-21,
footer .col-md-22,
footer .col-md-23,
footer .col-md-24,
footer .col-md-3,
footer .col-md-4,
footer .col-md-5,
footer .col-md-5th,
footer .col-md-6,
footer .col-md-7,
footer .col-md-7th,
footer .col-md-8,
footer .col-md-9,
footer .col-sm-1,
footer .col-sm-10,
footer .col-sm-11,
footer .col-sm-12,
footer .col-sm-13,
footer .col-sm-14,
footer .col-sm-15,
footer .col-sm-16,
footer .col-sm-17,
footer .col-sm-18,
footer .col-sm-19,
footer .col-sm-2,
footer .col-sm-20,
footer .col-sm-21,
footer .col-sm-22,
footer .col-sm-23,
footer .col-sm-24,
footer .col-sm-3,
footer .col-sm-4,
footer .col-sm-5,
footer .col-sm-5th,
footer .col-sm-6,
footer .col-sm-7,
footer .col-sm-7th,
footer .col-sm-8,
footer .col-sm-9,
footer .col-xl-1,
footer .col-xl-10,
footer .col-xl-11,
footer .col-xl-12,
footer .col-xl-13,
footer .col-xl-14,
footer .col-xl-15,
footer .col-xl-16,
footer .col-xl-17,
footer .col-xl-18,
footer .col-xl-19,
footer .col-xl-2,
footer .col-xl-20,
footer .col-xl-21,
footer .col-xl-22,
footer .col-xl-23,
footer .col-xl-24,
footer .col-xl-3,
footer .col-xl-4,
footer .col-xl-5,
footer .col-xl-5th,
footer .col-xl-6,
footer .col-xl-7,
footer .col-xl-7th,
footer .col-xl-8,
footer .col-xl-9,
footer .col-xs-1,
footer .col-xs-10,
footer .col-xs-11,
footer .col-xs-12,
footer .col-xs-13,
footer .col-xs-14,
footer .col-xs-15,
footer .col-xs-16,
footer .col-xs-17,
footer .col-xs-18,
footer .col-xs-19,
footer .col-xs-2,
footer .col-xs-20,
footer .col-xs-21,
footer .col-xs-22,
footer .col-xs-23,
footer .col-xs-24,
footer .col-xs-3,
footer .col-xs-4,
footer .col-xs-5,
footer .col-xs-5th,
footer .col-xs-6,
footer .col-xs-7,
footer .col-xs-7th,
footer .col-xs-8,
footer .col-xs-9,
header .col-lg-1,
header .col-lg-10,
header .col-lg-11,
header .col-lg-12,
header .col-lg-13,
header .col-lg-14,
header .col-lg-15,
header .col-lg-16,
header .col-lg-17,
header .col-lg-18,
header .col-lg-19,
header .col-lg-2,
header .col-lg-20,
header .col-lg-21,
header .col-lg-22,
header .col-lg-23,
header .col-lg-24,
header .col-lg-3,
header .col-lg-4,
header .col-lg-5,
header .col-lg-5th,
header .col-lg-6,
header .col-lg-7,
header .col-lg-7th,
header .col-lg-8,
header .col-lg-9,
header .col-md-1,
header .col-md-10,
header .col-md-11,
header .col-md-12,
header .col-md-13,
header .col-md-14,
header .col-md-15,
header .col-md-16,
header .col-md-17,
header .col-md-18,
header .col-md-19,
header .col-md-2,
header .col-md-20,
header .col-md-21,
header .col-md-22,
header .col-md-23,
header .col-md-24,
header .col-md-3,
header .col-md-4,
header .col-md-5,
header .col-md-5th,
header .col-md-6,
header .col-md-7,
header .col-md-7th,
header .col-md-8,
header .col-md-9,
header .col-sm-1,
header .col-sm-10,
header .col-sm-11,
header .col-sm-12,
header .col-sm-13,
header .col-sm-14,
header .col-sm-15,
header .col-sm-16,
header .col-sm-17,
header .col-sm-18,
header .col-sm-19,
header .col-sm-2,
header .col-sm-20,
header .col-sm-21,
header .col-sm-22,
header .col-sm-23,
header .col-sm-24,
header .col-sm-3,
header .col-sm-4,
header .col-sm-5,
header .col-sm-5th,
header .col-sm-6,
header .col-sm-7,
header .col-sm-7th,
header .col-sm-8,
header .col-sm-9,
header .col-xl-1,
header .col-xl-10,
header .col-xl-11,
header .col-xl-12,
header .col-xl-13,
header .col-xl-14,
header .col-xl-15,
header .col-xl-16,
header .col-xl-17,
header .col-xl-18,
header .col-xl-19,
header .col-xl-2,
header .col-xl-20,
header .col-xl-21,
header .col-xl-22,
header .col-xl-23,
header .col-xl-24,
header .col-xl-3,
header .col-xl-4,
header .col-xl-5,
header .col-xl-5th,
header .col-xl-6,
header .col-xl-7,
header .col-xl-7th,
header .col-xl-8,
header .col-xl-9,
header .col-xs-1,
header .col-xs-10,
header .col-xs-11,
header .col-xs-12,
header .col-xs-13,
header .col-xs-14,
header .col-xs-15,
header .col-xs-16,
header .col-xs-17,
header .col-xs-18,
header .col-xs-19,
header .col-xs-2,
header .col-xs-20,
header .col-xs-21,
header .col-xs-22,
header .col-xs-23,
header .col-xs-24,
header .col-xs-3,
header .col-xs-4,
header .col-xs-5,
header .col-xs-5th,
header .col-xs-6,
header .col-xs-7,
header .col-xs-7th,
header .col-xs-8,
header .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

footer .col-lg-1.no-gutter,
footer .col-lg-10.no-gutter,
footer .col-lg-11.no-gutter,
footer .col-lg-12.no-gutter,
footer .col-lg-13.no-gutter,
footer .col-lg-14.no-gutter,
footer .col-lg-15.no-gutter,
footer .col-lg-16.no-gutter,
footer .col-lg-17.no-gutter,
footer .col-lg-18.no-gutter,
footer .col-lg-19.no-gutter,
footer .col-lg-2.no-gutter,
footer .col-lg-20.no-gutter,
footer .col-lg-21.no-gutter,
footer .col-lg-22.no-gutter,
footer .col-lg-23.no-gutter,
footer .col-lg-24.no-gutter,
footer .col-lg-3.no-gutter,
footer .col-lg-4.no-gutter,
footer .col-lg-5.no-gutter,
footer .col-lg-5th.no-gutter,
footer .col-lg-6.no-gutter,
footer .col-lg-7.no-gutter,
footer .col-lg-7th.no-gutter,
footer .col-lg-8.no-gutter,
footer .col-lg-9.no-gutter,
footer .col-md-1.no-gutter,
footer .col-md-10.no-gutter,
footer .col-md-11.no-gutter,
footer .col-md-12.no-gutter,
footer .col-md-13.no-gutter,
footer .col-md-14.no-gutter,
footer .col-md-15.no-gutter,
footer .col-md-16.no-gutter,
footer .col-md-17.no-gutter,
footer .col-md-18.no-gutter,
footer .col-md-19.no-gutter,
footer .col-md-2.no-gutter,
footer .col-md-20.no-gutter,
footer .col-md-21.no-gutter,
footer .col-md-22.no-gutter,
footer .col-md-23.no-gutter,
footer .col-md-24.no-gutter,
footer .col-md-3.no-gutter,
footer .col-md-4.no-gutter,
footer .col-md-5.no-gutter,
footer .col-md-5th.no-gutter,
footer .col-md-6.no-gutter,
footer .col-md-7.no-gutter,
footer .col-md-7th.no-gutter,
footer .col-md-8.no-gutter,
footer .col-md-9.no-gutter,
footer .col-sm-1.no-gutter,
footer .col-sm-10.no-gutter,
footer .col-sm-11.no-gutter,
footer .col-sm-12.no-gutter,
footer .col-sm-13.no-gutter,
footer .col-sm-14.no-gutter,
footer .col-sm-15.no-gutter,
footer .col-sm-16.no-gutter,
footer .col-sm-17.no-gutter,
footer .col-sm-18.no-gutter,
footer .col-sm-19.no-gutter,
footer .col-sm-2.no-gutter,
footer .col-sm-20.no-gutter,
footer .col-sm-21.no-gutter,
footer .col-sm-22.no-gutter,
footer .col-sm-23.no-gutter,
footer .col-sm-24.no-gutter,
footer .col-sm-3.no-gutter,
footer .col-sm-4.no-gutter,
footer .col-sm-5.no-gutter,
footer .col-sm-5th.no-gutter,
footer .col-sm-6.no-gutter,
footer .col-sm-7.no-gutter,
footer .col-sm-7th.no-gutter,
footer .col-sm-8.no-gutter,
footer .col-sm-9.no-gutter,
footer .col-xl-1.no-gutter,
footer .col-xl-10.no-gutter,
footer .col-xl-11.no-gutter,
footer .col-xl-12.no-gutter,
footer .col-xl-13.no-gutter,
footer .col-xl-14.no-gutter,
footer .col-xl-15.no-gutter,
footer .col-xl-16.no-gutter,
footer .col-xl-17.no-gutter,
footer .col-xl-18.no-gutter,
footer .col-xl-19.no-gutter,
footer .col-xl-2.no-gutter,
footer .col-xl-20.no-gutter,
footer .col-xl-21.no-gutter,
footer .col-xl-22.no-gutter,
footer .col-xl-23.no-gutter,
footer .col-xl-24.no-gutter,
footer .col-xl-3.no-gutter,
footer .col-xl-4.no-gutter,
footer .col-xl-5.no-gutter,
footer .col-xl-5th.no-gutter,
footer .col-xl-6.no-gutter,
footer .col-xl-7.no-gutter,
footer .col-xl-7th.no-gutter,
footer .col-xl-8.no-gutter,
footer .col-xl-9.no-gutter,
footer .col-xs-1.no-gutter,
footer .col-xs-10.no-gutter,
footer .col-xs-11.no-gutter,
footer .col-xs-12.no-gutter,
footer .col-xs-13.no-gutter,
footer .col-xs-14.no-gutter,
footer .col-xs-15.no-gutter,
footer .col-xs-16.no-gutter,
footer .col-xs-17.no-gutter,
footer .col-xs-18.no-gutter,
footer .col-xs-19.no-gutter,
footer .col-xs-2.no-gutter,
footer .col-xs-20.no-gutter,
footer .col-xs-21.no-gutter,
footer .col-xs-22.no-gutter,
footer .col-xs-23.no-gutter,
footer .col-xs-24.no-gutter,
footer .col-xs-3.no-gutter,
footer .col-xs-4.no-gutter,
footer .col-xs-5.no-gutter,
footer .col-xs-5th.no-gutter,
footer .col-xs-6.no-gutter,
footer .col-xs-7.no-gutter,
footer .col-xs-7th.no-gutter,
footer .col-xs-8.no-gutter,
footer .col-xs-9.no-gutter,
header .col-lg-1.no-gutter,
header .col-lg-10.no-gutter,
header .col-lg-11.no-gutter,
header .col-lg-12.no-gutter,
header .col-lg-13.no-gutter,
header .col-lg-14.no-gutter,
header .col-lg-15.no-gutter,
header .col-lg-16.no-gutter,
header .col-lg-17.no-gutter,
header .col-lg-18.no-gutter,
header .col-lg-19.no-gutter,
header .col-lg-2.no-gutter,
header .col-lg-20.no-gutter,
header .col-lg-21.no-gutter,
header .col-lg-22.no-gutter,
header .col-lg-23.no-gutter,
header .col-lg-24.no-gutter,
header .col-lg-3.no-gutter,
header .col-lg-4.no-gutter,
header .col-lg-5.no-gutter,
header .col-lg-5th.no-gutter,
header .col-lg-6.no-gutter,
header .col-lg-7.no-gutter,
header .col-lg-7th.no-gutter,
header .col-lg-8.no-gutter,
header .col-lg-9.no-gutter,
header .col-md-1.no-gutter,
header .col-md-10.no-gutter,
header .col-md-11.no-gutter,
header .col-md-12.no-gutter,
header .col-md-13.no-gutter,
header .col-md-14.no-gutter,
header .col-md-15.no-gutter,
header .col-md-16.no-gutter,
header .col-md-17.no-gutter,
header .col-md-18.no-gutter,
header .col-md-19.no-gutter,
header .col-md-2.no-gutter,
header .col-md-20.no-gutter,
header .col-md-21.no-gutter,
header .col-md-22.no-gutter,
header .col-md-23.no-gutter,
header .col-md-24.no-gutter,
header .col-md-3.no-gutter,
header .col-md-4.no-gutter,
header .col-md-5.no-gutter,
header .col-md-5th.no-gutter,
header .col-md-6.no-gutter,
header .col-md-7.no-gutter,
header .col-md-7th.no-gutter,
header .col-md-8.no-gutter,
header .col-md-9.no-gutter,
header .col-sm-1.no-gutter,
header .col-sm-10.no-gutter,
header .col-sm-11.no-gutter,
header .col-sm-12.no-gutter,
header .col-sm-13.no-gutter,
header .col-sm-14.no-gutter,
header .col-sm-15.no-gutter,
header .col-sm-16.no-gutter,
header .col-sm-17.no-gutter,
header .col-sm-18.no-gutter,
header .col-sm-19.no-gutter,
header .col-sm-2.no-gutter,
header .col-sm-20.no-gutter,
header .col-sm-21.no-gutter,
header .col-sm-22.no-gutter,
header .col-sm-23.no-gutter,
header .col-sm-24.no-gutter,
header .col-sm-3.no-gutter,
header .col-sm-4.no-gutter,
header .col-sm-5.no-gutter,
header .col-sm-5th.no-gutter,
header .col-sm-6.no-gutter,
header .col-sm-7.no-gutter,
header .col-sm-7th.no-gutter,
header .col-sm-8.no-gutter,
header .col-sm-9.no-gutter,
header .col-xl-1.no-gutter,
header .col-xl-10.no-gutter,
header .col-xl-11.no-gutter,
header .col-xl-12.no-gutter,
header .col-xl-13.no-gutter,
header .col-xl-14.no-gutter,
header .col-xl-15.no-gutter,
header .col-xl-16.no-gutter,
header .col-xl-17.no-gutter,
header .col-xl-18.no-gutter,
header .col-xl-19.no-gutter,
header .col-xl-2.no-gutter,
header .col-xl-20.no-gutter,
header .col-xl-21.no-gutter,
header .col-xl-22.no-gutter,
header .col-xl-23.no-gutter,
header .col-xl-24.no-gutter,
header .col-xl-3.no-gutter,
header .col-xl-4.no-gutter,
header .col-xl-5.no-gutter,
header .col-xl-5th.no-gutter,
header .col-xl-6.no-gutter,
header .col-xl-7.no-gutter,
header .col-xl-7th.no-gutter,
header .col-xl-8.no-gutter,
header .col-xl-9.no-gutter,
header .col-xs-1.no-gutter,
header .col-xs-10.no-gutter,
header .col-xs-11.no-gutter,
header .col-xs-12.no-gutter,
header .col-xs-13.no-gutter,
header .col-xs-14.no-gutter,
header .col-xs-15.no-gutter,
header .col-xs-16.no-gutter,
header .col-xs-17.no-gutter,
header .col-xs-18.no-gutter,
header .col-xs-19.no-gutter,
header .col-xs-2.no-gutter,
header .col-xs-20.no-gutter,
header .col-xs-21.no-gutter,
header .col-xs-22.no-gutter,
header .col-xs-23.no-gutter,
header .col-xs-24.no-gutter,
header .col-xs-3.no-gutter,
header .col-xs-4.no-gutter,
header .col-xs-5.no-gutter,
header .col-xs-5th.no-gutter,
header .col-xs-6.no-gutter,
header .col-xs-7.no-gutter,
header .col-xs-7th.no-gutter,
header .col-xs-8.no-gutter,
header .col-xs-9.no-gutter {
    padding-left: 0;
    padding-right: 0
}

footer .col-xs-1,
footer .col-xs-10,
footer .col-xs-11,
footer .col-xs-12,
footer .col-xs-13,
footer .col-xs-14,
footer .col-xs-15,
footer .col-xs-16,
footer .col-xs-17,
footer .col-xs-18,
footer .col-xs-19,
footer .col-xs-2,
footer .col-xs-20,
footer .col-xs-21,
footer .col-xs-22,
footer .col-xs-23,
footer .col-xs-24,
footer .col-xs-3,
footer .col-xs-4,
footer .col-xs-5,
footer .col-xs-6,
footer .col-xs-7,
footer .col-xs-8,
footer .col-xs-9,
header .col-xs-1,
header .col-xs-10,
header .col-xs-11,
header .col-xs-12,
header .col-xs-13,
header .col-xs-14,
header .col-xs-15,
header .col-xs-16,
header .col-xs-17,
header .col-xs-18,
header .col-xs-19,
header .col-xs-2,
header .col-xs-20,
header .col-xs-21,
header .col-xs-22,
header .col-xs-23,
header .col-xs-24,
header .col-xs-3,
header .col-xs-4,
header .col-xs-5,
header .col-xs-6,
header .col-xs-7,
header .col-xs-8,
header .col-xs-9 {
    float: left
}

footer .col-xs-1,
header .col-xs-1 {
    width: 4.16667%
}

footer .col-xs-2,
header .col-xs-2 {
    width: 8.33333%
}

footer .col-xs-3,
header .col-xs-3 {
    width: 12.5%
}

footer .col-xs-4,
header .col-xs-4 {
    width: 16.66667%
}

footer .col-xs-5,
header .col-xs-5 {
    width: 20.83333%
}

footer .col-xs-6,
header .col-xs-6 {
    width: 25%
}

footer .col-xs-7,
header .col-xs-7 {
    width: 29.16667%
}

footer .col-xs-8,
header .col-xs-8 {
    width: 33.33333%
}

footer .col-xs-9,
header .col-xs-9 {
    width: 37.5%
}

footer .col-xs-10,
header .col-xs-10 {
    width: 41.66667%
}

footer .col-xs-11,
header .col-xs-11 {
    width: 45.83333%
}

footer .col-xs-12,
header .col-xs-12 {
    width: 50%
}

footer .col-xs-13,
header .col-xs-13 {
    width: 54.16667%
}

footer .col-xs-14,
header .col-xs-14 {
    width: 58.33333%
}

footer .col-xs-15,
header .col-xs-15 {
    width: 62.5%
}

footer .col-xs-16,
header .col-xs-16 {
    width: 66.66667%
}

footer .col-xs-17,
header .col-xs-17 {
    width: 70.83333%
}

footer .col-xs-18,
header .col-xs-18 {
    width: 75%
}

footer .col-xs-19,
header .col-xs-19 {
    width: 79.16667%
}

footer .col-xs-20,
header .col-xs-20 {
    width: 83.33333%
}

footer .col-xs-21,
header .col-xs-21 {
    width: 87.5%
}

footer .col-xs-22,
header .col-xs-22 {
    width: 91.66667%
}

footer .col-xs-23,
header .col-xs-23 {
    width: 95.83333%
}

footer .col-xs-24,
header .col-xs-24 {
    width: 100%
}

footer .col-xs-pull-0,
header .col-xs-pull-0 {
    right: auto
}

footer .col-xs-pull-1,
header .col-xs-pull-1 {
    right: 4.16667%
}

footer .col-xs-pull-2,
header .col-xs-pull-2 {
    right: 8.33333%
}

footer .col-xs-pull-3,
header .col-xs-pull-3 {
    right: 12.5%
}

footer .col-xs-pull-4,
header .col-xs-pull-4 {
    right: 16.66667%
}

footer .col-xs-pull-5,
header .col-xs-pull-5 {
    right: 20.83333%
}

footer .col-xs-pull-6,
header .col-xs-pull-6 {
    right: 25%
}

footer .col-xs-pull-7,
header .col-xs-pull-7 {
    right: 29.16667%
}

footer .col-xs-pull-8,
header .col-xs-pull-8 {
    right: 33.33333%
}

footer .col-xs-pull-9,
header .col-xs-pull-9 {
    right: 37.5%
}

footer .col-xs-pull-10,
header .col-xs-pull-10 {
    right: 41.66667%
}

footer .col-xs-pull-11,
header .col-xs-pull-11 {
    right: 45.83333%
}

footer .col-xs-pull-12,
header .col-xs-pull-12 {
    right: 50%
}

footer .col-xs-pull-13,
header .col-xs-pull-13 {
    right: 54.16667%
}

footer .col-xs-pull-14,
header .col-xs-pull-14 {
    right: 58.33333%
}

footer .col-xs-pull-15,
header .col-xs-pull-15 {
    right: 62.5%
}

footer .col-xs-pull-16,
header .col-xs-pull-16 {
    right: 66.66667%
}

footer .col-xs-pull-17,
header .col-xs-pull-17 {
    right: 70.83333%
}

footer .col-xs-pull-18,
header .col-xs-pull-18 {
    right: 75%
}

footer .col-xs-pull-19,
header .col-xs-pull-19 {
    right: 79.16667%
}

footer .col-xs-pull-20,
header .col-xs-pull-20 {
    right: 83.33333%
}

footer .col-xs-pull-21,
header .col-xs-pull-21 {
    right: 87.5%
}

footer .col-xs-pull-22,
header .col-xs-pull-22 {
    right: 91.66667%
}

footer .col-xs-pull-23,
header .col-xs-pull-23 {
    right: 95.83333%
}

footer .col-xs-pull-24,
header .col-xs-pull-24 {
    right: 100%
}

footer .col-xs-push-0,
header .col-xs-push-0 {
    left: auto
}

footer .col-xs-push-1,
header .col-xs-push-1 {
    left: 4.16667%
}

footer .col-xs-push-2,
header .col-xs-push-2 {
    left: 8.33333%
}

footer .col-xs-push-3,
header .col-xs-push-3 {
    left: 12.5%
}

footer .col-xs-push-4,
header .col-xs-push-4 {
    left: 16.66667%
}

footer .col-xs-push-5,
header .col-xs-push-5 {
    left: 20.83333%
}

footer .col-xs-push-6,
header .col-xs-push-6 {
    left: 25%
}

footer .col-xs-push-7,
header .col-xs-push-7 {
    left: 29.16667%
}

footer .col-xs-push-8,
header .col-xs-push-8 {
    left: 33.33333%
}

footer .col-xs-push-9,
header .col-xs-push-9 {
    left: 37.5%
}

footer .col-xs-push-10,
header .col-xs-push-10 {
    left: 41.66667%
}

footer .col-xs-push-11,
header .col-xs-push-11 {
    left: 45.83333%
}

footer .col-xs-push-12,
header .col-xs-push-12 {
    left: 50%
}

footer .col-xs-push-13,
header .col-xs-push-13 {
    left: 54.16667%
}

footer .col-xs-push-14,
header .col-xs-push-14 {
    left: 58.33333%
}

footer .col-xs-push-15,
header .col-xs-push-15 {
    left: 62.5%
}

footer .col-xs-push-16,
header .col-xs-push-16 {
    left: 66.66667%
}

footer .col-xs-push-17,
header .col-xs-push-17 {
    left: 70.83333%
}

footer .col-xs-push-18,
header .col-xs-push-18 {
    left: 75%
}

footer .col-xs-push-19,
header .col-xs-push-19 {
    left: 79.16667%
}

footer .col-xs-push-20,
header .col-xs-push-20 {
    left: 83.33333%
}

footer .col-xs-push-21,
header .col-xs-push-21 {
    left: 87.5%
}

footer .col-xs-push-22,
header .col-xs-push-22 {
    left: 91.66667%
}

footer .col-xs-push-23,
header .col-xs-push-23 {
    left: 95.83333%
}

footer .col-xs-push-24,
header .col-xs-push-24 {
    left: 100%
}

footer .col-xs-offset-0,
header .col-xs-offset-0 {
    margin-left: 0
}

footer .col-xs-offset-1,
header .col-xs-offset-1 {
    margin-left: 4.16667%
}

footer .col-xs-offset-2,
header .col-xs-offset-2 {
    margin-left: 8.33333%
}

footer .col-xs-offset-3,
header .col-xs-offset-3 {
    margin-left: 12.5%
}

footer .col-xs-offset-4,
header .col-xs-offset-4 {
    margin-left: 16.66667%
}

footer .col-xs-offset-5,
header .col-xs-offset-5 {
    margin-left: 20.83333%
}

footer .col-xs-offset-6,
header .col-xs-offset-6 {
    margin-left: 25%
}

footer .col-xs-offset-7,
header .col-xs-offset-7 {
    margin-left: 29.16667%
}

footer .col-xs-offset-8,
header .col-xs-offset-8 {
    margin-left: 33.33333%
}

footer .col-xs-offset-9,
header .col-xs-offset-9 {
    margin-left: 37.5%
}

footer .col-xs-offset-10,
header .col-xs-offset-10 {
    margin-left: 41.66667%
}

footer .col-xs-offset-11,
header .col-xs-offset-11 {
    margin-left: 45.83333%
}

footer .col-xs-offset-12,
header .col-xs-offset-12 {
    margin-left: 50%
}

footer .col-xs-offset-13,
header .col-xs-offset-13 {
    margin-left: 54.16667%
}

footer .col-xs-offset-14,
header .col-xs-offset-14 {
    margin-left: 58.33333%
}

footer .col-xs-offset-15,
header .col-xs-offset-15 {
    margin-left: 62.5%
}

footer .col-xs-offset-16,
header .col-xs-offset-16 {
    margin-left: 66.66667%
}

footer .col-xs-offset-17,
header .col-xs-offset-17 {
    margin-left: 70.83333%
}

footer .col-xs-offset-18,
header .col-xs-offset-18 {
    margin-left: 75%
}

footer .col-xs-offset-19,
header .col-xs-offset-19 {
    margin-left: 79.16667%
}

footer .col-xs-offset-20,
header .col-xs-offset-20 {
    margin-left: 83.33333%
}

footer .col-xs-offset-21,
header .col-xs-offset-21 {
    margin-left: 87.5%
}

footer .col-xs-offset-22,
header .col-xs-offset-22 {
    margin-left: 91.66667%
}

footer .col-xs-offset-23,
header .col-xs-offset-23 {
    margin-left: 95.83333%
}

footer .col-xs-offset-24,
header .col-xs-offset-24 {
    margin-left: 100%
}

footer .col-xs-5th,
header .col-xs-5th {
    float: left;
    width: 20%
}

footer .col-xs-pull-5th,
header .col-xs-pull-5th {
    right: 20%
}

footer .col-xs-push-5th,
header .col-xs-push-5th {
    left: 20%
}

footer .col-xs-offset-5th,
header .col-xs-offset-5th {
    margin-left: 20%
}

footer .col-xs-7th,
header .col-xs-7th {
    float: left;
    width: 14.28571%
}

footer .col-xs-pull-7th,
header .col-xs-pull-7th {
    right: 14.28571%
}

footer .col-xs-push-7th,
header .col-xs-push-7th {
    left: 14.28571%
}

footer .col-xs-offset-7th,
header .col-xs-offset-7th {
    margin-left: 14.28571%
}

@media (min-width:768px) {

    footer .col-sm-1,
    footer .col-sm-10,
    footer .col-sm-11,
    footer .col-sm-12,
    footer .col-sm-13,
    footer .col-sm-14,
    footer .col-sm-15,
    footer .col-sm-16,
    footer .col-sm-17,
    footer .col-sm-18,
    footer .col-sm-19,
    footer .col-sm-2,
    footer .col-sm-20,
    footer .col-sm-21,
    footer .col-sm-22,
    footer .col-sm-23,
    footer .col-sm-24,
    footer .col-sm-3,
    footer .col-sm-4,
    footer .col-sm-5,
    footer .col-sm-6,
    footer .col-sm-7,
    footer .col-sm-8,
    footer .col-sm-9,
    header .col-sm-1,
    header .col-sm-10,
    header .col-sm-11,
    header .col-sm-12,
    header .col-sm-13,
    header .col-sm-14,
    header .col-sm-15,
    header .col-sm-16,
    header .col-sm-17,
    header .col-sm-18,
    header .col-sm-19,
    header .col-sm-2,
    header .col-sm-20,
    header .col-sm-21,
    header .col-sm-22,
    header .col-sm-23,
    header .col-sm-24,
    header .col-sm-3,
    header .col-sm-4,
    header .col-sm-5,
    header .col-sm-6,
    header .col-sm-7,
    header .col-sm-8,
    header .col-sm-9 {
        float: left
    }

    footer .col-sm-1,
    header .col-sm-1 {
        width: 4.16667%
    }

    footer .col-sm-2,
    header .col-sm-2 {
        width: 8.33333%
    }

    footer .col-sm-3,
    header .col-sm-3 {
        width: 12.5%
    }

    footer .col-sm-4,
    header .col-sm-4 {
        width: 16.66667%
    }

    footer .col-sm-5,
    header .col-sm-5 {
        width: 20.83333%
    }

    footer .col-sm-6,
    header .col-sm-6 {
        width: 25%
    }

    footer .col-sm-7,
    header .col-sm-7 {
        width: 29.16667%
    }

    footer .col-sm-8,
    header .col-sm-8 {
        width: 33.33333%
    }

    footer .col-sm-9,
    header .col-sm-9 {
        width: 37.5%
    }

    footer .col-sm-10,
    header .col-sm-10 {
        width: 41.66667%
    }

    footer .col-sm-11,
    header .col-sm-11 {
        width: 45.83333%
    }

    footer .col-sm-12,
    header .col-sm-12 {
        width: 50%
    }

    footer .col-sm-13,
    header .col-sm-13 {
        width: 54.16667%
    }

    footer .col-sm-14,
    header .col-sm-14 {
        width: 58.33333%
    }

    footer .col-sm-15,
    header .col-sm-15 {
        width: 62.5%
    }

    footer .col-sm-16,
    header .col-sm-16 {
        width: 66.66667%
    }

    footer .col-sm-17,
    header .col-sm-17 {
        width: 70.83333%
    }

    footer .col-sm-18,
    header .col-sm-18 {
        width: 75%
    }

    footer .col-sm-19,
    header .col-sm-19 {
        width: 79.16667%
    }

    footer .col-sm-20,
    header .col-sm-20 {
        width: 83.33333%
    }

    footer .col-sm-21,
    header .col-sm-21 {
        width: 87.5%
    }

    footer .col-sm-22,
    header .col-sm-22 {
        width: 91.66667%
    }

    footer .col-sm-23,
    header .col-sm-23 {
        width: 95.83333%
    }

    footer .col-sm-24,
    header .col-sm-24 {
        width: 100%
    }

    footer .col-sm-pull-0,
    header .col-sm-pull-0 {
        right: auto
    }

    footer .col-sm-pull-1,
    header .col-sm-pull-1 {
        right: 4.16667%
    }

    footer .col-sm-pull-2,
    header .col-sm-pull-2 {
        right: 8.33333%
    }

    footer .col-sm-pull-3,
    header .col-sm-pull-3 {
        right: 12.5%
    }

    footer .col-sm-pull-4,
    header .col-sm-pull-4 {
        right: 16.66667%
    }

    footer .col-sm-pull-5,
    header .col-sm-pull-5 {
        right: 20.83333%
    }

    footer .col-sm-pull-6,
    header .col-sm-pull-6 {
        right: 25%
    }

    footer .col-sm-pull-7,
    header .col-sm-pull-7 {
        right: 29.16667%
    }

    footer .col-sm-pull-8,
    header .col-sm-pull-8 {
        right: 33.33333%
    }

    footer .col-sm-pull-9,
    header .col-sm-pull-9 {
        right: 37.5%
    }

    footer .col-sm-pull-10,
    header .col-sm-pull-10 {
        right: 41.66667%
    }

    footer .col-sm-pull-11,
    header .col-sm-pull-11 {
        right: 45.83333%
    }

    footer .col-sm-pull-12,
    header .col-sm-pull-12 {
        right: 50%
    }

    footer .col-sm-pull-13,
    header .col-sm-pull-13 {
        right: 54.16667%
    }

    footer .col-sm-pull-14,
    header .col-sm-pull-14 {
        right: 58.33333%
    }

    footer .col-sm-pull-15,
    header .col-sm-pull-15 {
        right: 62.5%
    }

    footer .col-sm-pull-16,
    header .col-sm-pull-16 {
        right: 66.66667%
    }

    footer .col-sm-pull-17,
    header .col-sm-pull-17 {
        right: 70.83333%
    }

    footer .col-sm-pull-18,
    header .col-sm-pull-18 {
        right: 75%
    }

    footer .col-sm-pull-19,
    header .col-sm-pull-19 {
        right: 79.16667%
    }

    footer .col-sm-pull-20,
    header .col-sm-pull-20 {
        right: 83.33333%
    }

    footer .col-sm-pull-21,
    header .col-sm-pull-21 {
        right: 87.5%
    }

    footer .col-sm-pull-22,
    header .col-sm-pull-22 {
        right: 91.66667%
    }

    footer .col-sm-pull-23,
    header .col-sm-pull-23 {
        right: 95.83333%
    }

    footer .col-sm-pull-24,
    header .col-sm-pull-24 {
        right: 100%
    }

    footer .col-sm-push-0,
    header .col-sm-push-0 {
        left: auto
    }

    footer .col-sm-push-1,
    header .col-sm-push-1 {
        left: 4.16667%
    }

    footer .col-sm-push-2,
    header .col-sm-push-2 {
        left: 8.33333%
    }

    footer .col-sm-push-3,
    header .col-sm-push-3 {
        left: 12.5%
    }

    footer .col-sm-push-4,
    header .col-sm-push-4 {
        left: 16.66667%
    }

    footer .col-sm-push-5,
    header .col-sm-push-5 {
        left: 20.83333%
    }

    footer .col-sm-push-6,
    header .col-sm-push-6 {
        left: 25%
    }

    footer .col-sm-push-7,
    header .col-sm-push-7 {
        left: 29.16667%
    }

    footer .col-sm-push-8,
    header .col-sm-push-8 {
        left: 33.33333%
    }

    footer .col-sm-push-9,
    header .col-sm-push-9 {
        left: 37.5%
    }

    footer .col-sm-push-10,
    header .col-sm-push-10 {
        left: 41.66667%
    }

    footer .col-sm-push-11,
    header .col-sm-push-11 {
        left: 45.83333%
    }

    footer .col-sm-push-12,
    header .col-sm-push-12 {
        left: 50%
    }

    footer .col-sm-push-13,
    header .col-sm-push-13 {
        left: 54.16667%
    }

    footer .col-sm-push-14,
    header .col-sm-push-14 {
        left: 58.33333%
    }

    footer .col-sm-push-15,
    header .col-sm-push-15 {
        left: 62.5%
    }

    footer .col-sm-push-16,
    header .col-sm-push-16 {
        left: 66.66667%
    }

    footer .col-sm-push-17,
    header .col-sm-push-17 {
        left: 70.83333%
    }

    footer .col-sm-push-18,
    header .col-sm-push-18 {
        left: 75%
    }

    footer .col-sm-push-19,
    header .col-sm-push-19 {
        left: 79.16667%
    }

    footer .col-sm-push-20,
    header .col-sm-push-20 {
        left: 83.33333%
    }

    footer .col-sm-push-21,
    header .col-sm-push-21 {
        left: 87.5%
    }

    footer .col-sm-push-22,
    header .col-sm-push-22 {
        left: 91.66667%
    }

    footer .col-sm-push-23,
    header .col-sm-push-23 {
        left: 95.83333%
    }

    footer .col-sm-push-24,
    header .col-sm-push-24 {
        left: 100%
    }

    footer .col-sm-offset-0,
    header .col-sm-offset-0 {
        margin-left: 0
    }

    footer .col-sm-offset-1,
    header .col-sm-offset-1 {
        margin-left: 4.16667%
    }

    footer .col-sm-offset-2,
    header .col-sm-offset-2 {
        margin-left: 8.33333%
    }

    footer .col-sm-offset-3,
    header .col-sm-offset-3 {
        margin-left: 12.5%
    }

    footer .col-sm-offset-4,
    header .col-sm-offset-4 {
        margin-left: 16.66667%
    }

    footer .col-sm-offset-5,
    header .col-sm-offset-5 {
        margin-left: 20.83333%
    }

    footer .col-sm-offset-6,
    header .col-sm-offset-6 {
        margin-left: 25%
    }

    footer .col-sm-offset-7,
    header .col-sm-offset-7 {
        margin-left: 29.16667%
    }

    footer .col-sm-offset-8,
    header .col-sm-offset-8 {
        margin-left: 33.33333%
    }

    footer .col-sm-offset-9,
    header .col-sm-offset-9 {
        margin-left: 37.5%
    }

    footer .col-sm-offset-10,
    header .col-sm-offset-10 {
        margin-left: 41.66667%
    }

    footer .col-sm-offset-11,
    header .col-sm-offset-11 {
        margin-left: 45.83333%
    }

    footer .col-sm-offset-12,
    header .col-sm-offset-12 {
        margin-left: 50%
    }

    footer .col-sm-offset-13,
    header .col-sm-offset-13 {
        margin-left: 54.16667%
    }

    footer .col-sm-offset-14,
    header .col-sm-offset-14 {
        margin-left: 58.33333%
    }

    footer .col-sm-offset-15,
    header .col-sm-offset-15 {
        margin-left: 62.5%
    }

    footer .col-sm-offset-16,
    header .col-sm-offset-16 {
        margin-left: 66.66667%
    }

    footer .col-sm-offset-17,
    header .col-sm-offset-17 {
        margin-left: 70.83333%
    }

    footer .col-sm-offset-18,
    header .col-sm-offset-18 {
        margin-left: 75%
    }

    footer .col-sm-offset-19,
    header .col-sm-offset-19 {
        margin-left: 79.16667%
    }

    footer .col-sm-offset-20,
    header .col-sm-offset-20 {
        margin-left: 83.33333%
    }

    footer .col-sm-offset-21,
    header .col-sm-offset-21 {
        margin-left: 87.5%
    }

    footer .col-sm-offset-22,
    header .col-sm-offset-22 {
        margin-left: 91.66667%
    }

    footer .col-sm-offset-23,
    header .col-sm-offset-23 {
        margin-left: 95.83333%
    }

    footer .col-sm-offset-24,
    header .col-sm-offset-24 {
        margin-left: 100%
    }

    footer .col-sm-5th,
    header .col-sm-5th {
        float: left;
        width: 20%
    }

    footer .col-sm-pull-5th,
    header .col-sm-pull-5th {
        right: 20%
    }

    footer .col-sm-push-5th,
    header .col-sm-push-5th {
        left: 20%
    }

    footer .col-sm-offset-5th,
    header .col-sm-offset-5th {
        margin-left: 20%
    }

    footer .col-sm-7th,
    header .col-sm-7th {
        float: left;
        width: 14.28571%
    }

    footer .col-sm-pull-7th,
    header .col-sm-pull-7th {
        right: 14.28571%
    }

    footer .col-sm-push-7th,
    header .col-sm-push-7th {
        left: 14.28571%
    }

    footer .col-sm-offset-7th,
    header .col-sm-offset-7th {
        margin-left: 14.28571%
    }
}

@media (min-width:992px) {

    footer .col-md-1,
    footer .col-md-10,
    footer .col-md-11,
    footer .col-md-12,
    footer .col-md-13,
    footer .col-md-14,
    footer .col-md-15,
    footer .col-md-16,
    footer .col-md-17,
    footer .col-md-18,
    footer .col-md-19,
    footer .col-md-2,
    footer .col-md-20,
    footer .col-md-21,
    footer .col-md-22,
    footer .col-md-23,
    footer .col-md-24,
    footer .col-md-3,
    footer .col-md-4,
    footer .col-md-5,
    footer .col-md-6,
    footer .col-md-7,
    footer .col-md-8,
    footer .col-md-9,
    header .col-md-1,
    header .col-md-10,
    header .col-md-11,
    header .col-md-12,
    header .col-md-13,
    header .col-md-14,
    header .col-md-15,
    header .col-md-16,
    header .col-md-17,
    header .col-md-18,
    header .col-md-19,
    header .col-md-2,
    header .col-md-20,
    header .col-md-21,
    header .col-md-22,
    header .col-md-23,
    header .col-md-24,
    header .col-md-3,
    header .col-md-4,
    header .col-md-5,
    header .col-md-6,
    header .col-md-7,
    header .col-md-8,
    header .col-md-9 {
        float: left
    }

    footer .col-md-1,
    header .col-md-1 {
        width: 4.16667%
    }

    footer .col-md-2,
    header .col-md-2 {
        width: 8.33333%
    }

    footer .col-md-3,
    header .col-md-3 {
        width: 12.5%
    }

    footer .col-md-4,
    header .col-md-4 {
        width: 16.66667%
    }

    footer .col-md-5,
    header .col-md-5 {
        width: 20.83333%
    }

    footer .col-md-6,
    header .col-md-6 {
        width: 25%
    }

    footer .col-md-7,
    header .col-md-7 {
        width: 29.16667%
    }

    footer .col-md-8,
    header .col-md-8 {
        width: 33.33333%
    }

    footer .col-md-9,
    header .col-md-9 {
        width: 37.5%
    }

    footer .col-md-10,
    header .col-md-10 {
        width: 41.66667%
    }

    footer .col-md-11,
    header .col-md-11 {
        width: 45.83333%
    }

    footer .col-md-12,
    header .col-md-12 {
        width: 50%
    }

    footer .col-md-13,
    header .col-md-13 {
        width: 54.16667%
    }

    footer .col-md-14,
    header .col-md-14 {
        width: 58.33333%
    }

    footer .col-md-15,
    header .col-md-15 {
        width: 62.5%
    }

    footer .col-md-16,
    header .col-md-16 {
        width: 66.66667%
    }

    footer .col-md-17,
    header .col-md-17 {
        width: 70.83333%
    }

    footer .col-md-18,
    header .col-md-18 {
        width: 75%
    }

    footer .col-md-19,
    header .col-md-19 {
        width: 79.16667%
    }

    footer .col-md-20,
    header .col-md-20 {
        width: 83.33333%
    }

    footer .col-md-21,
    header .col-md-21 {
        width: 87.5%
    }

    footer .col-md-22,
    header .col-md-22 {
        width: 91.66667%
    }

    footer .col-md-23,
    header .col-md-23 {
        width: 95.83333%
    }

    footer .col-md-24,
    header .col-md-24 {
        width: 100%
    }

    footer .col-md-pull-0,
    header .col-md-pull-0 {
        right: auto
    }

    footer .col-md-pull-1,
    header .col-md-pull-1 {
        right: 4.16667%
    }

    footer .col-md-pull-2,
    header .col-md-pull-2 {
        right: 8.33333%
    }

    footer .col-md-pull-3,
    header .col-md-pull-3 {
        right: 12.5%
    }

    footer .col-md-pull-4,
    header .col-md-pull-4 {
        right: 16.66667%
    }

    footer .col-md-pull-5,
    header .col-md-pull-5 {
        right: 20.83333%
    }

    footer .col-md-pull-6,
    header .col-md-pull-6 {
        right: 25%
    }

    footer .col-md-pull-7,
    header .col-md-pull-7 {
        right: 29.16667%
    }

    footer .col-md-pull-8,
    header .col-md-pull-8 {
        right: 33.33333%
    }

    footer .col-md-pull-9,
    header .col-md-pull-9 {
        right: 37.5%
    }

    footer .col-md-pull-10,
    header .col-md-pull-10 {
        right: 41.66667%
    }

    footer .col-md-pull-11,
    header .col-md-pull-11 {
        right: 45.83333%
    }

    footer .col-md-pull-12,
    header .col-md-pull-12 {
        right: 50%
    }

    footer .col-md-pull-13,
    header .col-md-pull-13 {
        right: 54.16667%
    }

    footer .col-md-pull-14,
    header .col-md-pull-14 {
        right: 58.33333%
    }

    footer .col-md-pull-15,
    header .col-md-pull-15 {
        right: 62.5%
    }

    footer .col-md-pull-16,
    header .col-md-pull-16 {
        right: 66.66667%
    }

    footer .col-md-pull-17,
    header .col-md-pull-17 {
        right: 70.83333%
    }

    footer .col-md-pull-18,
    header .col-md-pull-18 {
        right: 75%
    }

    footer .col-md-pull-19,
    header .col-md-pull-19 {
        right: 79.16667%
    }

    footer .col-md-pull-20,
    header .col-md-pull-20 {
        right: 83.33333%
    }

    footer .col-md-pull-21,
    header .col-md-pull-21 {
        right: 87.5%
    }

    footer .col-md-pull-22,
    header .col-md-pull-22 {
        right: 91.66667%
    }

    footer .col-md-pull-23,
    header .col-md-pull-23 {
        right: 95.83333%
    }

    footer .col-md-pull-24,
    header .col-md-pull-24 {
        right: 100%
    }

    footer .col-md-push-0,
    header .col-md-push-0 {
        left: auto
    }

    footer .col-md-push-1,
    header .col-md-push-1 {
        left: 4.16667%
    }

    footer .col-md-push-2,
    header .col-md-push-2 {
        left: 8.33333%
    }

    footer .col-md-push-3,
    header .col-md-push-3 {
        left: 12.5%
    }

    footer .col-md-push-4,
    header .col-md-push-4 {
        left: 16.66667%
    }

    footer .col-md-push-5,
    header .col-md-push-5 {
        left: 20.83333%
    }

    footer .col-md-push-6,
    header .col-md-push-6 {
        left: 25%
    }

    footer .col-md-push-7,
    header .col-md-push-7 {
        left: 29.16667%
    }

    footer .col-md-push-8,
    header .col-md-push-8 {
        left: 33.33333%
    }

    footer .col-md-push-9,
    header .col-md-push-9 {
        left: 37.5%
    }

    footer .col-md-push-10,
    header .col-md-push-10 {
        left: 41.66667%
    }

    footer .col-md-push-11,
    header .col-md-push-11 {
        left: 45.83333%
    }

    footer .col-md-push-12,
    header .col-md-push-12 {
        left: 50%
    }

    footer .col-md-push-13,
    header .col-md-push-13 {
        left: 54.16667%
    }

    footer .col-md-push-14,
    header .col-md-push-14 {
        left: 58.33333%
    }

    footer .col-md-push-15,
    header .col-md-push-15 {
        left: 62.5%
    }

    footer .col-md-push-16,
    header .col-md-push-16 {
        left: 66.66667%
    }

    footer .col-md-push-17,
    header .col-md-push-17 {
        left: 70.83333%
    }

    footer .col-md-push-18,
    header .col-md-push-18 {
        left: 75%
    }

    footer .col-md-push-19,
    header .col-md-push-19 {
        left: 79.16667%
    }

    footer .col-md-push-20,
    header .col-md-push-20 {
        left: 83.33333%
    }

    footer .col-md-push-21,
    header .col-md-push-21 {
        left: 87.5%
    }

    footer .col-md-push-22,
    header .col-md-push-22 {
        left: 91.66667%
    }

    footer .col-md-push-23,
    header .col-md-push-23 {
        left: 95.83333%
    }

    footer .col-md-push-24,
    header .col-md-push-24 {
        left: 100%
    }

    footer .col-md-offset-0,
    header .col-md-offset-0 {
        margin-left: 0
    }

    footer .col-md-offset-1,
    header .col-md-offset-1 {
        margin-left: 4.16667%
    }

    footer .col-md-offset-2,
    header .col-md-offset-2 {
        margin-left: 8.33333%
    }

    footer .col-md-offset-3,
    header .col-md-offset-3 {
        margin-left: 12.5%
    }

    footer .col-md-offset-4,
    header .col-md-offset-4 {
        margin-left: 16.66667%
    }

    footer .col-md-offset-5,
    header .col-md-offset-5 {
        margin-left: 20.83333%
    }

    footer .col-md-offset-6,
    header .col-md-offset-6 {
        margin-left: 25%
    }

    footer .col-md-offset-7,
    header .col-md-offset-7 {
        margin-left: 29.16667%
    }

    footer .col-md-offset-8,
    header .col-md-offset-8 {
        margin-left: 33.33333%
    }

    footer .col-md-offset-9,
    header .col-md-offset-9 {
        margin-left: 37.5%
    }

    footer .col-md-offset-10,
    header .col-md-offset-10 {
        margin-left: 41.66667%
    }

    footer .col-md-offset-11,
    header .col-md-offset-11 {
        margin-left: 45.83333%
    }

    footer .col-md-offset-12,
    header .col-md-offset-12 {
        margin-left: 50%
    }

    footer .col-md-offset-13,
    header .col-md-offset-13 {
        margin-left: 54.16667%
    }

    footer .col-md-offset-14,
    header .col-md-offset-14 {
        margin-left: 58.33333%
    }

    footer .col-md-offset-15,
    header .col-md-offset-15 {
        margin-left: 62.5%
    }

    footer .col-md-offset-16,
    header .col-md-offset-16 {
        margin-left: 66.66667%
    }

    footer .col-md-offset-17,
    header .col-md-offset-17 {
        margin-left: 70.83333%
    }

    footer .col-md-offset-18,
    header .col-md-offset-18 {
        margin-left: 75%
    }

    footer .col-md-offset-19,
    header .col-md-offset-19 {
        margin-left: 79.16667%
    }

    footer .col-md-offset-20,
    header .col-md-offset-20 {
        margin-left: 83.33333%
    }

    footer .col-md-offset-21,
    header .col-md-offset-21 {
        margin-left: 87.5%
    }

    footer .col-md-offset-22,
    header .col-md-offset-22 {
        margin-left: 91.66667%
    }

    footer .col-md-offset-23,
    header .col-md-offset-23 {
        margin-left: 95.83333%
    }

    footer .col-md-offset-24,
    header .col-md-offset-24 {
        margin-left: 100%
    }

    footer .col-md-5th,
    header .col-md-5th {
        float: left;
        width: 20%
    }

    footer .col-md-pull-5th,
    header .col-md-pull-5th {
        right: 20%
    }

    footer .col-md-push-5th,
    header .col-md-push-5th {
        left: 20%
    }

    footer .col-md-offset-5th,
    header .col-md-offset-5th {
        margin-left: 20%
    }

    footer .col-md-7th,
    header .col-md-7th {
        float: left;
        width: 14.28571%
    }

    footer .col-md-pull-7th,
    header .col-md-pull-7th {
        right: 14.28571%
    }

    footer .col-md-push-7th,
    header .col-md-push-7th {
        left: 14.28571%
    }

    footer .col-md-offset-7th,
    header .col-md-offset-7th {
        margin-left: 14.28571%
    }

    footer .col-md-9th,
    header .col-md-9th {
        float: left;
        width: 11.1%
    }

    footer .col-md-pull-9th,
    header .col-md-pull-9th {
        right: 11.1%
    }

    footer .col-md-push-9th,
    header .col-md-push-9th {
        left: 11.1%
    }

    footer .col-md-offset-9th,
    header .col-md-offset-9th {
        margin-left: 11.1%
    }
}

@media (min-width:1200px) {

    footer .col-lg-1,
    footer .col-lg-10,
    footer .col-lg-11,
    footer .col-lg-12,
    footer .col-lg-13,
    footer .col-lg-14,
    footer .col-lg-15,
    footer .col-lg-16,
    footer .col-lg-17,
    footer .col-lg-18,
    footer .col-lg-19,
    footer .col-lg-2,
    footer .col-lg-20,
    footer .col-lg-21,
    footer .col-lg-22,
    footer .col-lg-23,
    footer .col-lg-24,
    footer .col-lg-3,
    footer .col-lg-4,
    footer .col-lg-5,
    footer .col-lg-6,
    footer .col-lg-7,
    footer .col-lg-8,
    footer .col-lg-9,
    header .col-lg-1,
    header .col-lg-10,
    header .col-lg-11,
    header .col-lg-12,
    header .col-lg-13,
    header .col-lg-14,
    header .col-lg-15,
    header .col-lg-16,
    header .col-lg-17,
    header .col-lg-18,
    header .col-lg-19,
    header .col-lg-2,
    header .col-lg-20,
    header .col-lg-21,
    header .col-lg-22,
    header .col-lg-23,
    header .col-lg-24,
    header .col-lg-3,
    header .col-lg-4,
    header .col-lg-5,
    header .col-lg-6,
    header .col-lg-7,
    header .col-lg-8,
    header .col-lg-9 {
        float: left
    }

    footer .col-lg-1,
    header .col-lg-1 {
        width: 4.16667%
    }

    footer .col-lg-2,
    header .col-lg-2 {
        width: 8.33333%
    }

    footer .col-lg-3,
    header .col-lg-3 {
        width: 12.5%
    }

    footer .col-lg-4,
    header .col-lg-4 {
        width: 16.66667%
    }

    footer .col-lg-5,
    header .col-lg-5 {
        width: 20.83333%
    }

    footer .col-lg-6,
    header .col-lg-6 {
        width: 25%
    }

    footer .col-lg-7,
    header .col-lg-7 {
        width: 29.16667%
    }

    footer .col-lg-8,
    header .col-lg-8 {
        width: 33.33333%
    }

    footer .col-lg-9,
    header .col-lg-9 {
        width: 37.5%
    }

    footer .col-lg-10,
    header .col-lg-10 {
        width: 41.66667%
    }

    footer .col-lg-11,
    header .col-lg-11 {
        width: 45.83333%
    }

    footer .col-lg-12,
    header .col-lg-12 {
        width: 50%
    }

    footer .col-lg-13,
    header .col-lg-13 {
        width: 54.16667%
    }

    footer .col-lg-14,
    header .col-lg-14 {
        width: 58.33333%
    }

    footer .col-lg-15,
    header .col-lg-15 {
        width: 62.5%
    }

    footer .col-lg-16,
    header .col-lg-16 {
        width: 66.66667%
    }

    footer .col-lg-17,
    header .col-lg-17 {
        width: 70.83333%
    }

    footer .col-lg-18,
    header .col-lg-18 {
        width: 75%
    }

    footer .col-lg-19,
    header .col-lg-19 {
        width: 79.16667%
    }

    footer .col-lg-20,
    header .col-lg-20 {
        width: 83.33333%
    }

    footer .col-lg-21,
    header .col-lg-21 {
        width: 87.5%
    }

    footer .col-lg-22,
    header .col-lg-22 {
        width: 91.66667%
    }

    footer .col-lg-23,
    header .col-lg-23 {
        width: 95.83333%
    }

    footer .col-lg-24,
    header .col-lg-24 {
        width: 100%
    }

    footer .col-lg-pull-0,
    header .col-lg-pull-0 {
        right: auto
    }

    footer .col-lg-pull-1,
    header .col-lg-pull-1 {
        right: 4.16667%
    }

    footer .col-lg-pull-2,
    header .col-lg-pull-2 {
        right: 8.33333%
    }

    footer .col-lg-pull-3,
    header .col-lg-pull-3 {
        right: 12.5%
    }

    footer .col-lg-pull-4,
    header .col-lg-pull-4 {
        right: 16.66667%
    }

    footer .col-lg-pull-5,
    header .col-lg-pull-5 {
        right: 20.83333%
    }

    footer .col-lg-pull-6,
    header .col-lg-pull-6 {
        right: 25%
    }

    footer .col-lg-pull-7,
    header .col-lg-pull-7 {
        right: 29.16667%
    }

    footer .col-lg-pull-8,
    header .col-lg-pull-8 {
        right: 33.33333%
    }

    footer .col-lg-pull-9,
    header .col-lg-pull-9 {
        right: 37.5%
    }

    footer .col-lg-pull-10,
    header .col-lg-pull-10 {
        right: 41.66667%
    }

    footer .col-lg-pull-11,
    header .col-lg-pull-11 {
        right: 45.83333%
    }

    footer .col-lg-pull-12,
    header .col-lg-pull-12 {
        right: 50%
    }

    footer .col-lg-pull-13,
    header .col-lg-pull-13 {
        right: 54.16667%
    }

    footer .col-lg-pull-14,
    header .col-lg-pull-14 {
        right: 58.33333%
    }

    footer .col-lg-pull-15,
    header .col-lg-pull-15 {
        right: 62.5%
    }

    footer .col-lg-pull-16,
    header .col-lg-pull-16 {
        right: 66.66667%
    }

    footer .col-lg-pull-17,
    header .col-lg-pull-17 {
        right: 70.83333%
    }

    footer .col-lg-pull-18,
    header .col-lg-pull-18 {
        right: 75%
    }

    footer .col-lg-pull-19,
    header .col-lg-pull-19 {
        right: 79.16667%
    }

    footer .col-lg-pull-20,
    header .col-lg-pull-20 {
        right: 83.33333%
    }

    footer .col-lg-pull-21,
    header .col-lg-pull-21 {
        right: 87.5%
    }

    footer .col-lg-pull-22,
    header .col-lg-pull-22 {
        right: 91.66667%
    }

    footer .col-lg-pull-23,
    header .col-lg-pull-23 {
        right: 95.83333%
    }

    footer .col-lg-pull-24,
    header .col-lg-pull-24 {
        right: 100%
    }

    footer .col-lg-push-0,
    header .col-lg-push-0 {
        left: auto
    }

    footer .col-lg-push-1,
    header .col-lg-push-1 {
        left: 4.16667%
    }

    footer .col-lg-push-2,
    header .col-lg-push-2 {
        left: 8.33333%
    }

    footer .col-lg-push-3,
    header .col-lg-push-3 {
        left: 12.5%
    }

    footer .col-lg-push-4,
    header .col-lg-push-4 {
        left: 16.66667%
    }

    footer .col-lg-push-5,
    header .col-lg-push-5 {
        left: 20.83333%
    }

    footer .col-lg-push-6,
    header .col-lg-push-6 {
        left: 25%
    }

    footer .col-lg-push-7,
    header .col-lg-push-7 {
        left: 29.16667%
    }

    footer .col-lg-push-8,
    header .col-lg-push-8 {
        left: 33.33333%
    }

    footer .col-lg-push-9,
    header .col-lg-push-9 {
        left: 37.5%
    }

    footer .col-lg-push-10,
    header .col-lg-push-10 {
        left: 41.66667%
    }

    footer .col-lg-push-11,
    header .col-lg-push-11 {
        left: 45.83333%
    }

    footer .col-lg-push-12,
    header .col-lg-push-12 {
        left: 50%
    }

    footer .col-lg-push-13,
    header .col-lg-push-13 {
        left: 54.16667%
    }

    footer .col-lg-push-14,
    header .col-lg-push-14 {
        left: 58.33333%
    }

    footer .col-lg-push-15,
    header .col-lg-push-15 {
        left: 62.5%
    }

    footer .col-lg-push-16,
    header .col-lg-push-16 {
        left: 66.66667%
    }

    footer .col-lg-push-17,
    header .col-lg-push-17 {
        left: 70.83333%
    }

    footer .col-lg-push-18,
    header .col-lg-push-18 {
        left: 75%
    }

    footer .col-lg-push-19,
    header .col-lg-push-19 {
        left: 79.16667%
    }

    footer .col-lg-push-20,
    header .col-lg-push-20 {
        left: 83.33333%
    }

    footer .col-lg-push-21,
    header .col-lg-push-21 {
        left: 87.5%
    }

    footer .col-lg-push-22,
    header .col-lg-push-22 {
        left: 91.66667%
    }

    footer .col-lg-push-23,
    header .col-lg-push-23 {
        left: 95.83333%
    }

    footer .col-lg-push-24,
    header .col-lg-push-24 {
        left: 100%
    }

    footer .col-lg-offset-0,
    header .col-lg-offset-0 {
        margin-left: 0
    }

    footer .col-lg-offset-1,
    header .col-lg-offset-1 {
        margin-left: 4.16667%
    }

    footer .col-lg-offset-2,
    header .col-lg-offset-2 {
        margin-left: 8.33333%
    }

    footer .col-lg-offset-3,
    header .col-lg-offset-3 {
        margin-left: 12.5%
    }

    footer .col-lg-offset-4,
    header .col-lg-offset-4 {
        margin-left: 16.66667%
    }

    footer .col-lg-offset-5,
    header .col-lg-offset-5 {
        margin-left: 20.83333%
    }

    footer .col-lg-offset-6,
    header .col-lg-offset-6 {
        margin-left: 25%
    }

    footer .col-lg-offset-7,
    header .col-lg-offset-7 {
        margin-left: 29.16667%
    }

    footer .col-lg-offset-8,
    header .col-lg-offset-8 {
        margin-left: 33.33333%
    }

    footer .col-lg-offset-9,
    header .col-lg-offset-9 {
        margin-left: 37.5%
    }

    footer .col-lg-offset-10,
    header .col-lg-offset-10 {
        margin-left: 41.66667%
    }

    footer .col-lg-offset-11,
    header .col-lg-offset-11 {
        margin-left: 45.83333%
    }

    footer .col-lg-offset-12,
    header .col-lg-offset-12 {
        margin-left: 50%
    }

    footer .col-lg-offset-13,
    header .col-lg-offset-13 {
        margin-left: 54.16667%
    }

    footer .col-lg-offset-14,
    header .col-lg-offset-14 {
        margin-left: 58.33333%
    }

    footer .col-lg-offset-15,
    header .col-lg-offset-15 {
        margin-left: 62.5%
    }

    footer .col-lg-offset-16,
    header .col-lg-offset-16 {
        margin-left: 66.66667%
    }

    footer .col-lg-offset-17,
    header .col-lg-offset-17 {
        margin-left: 70.83333%
    }

    footer .col-lg-offset-18,
    header .col-lg-offset-18 {
        margin-left: 75%
    }

    footer .col-lg-offset-19,
    header .col-lg-offset-19 {
        margin-left: 79.16667%
    }

    footer .col-lg-offset-20,
    header .col-lg-offset-20 {
        margin-left: 83.33333%
    }

    footer .col-lg-offset-21,
    header .col-lg-offset-21 {
        margin-left: 87.5%
    }

    footer .col-lg-offset-22,
    header .col-lg-offset-22 {
        margin-left: 91.66667%
    }

    footer .col-lg-offset-23,
    header .col-lg-offset-23 {
        margin-left: 95.83333%
    }

    footer .col-lg-offset-24,
    header .col-lg-offset-24 {
        margin-left: 100%
    }

    footer .col-lg-5th,
    header .col-lg-5th {
        float: left;
        width: 20%
    }

    footer .col-lg-pull-5th,
    header .col-lg-pull-5th {
        right: 20%
    }

    footer .col-lg-push-5th,
    header .col-lg-push-5th {
        left: 20%
    }

    footer .col-lg-offset-5th,
    header .col-lg-offset-5th {
        margin-left: 20%
    }

    footer .col-lg-7th,
    header .col-lg-7th {
        float: left;
        width: 14.28571%
    }

    footer .col-lg-pull-7th,
    header .col-lg-pull-7th {
        right: 14.28571%
    }

    footer .col-lg-push-7th,
    header .col-lg-push-7th {
        left: 14.28571%
    }

    footer .col-lg-offset-7th,
    header .col-lg-offset-7th {
        margin-left: 14.28571%
    }

    footer .col-lg-9th,
    header .col-lg-9th {
        float: left;
        width: 11.1%
    }

    footer .col-lg-pull-9th,
    header .col-lg-pull-9th {
        right: 11.1%
    }

    footer .col-lg-push-9th,
    header .col-lg-push-9th {
        left: 11.1%
    }

    footer .col-lg-offset-9th,
    header .col-lg-offset-9th {
        margin-left: 11.1%
    }
}

@media (min-width:1400px) {

    footer .col-xl-1,
    footer .col-xl-10,
    footer .col-xl-11,
    footer .col-xl-12,
    footer .col-xl-13,
    footer .col-xl-14,
    footer .col-xl-15,
    footer .col-xl-16,
    footer .col-xl-17,
    footer .col-xl-18,
    footer .col-xl-19,
    footer .col-xl-2,
    footer .col-xl-20,
    footer .col-xl-21,
    footer .col-xl-22,
    footer .col-xl-23,
    footer .col-xl-24,
    footer .col-xl-3,
    footer .col-xl-4,
    footer .col-xl-5,
    footer .col-xl-6,
    footer .col-xl-7,
    footer .col-xl-8,
    footer .col-xl-9,
    header .col-xl-1,
    header .col-xl-10,
    header .col-xl-11,
    header .col-xl-12,
    header .col-xl-13,
    header .col-xl-14,
    header .col-xl-15,
    header .col-xl-16,
    header .col-xl-17,
    header .col-xl-18,
    header .col-xl-19,
    header .col-xl-2,
    header .col-xl-20,
    header .col-xl-21,
    header .col-xl-22,
    header .col-xl-23,
    header .col-xl-24,
    header .col-xl-3,
    header .col-xl-4,
    header .col-xl-5,
    header .col-xl-6,
    header .col-xl-7,
    header .col-xl-8,
    header .col-xl-9 {
        float: left
    }

    footer .col-xl-1,
    header .col-xl-1 {
        width: 4.16667%
    }

    footer .col-xl-2,
    header .col-xl-2 {
        width: 8.33333%
    }

    footer .col-xl-3,
    header .col-xl-3 {
        width: 12.5%
    }

    footer .col-xl-4,
    header .col-xl-4 {
        width: 16.66667%
    }

    footer .col-xl-5,
    header .col-xl-5 {
        width: 20.83333%
    }

    footer .col-xl-6,
    header .col-xl-6 {
        width: 25%
    }

    footer .col-xl-7,
    header .col-xl-7 {
        width: 29.16667%
    }

    footer .col-xl-8,
    header .col-xl-8 {
        width: 33.33333%
    }

    footer .col-xl-9,
    header .col-xl-9 {
        width: 37.5%
    }

    footer .col-xl-10,
    header .col-xl-10 {
        width: 41.66667%
    }

    footer .col-xl-11,
    header .col-xl-11 {
        width: 45.83333%
    }

    footer .col-xl-12,
    header .col-xl-12 {
        width: 50%
    }

    footer .col-xl-13,
    header .col-xl-13 {
        width: 54.16667%
    }

    footer .col-xl-14,
    header .col-xl-14 {
        width: 58.33333%
    }

    footer .col-xl-15,
    header .col-xl-15 {
        width: 62.5%
    }

    footer .col-xl-16,
    header .col-xl-16 {
        width: 66.66667%
    }

    footer .col-xl-17,
    header .col-xl-17 {
        width: 70.83333%
    }

    footer .col-xl-18,
    header .col-xl-18 {
        width: 75%
    }

    footer .col-xl-19,
    header .col-xl-19 {
        width: 79.16667%
    }

    footer .col-xl-20,
    header .col-xl-20 {
        width: 83.33333%
    }

    footer .col-xl-21,
    header .col-xl-21 {
        width: 87.5%
    }

    footer .col-xl-22,
    header .col-xl-22 {
        width: 91.66667%
    }

    footer .col-xl-23,
    header .col-xl-23 {
        width: 95.83333%
    }

    footer .col-xl-24,
    header .col-xl-24 {
        width: 100%
    }

    footer .col-xl-pull-0,
    header .col-xl-pull-0 {
        right: auto
    }

    footer .col-xl-pull-1,
    header .col-xl-pull-1 {
        right: 4.16667%
    }

    footer .col-xl-pull-2,
    header .col-xl-pull-2 {
        right: 8.33333%
    }

    footer .col-xl-pull-3,
    header .col-xl-pull-3 {
        right: 12.5%
    }

    footer .col-xl-pull-4,
    header .col-xl-pull-4 {
        right: 16.66667%
    }

    footer .col-xl-pull-5,
    header .col-xl-pull-5 {
        right: 20.83333%
    }

    footer .col-xl-pull-6,
    header .col-xl-pull-6 {
        right: 25%
    }

    footer .col-xl-pull-7,
    header .col-xl-pull-7 {
        right: 29.16667%
    }

    footer .col-xl-pull-8,
    header .col-xl-pull-8 {
        right: 33.33333%
    }

    footer .col-xl-pull-9,
    header .col-xl-pull-9 {
        right: 37.5%
    }

    footer .col-xl-pull-10,
    header .col-xl-pull-10 {
        right: 41.66667%
    }

    footer .col-xl-pull-11,
    header .col-xl-pull-11 {
        right: 45.83333%
    }

    footer .col-xl-pull-12,
    header .col-xl-pull-12 {
        right: 50%
    }

    footer .col-xl-pull-13,
    header .col-xl-pull-13 {
        right: 54.16667%
    }

    footer .col-xl-pull-14,
    header .col-xl-pull-14 {
        right: 58.33333%
    }

    footer .col-xl-pull-15,
    header .col-xl-pull-15 {
        right: 62.5%
    }

    footer .col-xl-pull-16,
    header .col-xl-pull-16 {
        right: 66.66667%
    }

    footer .col-xl-pull-17,
    header .col-xl-pull-17 {
        right: 70.83333%
    }

    footer .col-xl-pull-18,
    header .col-xl-pull-18 {
        right: 75%
    }

    footer .col-xl-pull-19,
    header .col-xl-pull-19 {
        right: 79.16667%
    }

    footer .col-xl-pull-20,
    header .col-xl-pull-20 {
        right: 83.33333%
    }

    footer .col-xl-pull-21,
    header .col-xl-pull-21 {
        right: 87.5%
    }

    footer .col-xl-pull-22,
    header .col-xl-pull-22 {
        right: 91.66667%
    }

    footer .col-xl-pull-23,
    header .col-xl-pull-23 {
        right: 95.83333%
    }

    footer .col-xl-pull-24,
    header .col-xl-pull-24 {
        right: 100%
    }

    footer .col-xl-push-0,
    header .col-xl-push-0 {
        left: auto
    }

    footer .col-xl-push-1,
    header .col-xl-push-1 {
        left: 4.16667%
    }

    footer .col-xl-push-2,
    header .col-xl-push-2 {
        left: 8.33333%
    }

    footer .col-xl-push-3,
    header .col-xl-push-3 {
        left: 12.5%
    }

    footer .col-xl-push-4,
    header .col-xl-push-4 {
        left: 16.66667%
    }

    footer .col-xl-push-5,
    header .col-xl-push-5 {
        left: 20.83333%
    }

    footer .col-xl-push-6,
    header .col-xl-push-6 {
        left: 25%
    }

    footer .col-xl-push-7,
    header .col-xl-push-7 {
        left: 29.16667%
    }

    footer .col-xl-push-8,
    header .col-xl-push-8 {
        left: 33.33333%
    }

    footer .col-xl-push-9,
    header .col-xl-push-9 {
        left: 37.5%
    }

    footer .col-xl-push-10,
    header .col-xl-push-10 {
        left: 41.66667%
    }

    footer .col-xl-push-11,
    header .col-xl-push-11 {
        left: 45.83333%
    }

    footer .col-xl-push-12,
    header .col-xl-push-12 {
        left: 50%
    }

    footer .col-xl-push-13,
    header .col-xl-push-13 {
        left: 54.16667%
    }

    footer .col-xl-push-14,
    header .col-xl-push-14 {
        left: 58.33333%
    }

    footer .col-xl-push-15,
    header .col-xl-push-15 {
        left: 62.5%
    }

    footer .col-xl-push-16,
    header .col-xl-push-16 {
        left: 66.66667%
    }

    footer .col-xl-push-17,
    header .col-xl-push-17 {
        left: 70.83333%
    }

    footer .col-xl-push-18,
    header .col-xl-push-18 {
        left: 75%
    }

    footer .col-xl-push-19,
    header .col-xl-push-19 {
        left: 79.16667%
    }

    footer .col-xl-push-20,
    header .col-xl-push-20 {
        left: 83.33333%
    }

    footer .col-xl-push-21,
    header .col-xl-push-21 {
        left: 87.5%
    }

    footer .col-xl-push-22,
    header .col-xl-push-22 {
        left: 91.66667%
    }

    footer .col-xl-push-23,
    header .col-xl-push-23 {
        left: 95.83333%
    }

    footer .col-xl-push-24,
    header .col-xl-push-24 {
        left: 100%
    }

    footer .col-xl-offset-0,
    header .col-xl-offset-0 {
        margin-left: 0
    }

    footer .col-xl-offset-1,
    header .col-xl-offset-1 {
        margin-left: 4.16667%
    }

    footer .col-xl-offset-2,
    header .col-xl-offset-2 {
        margin-left: 8.33333%
    }

    footer .col-xl-offset-3,
    header .col-xl-offset-3 {
        margin-left: 12.5%
    }

    footer .col-xl-offset-4,
    header .col-xl-offset-4 {
        margin-left: 16.66667%
    }

    footer .col-xl-offset-5,
    header .col-xl-offset-5 {
        margin-left: 20.83333%
    }

    footer .col-xl-offset-6,
    header .col-xl-offset-6 {
        margin-left: 25%
    }

    footer .col-xl-offset-7,
    header .col-xl-offset-7 {
        margin-left: 29.16667%
    }

    footer .col-xl-offset-8,
    header .col-xl-offset-8 {
        margin-left: 33.33333%
    }

    footer .col-xl-offset-9,
    header .col-xl-offset-9 {
        margin-left: 37.5%
    }

    footer .col-xl-offset-10,
    header .col-xl-offset-10 {
        margin-left: 41.66667%
    }

    footer .col-xl-offset-11,
    header .col-xl-offset-11 {
        margin-left: 45.83333%
    }

    footer .col-xl-offset-12,
    header .col-xl-offset-12 {
        margin-left: 50%
    }

    footer .col-xl-offset-13,
    header .col-xl-offset-13 {
        margin-left: 54.16667%
    }

    footer .col-xl-offset-14,
    header .col-xl-offset-14 {
        margin-left: 58.33333%
    }

    footer .col-xl-offset-15,
    header .col-xl-offset-15 {
        margin-left: 62.5%
    }

    footer .col-xl-offset-16,
    header .col-xl-offset-16 {
        margin-left: 66.66667%
    }

    footer .col-xl-offset-17,
    header .col-xl-offset-17 {
        margin-left: 70.83333%
    }

    footer .col-xl-offset-18,
    header .col-xl-offset-18 {
        margin-left: 75%
    }

    footer .col-xl-offset-19,
    header .col-xl-offset-19 {
        margin-left: 79.16667%
    }

    footer .col-xl-offset-20,
    header .col-xl-offset-20 {
        margin-left: 83.33333%
    }

    footer .col-xl-offset-21,
    header .col-xl-offset-21 {
        margin-left: 87.5%
    }

    footer .col-xl-offset-22,
    header .col-xl-offset-22 {
        margin-left: 91.66667%
    }

    footer .col-xl-offset-23,
    header .col-xl-offset-23 {
        margin-left: 95.83333%
    }

    footer .col-xl-offset-24,
    header .col-xl-offset-24 {
        margin-left: 100%
    }

    footer .col-xl-5th,
    header .col-xl-5th {
        float: left;
        width: 20%
    }

    footer .col-xl-pull-5th,
    header .col-xl-pull-5th {
        right: 20%
    }

    footer .col-xl-push-5th,
    header .col-xl-push-5th {
        left: 20%
    }

    footer .col-xl-offset-5th,
    header .col-xl-offset-5th {
        margin-left: 20%
    }

    footer .col-xl-7th,
    header .col-xl-7th {
        float: left;
        width: 14.28571%
    }

    footer .col-xl-pull-7th,
    header .col-xl-pull-7th {
        right: 14.28571%
    }

    footer .col-xl-push-7th,
    header .col-xl-push-7th {
        left: 14.28571%
    }

    footer .col-xl-offset-7th,
    header .col-xl-offset-7th {
        margin-left: 14.28571%
    }
}

@-ms-viewport {
    width: device-width
}

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

footer table.visible,
header table.visible {
    display: table !important
}

footer tr.visible,
header tr.visible {
    display: table-row !important
}

footer td.visible,
footer th.visible,
header td.visible,
header th.visible {
    display: table-cell !important
}

footer .hidden,
header .hidden {
    display: none !important
}

footer .visible-xs,
header .visible-xs {
    display: none !important
}

footer .visible-sm,
header .visible-sm {
    display: none !important
}

footer .visible-md,
header .visible-md {
    display: none !important
}

footer .visible-lg,
header .visible-lg {
    display: none !important
}

footer .visible-xl,
header .visible-xl {
    display: none !important
}

footer .visible-lg-block,
footer .visible-lg-inline,
footer .visible-lg-inline-block,
footer .visible-md-block,
footer .visible-md-inline,
footer .visible-md-inline-block,
footer .visible-sm-block,
footer .visible-sm-inline,
footer .visible-sm-inline-block,
footer .visible-xl-block,
footer .visible-xl-inline,
footer .visible-xl-inline-block,
footer .visible-xs-block,
footer .visible-xs-inline,
footer .visible-xs-inline-block,
header .visible-lg-block,
header .visible-lg-inline,
header .visible-lg-inline-block,
header .visible-md-block,
header .visible-md-inline,
header .visible-md-inline-block,
header .visible-sm-block,
header .visible-sm-inline,
header .visible-sm-inline-block,
header .visible-xl-block,
header .visible-xl-inline,
header .visible-xl-inline-block,
header .visible-xs-block,
header .visible-xs-inline,
header .visible-xs-inline-block {
    display: none !important
}

@media (max-width:767px) {

    footer .visible-xs,
    header .visible-xs {
        display: block !important
    }

    footer table.visible-xs,
    header table.visible-xs {
        display: table !important
    }

    footer tr.visible-xs,
    header tr.visible-xs {
        display: table-row !important
    }

    footer td.visible-xs,
    footer th.visible-xs,
    header td.visible-xs,
    header th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width:767px) {

    footer .visible-xs-block,
    header .visible-xs-block {
        display: block !important
    }
}

@media (max-width:767px) {

    footer .visible-xs-inline,
    header .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width:767px) {

    footer .visible-xs-inline-block,
    header .visible-xs-inline-block {
        display: inline-block !important
    }
}

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

    footer .visible-sm,
    header .visible-sm {
        display: block !important
    }

    footer table.visible-sm,
    header table.visible-sm {
        display: table !important
    }

    footer tr.visible-sm,
    header tr.visible-sm {
        display: table-row !important
    }

    footer td.visible-sm,
    footer th.visible-sm,
    header td.visible-sm,
    header th.visible-sm {
        display: table-cell !important
    }
}

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

    footer .visible-sm-block,
    header .visible-sm-block {
        display: block !important
    }
}

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

    footer .visible-sm-inline,
    header .visible-sm-inline {
        display: inline !important
    }
}

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

    footer .visible-sm-inline-block,
    header .visible-sm-inline-block {
        display: inline-block !important
    }
}

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

    footer .visible-md,
    header .visible-md {
        display: block !important
    }

    footer table.visible-md,
    header table.visible-md {
        display: table !important
    }

    footer tr.visible-md,
    header tr.visible-md {
        display: table-row !important
    }

    footer td.visible-md,
    footer th.visible-md,
    header td.visible-md,
    header th.visible-md {
        display: table-cell !important
    }
}

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

    footer .visible-md-block,
    header .visible-md-block {
        display: block !important
    }
}

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

    footer .visible-md-inline,
    header .visible-md-inline {
        display: inline !important
    }
}

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

    footer .visible-md-inline-block,
    header .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) and (max-width:1399px) {

    footer .visible-lg,
    header .visible-lg {
        display: block !important
    }

    footer table.visible-lg,
    header table.visible-lg {
        display: table !important
    }

    footer tr.visible-lg,
    header tr.visible-lg {
        display: table-row !important
    }

    footer td.visible-lg,
    footer th.visible-lg,
    header td.visible-lg,
    header th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width:1200px) and (max-width:1399px) {

    footer .visible-lg-block,
    header .visible-lg-block {
        display: block !important
    }
}

@media (min-width:1200px) and (max-width:1399px) {

    footer .visible-lg-inline,
    header .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width:1200px) and (max-width:1399px) {

    footer .visible-lg-inline-block,
    header .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1400px) {

    footer .visible-xl,
    header .visible-xl {
        display: block !important
    }

    footer table.visible-xl,
    header table.visible-xl {
        display: table !important
    }

    footer tr.visible-xl,
    header tr.visible-xl {
        display: table-row !important
    }

    footer td.visible-xl,
    footer th.visible-xl,
    header td.visible-xl,
    header th.visible-xl {
        display: table-cell !important
    }
}

@media (min-width:1400px) {

    footer .visible-xl-block,
    header .visible-xl-block {
        display: block !important
    }
}

@media (min-width:1400px) {

    footer .visible-xl-inline,
    header .visible-xl-inline {
        display: inline !important
    }
}

@media (min-width:1400px) {

    footer .visible-xl-inline-block,
    header .visible-xl-inline-block {
        display: inline-block !important
    }
}

@media (max-width:767px) {

    footer .hidden-xs,
    header .hidden-xs {
        display: none !important
    }
}

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

    footer .hidden-sm,
    header .hidden-sm {
        display: none !important
    }
}

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

    footer .hidden-md,
    header .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) and (max-width:1399px) {

    footer .branded-header .branded-header-container .branded-header-start .menu-dropdown.tiered-menu,
    footer .branded-header .branded-header-container .branded-header-start header .menu-dropdown.tiered-menu,
    footer .hidden-lg,
    header .branded-header .branded-header-container .branded-header-start .menu-dropdown.tiered-menu,
    header .branded-header .branded-header-container .branded-header-start footer .menu-dropdown.tiered-menu,
    header .hidden-lg {
        display: none !important
    }
}

@media (min-width:1400px) {

    footer .branded-header .branded-header-container .branded-header-start .menu-dropdown.tiered-menu,
    footer .branded-header .branded-header-container .branded-header-start header .menu-dropdown.tiered-menu,
    footer .hidden-xl,
    header .branded-header .branded-header-container .branded-header-start .menu-dropdown.tiered-menu,
    header .branded-header .branded-header-container .branded-header-start footer .menu-dropdown.tiered-menu,
    header .hidden-xl {
        display: none !important
    }
}

footer .visible-print,
header .visible-print {
    display: none !important
}

@media print {

    footer .visible-print,
    header .visible-print {
        display: block !important
    }

    footer table.visible-print,
    header table.visible-print {
        display: table !important
    }

    footer tr.visible-print,
    header tr.visible-print {
        display: table-row !important
    }

    footer td.visible-print,
    footer th.visible-print,
    header td.visible-print,
    header th.visible-print {
        display: table-cell !important
    }
}

footer .visible-print-block,
header .visible-print-block {
    display: none !important
}

@media print {

    footer .visible-print-block,
    header .visible-print-block {
        display: block !important
    }
}

footer .visible-print-inline,
header .visible-print-inline {
    display: none !important
}

@media print {

    footer .visible-print-inline,
    header .visible-print-inline {
        display: inline !important
    }
}

footer .visible-print-inline-block,
header .visible-print-inline-block {
    display: none !important
}

@media print {

    footer .visible-print-inline-block,
    header .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {

    footer .hidden-print,
    header .hidden-print {
        display: none !important
    }
}

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

    footer .hidden-sm,
    header .hidden-sm {
        display: none !important
    }
}

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

    footer .hidden-md,
    header .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) and (max-width:1399px) {

    footer .branded-header .branded-header-container .branded-header-start .menu-dropdown.tiered-menu,
    footer .branded-header .branded-header-container .branded-header-start header .menu-dropdown.tiered-menu,
    footer .hidden-lg,
    header .branded-header .branded-header-container .branded-header-start .menu-dropdown.tiered-menu,
    header .branded-header .branded-header-container .branded-header-start footer .menu-dropdown.tiered-menu,
    header .hidden-lg {
        display: none !important
    }
}

@media (min-width:1400px) {

    footer .branded-header .branded-header-container .branded-header-start .menu-dropdown.tiered-menu,
    footer .branded-header .branded-header-container .branded-header-start header .menu-dropdown.tiered-menu,
    footer .hidden-xl,
    header .branded-header .branded-header-container .branded-header-start .menu-dropdown.tiered-menu,
    header .branded-header .branded-header-container .branded-header-start footer .menu-dropdown.tiered-menu,
    header .hidden-xl {
        display: none !important
    }
}

footer .text-xs-left,
header .text-xs-left {
    text-align: left
}

footer .text-xs-right,
header .text-xs-right {
    text-align: right
}

footer .text-xs-center,
header .text-xs-center {
    text-align: center
}

footer .text-xs-justify,
header .text-xs-justify {
    text-align: justify
}

@media (min-width:768px) {

    footer .text-sm-left,
    header .text-sm-left {
        text-align: left
    }

    footer .text-sm-right,
    header .text-sm-right {
        text-align: right
    }

    footer .text-sm-center,
    header .text-sm-center {
        text-align: center
    }

    footer .text-sm-justify,
    header .text-sm-justify {
        text-align: justify
    }
}

@media (min-width:992px) {

    footer .text-md-left,
    header .text-md-left {
        text-align: left
    }

    footer .text-md-right,
    header .text-md-right {
        text-align: right
    }

    footer .text-md-center,
    header .text-md-center {
        text-align: center
    }

    footer .text-md-justify,
    header .text-md-justify {
        text-align: justify
    }
}

@media (min-width:1200px) {

    footer .text-lg-left,
    header .text-lg-left {
        text-align: left
    }

    footer .text-lg-right,
    header .text-lg-right {
        text-align: right
    }

    footer .text-lg-center,
    header .text-lg-center {
        text-align: center
    }

    footer .text-lg-justify,
    header .text-lg-justify {
        text-align: justify
    }
}

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

    footer .col-sm-no-padding,
    header .col-sm-no-padding {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

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

    footer .col-md-no-padding,
    header .col-md-no-padding {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (min-width:1200px) and (max-width:1399px) {

    footer .col-lg-no-padding,
    header .col-lg-no-padding {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (min-width:1400px) {

    footer .col-xl-no-padding,
    header .col-xl-no-padding {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (max-width:767px) {

    footer .pull-right-xs,
    header .pull-right-xs {
        float: right
    }

    footer .pull-left-xs,
    header .pull-left-xs {
        float: left
    }
}

@media (min-width:768px) {

    footer .pull-right-sm,
    header .pull-right-sm {
        float: right
    }

    footer .pull-left-sm,
    header .pull-left-sm {
        float: left
    }

    footer .pull-center-sm,
    header .pull-center-sm {
        float: none;
        text-align: center
    }
}

@media (min-width:992px) {

    footer .pull-right-md,
    header .pull-right-md {
        float: right
    }

    footer .pull-left-md,
    header .pull-left-md {
        float: left
    }
}

@media (min-width:1200px) {

    footer .pull-right-lg,
    header .pull-right-lg {
        float: right
    }

    footer .pull-left-lg,
    header .pull-left-lg {
        float: left
    }
}

@media (min-width:1400px) {

    footer .pull-right-xl,
    header .pull-right-xl {
        float: right
    }

    footer .pull-left-xl,
    header .pull-left-xl {
        float: left
    }
}

footer .carousel .carousel-inner .product,
header .carousel .carousel-inner .product {
    display: inline-block;
    padding-right: 8px;
    padding-left: 8px;
    vertical-align: top;
    height: 100%
}

footer .carousel-container,
header .carousel-container {
    padding: 40px 0 20px
}

footer .carousel-container .product-inner,
header .carousel-container .product-inner {
    position: relative;
    padding: 20px 15px;
    padding-bottom: 0;
    background: #fff
}

footer .carousel-container .product-inner .absolute-link-wrapper.horizontal,
header .carousel-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 .carousel-container .product-inner .absolute-link-wrapper a,
header .carousel-container .product-inner .absolute-link-wrapper a {
    color: #333
}

footer .carousel-container .product-inner .recent-activity-message-wrapper,
header .carousel-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 .carousel-container .product-inner .more-options-available-wrapper,
header .carousel-container .product-inner .more-options-available-wrapper {
    line-height: 20px;
    min-height: 20px
}

footer .carousel-container .product-inner .more-options-available-wrapper a,
header .carousel-container .product-inner .more-options-available-wrapper a {
    color: #0039a6;
    display: inline-block;
    white-space: nowrap
}

footer .carousel-container .product-inner .product-link,
header .carousel-container .product-inner .product-link {
    cursor: pointer
}

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

footer .carousel-container .product-inner .more-option-container,
header .carousel-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 .carousel-container .product-inner .more-option-container .tool-tip,
header .carousel-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 .carousel-container .product-inner .more-option-container .more-option-icon,
header .carousel-container .product-inner .more-option-container .more-option-icon {
    width: 16px !important;
    height: 16px !important;
    margin-left: 4px;
    margin-top: 4px
}

footer .carousel-container .product-inner .product-image-wrapper,
header .carousel-container .product-inner .product-image-wrapper {
    position: relative
}

footer .carousel-container .product-inner.product-inner-wide,
header .carousel-container .product-inner.product-inner-wide {
    padding-left: 0;
    padding-right: 0
}

footer .carousel-container .product-inner .product-flag,
header .carousel-container .product-inner .product-flag {
    z-index: 10
}

footer .carousel-container .product-inner .product-flag a,
header .carousel-container .product-inner .product-flag a {
    color: #fff
}

footer .carousel-container .product-inner a:hover,
header .carousel-container .product-inner a:hover {
    text-decoration: none
}

footer .carousel-container .product-inner .shipping-container,
header .carousel-container .product-inner .shipping-container {
    cursor: pointer
}

footer .carousel-container .product-inner .add-to-cart-wrapper,
header .carousel-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 .carousel-container .product-inner .add-to-cart-wrapper .btn-add-to-cart,
header .carousel-container .product-inner .add-to-cart-wrapper .btn-add-to-cart {
    z-index: 20
}

footer .carousel-container .product-inner .add-to-cart-wrapper.form-add-to-cart,
header .carousel-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 .carousel-container .product-inner .btn-add-to-cart,
header .carousel-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 .carousel-container .product-inner .btn-add-to-cart:hover,
header .carousel-container .product-inner .btn-add-to-cart:hover {
    background-color: #b66700
}

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

footer .carousel-container .product-inner:hover .product-image~a>span,
header .carousel-container .product-inner:hover .product-image~a>span {
    text-decoration: underline
}

footer .carousel-container .product-inner .link-overlay,
header .carousel-container .product-inner .link-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 65px;
    z-index: 10
}

footer .carousel-container .product-inner .product-image,
header .carousel-container .product-inner .product-image {
    display: block;
    margin: 0 0 20px 0;
    text-align: center;
    min-height: 14px
}

footer .carousel-container .product-inner .product-image>img,
header .carousel-container .product-inner .product-image>img {
    display: inline-block;
    width: 128px;
    height: 128px
}

footer .carousel-container .product-inner .product-title,
header .carousel-container .product-inner .product-title {
    height: 4.5em;
    line-height: 24px;
    overflow: hidden;
    text-align: left;
    font-weight: 400;
    display: inline-block;
    font-size: 16px;
    color: #333
}

.zh footer .carousel-container .product-inner .product-title,
.zh header .carousel-container .product-inner .product-title {
    font-size: 17px
}

footer .carousel-container .product-inner .product-title:hover,
header .carousel-container .product-inner .product-title:hover {
    text-decoration: underline
}

footer .carousel-container .product-inner .price-olp,
header .carousel-container .product-inner .price-olp {
    color: #747474;
    font-size: 14px;
    text-decoration: line-through;
    display: inline-block;
    margin-top: 1px
}

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

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

footer .carousel-container .product-inner .price-per-unit,
header .carousel-container .product-inner .price-per-unit {
    color: #747474
}

footer .carousel-container .product-inner .product-price,
header .carousel-container .product-inner .product-price {
    margin-top: 12px
}

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

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

footer .carousel-container .product-inner .product-price .discount-green,
footer .carousel-container .product-inner .product-price .discount-red,
header .carousel-container .product-inner .product-price .discount-green,
header .carousel-container .product-inner .product-price .discount-red {
    margin-right: 0
}

footer .carousel-container .product-inner .product-price .discount-green,
header .carousel-container .product-inner .product-price .discount-green {
    color: #6fa26b
}

footer .carousel-container .product-inner .product-price .discount-red,
header .carousel-container .product-inner .product-price .discount-red {
    color: #bd3c37
}

footer .carousel-container .product-inner .product-price .discontinued,
header .carousel-container .product-inner .product-price .discontinued {
    color: #f00000
}

footer .carousel-container .product-inner .product-price .status-container,
header .carousel-container .product-inner .product-price .status-container {
    height: 20px;
    margin-bottom: 10px
}

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

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

footer .carousel-container .product-inner .product-price .status-container .info-popup:after,
header .carousel-container .product-inner .product-price .status-container .info-popup:after {
    background-image: none
}

footer .carousel-container .product-inner .product-price .status-container .info-popup p,
header .carousel-container .product-inner .product-price .status-container .info-popup p {
    padding: 20px
}

footer .carousel-container .product-inner .product-discount-container,
header .carousel-container .product-inner .product-discount-container {
    min-height: 20px;
    margin-bottom: 5px
}

footer .carousel-container .product-inner .product-discount-container>span,
header .carousel-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 .carousel-container .product-inner .product-discount-container>span.discount-in-cart,
header .carousel-container .product-inner .product-discount-container>span.discount-in-cart {
    color: #f38a00
}

footer .carousel-container .product-inner .product-discount-container .out-of-stock.text-wrap,
header .carousel-container .product-inner .product-discount-container .out-of-stock.text-wrap {
    white-space: normal
}

footer .carousel-container .product-inner .product-percentage-claimed .super-deals-progress-wrapper,
header .carousel-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 .carousel-container .product-inner .product-percentage-claimed .super-deals-progress-wrapper>.progress-amount,
header .carousel-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 .carousel-container .product-inner .product-percentage-claimed .super-deals-progress-wrapper>.progress-amount.low,
header .carousel-container .product-inner .product-percentage-claimed .super-deals-progress-wrapper>.progress-amount.low {
    background-color: #6fa26b
}

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

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

footer .carousel-container .product-inner .product-percentage-claimed .super-deals-almost-sold-out,
footer .carousel-container .product-inner .product-percentage-claimed .super-deals-sold-out,
header .carousel-container .product-inner .product-percentage-claimed .super-deals-almost-sold-out,
header .carousel-container .product-inner .product-percentage-claimed .super-deals-sold-out {
    color: #bd3c37 !important
}

footer .carousel-container .product-inner .product-percentage-claimed .super-deals-sold-out,
header .carousel-container .product-inner .product-percentage-claimed .super-deals-sold-out {
    font-weight: 700
}

footer .carousel-container .product-inner .product-percentage-claimed .super-deals-title .question-mark,
header .carousel-container .product-inner .product-percentage-claimed .super-deals-title .question-mark {
    margin-left: .75em
}

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

    footer .carousel-container .product-inner .product-percentage-claimed .text-left-sm-only,
    header .carousel-container .product-inner .product-percentage-claimed .text-left-sm-only {
        text-align: left
    }
}

footer .carousel-container .product-inner .product-percentage-claimed #super-special-price #dynamic-aligner,
header .carousel-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 .carousel-container .product-inner .product-percentage-claimed #super-special-price #dynamic-aligner .dynamic-align-hide,
header .carousel-container .product-inner .product-percentage-claimed #super-special-price #dynamic-aligner .dynamic-align-hide {
    color: #666;
    font-size: 12px
}

footer .carousel-container .product-inner .product-percentage-claimed .super-deals-progress-wrapper,
header .carousel-container .product-inner .product-percentage-claimed .super-deals-progress-wrapper {
    margin: 8px 0;
    height: 8px
}

footer .carousel-container .product-inner .product-percentage-claimed .percentage-claimed-messaging,
header .carousel-container .product-inner .product-percentage-claimed .percentage-claimed-messaging {
    text-align: center
}

footer .carousel-container .product-inner .product-percentage-claimed .percentage-claimed-messaging span,
header .carousel-container .product-inner .product-percentage-claimed .percentage-claimed-messaging span {
    color: #747474
}

footer .carousel-container .product-inner .product-percentage-claimed .percentage-claimed-messaging span.almost-sold-out,
header .carousel-container .product-inner .product-percentage-claimed .percentage-claimed-messaging span.almost-sold-out {
    color: #bd3c37
}

footer .carousel-container .product-more-options-container,
header .carousel-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 .carousel-container .tabs li a:hover,
header .carousel-container .tabs li a:hover {
    text-decoration: none
}

footer .carousel-container .tabs li.active,
header .carousel-container .tabs li.active {
    color: #000
}

footer .carousel-container .tabs li.active a,
header .carousel-container .tabs li.active a {
    pointer-events: none;
    color: #000;
    border-bottom: 2px solid #000;
    padding-bottom: 3px
}

footer .carousel-container .tabs li:last-of-type,
header .carousel-container .tabs li:last-of-type {
    margin-right: 0
}

footer .carousel-container .tabs li a,
header .carousel-container .tabs li a {
    color: #8c8c8c
}

@media (max-width:1399px) {

    footer .carousel-container .tabs li,
    footer .carousel-container .tabs li a,
    header .carousel-container .tabs li,
    header .carousel-container .tabs li a {
        max-width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media (max-width:1399px) {

    .ar footer .carousel-container .tabs li a,
    .ar header .carousel-container .tabs li a,
    .de footer .carousel-container .tabs li a,
    .de header .carousel-container .tabs li a,
    .es footer .carousel-container .tabs li a,
    .es header .carousel-container .tabs li a,
    .fr footer .carousel-container .tabs li a,
    .fr header .carousel-container .tabs li a,
    .ko footer .carousel-container .tabs li a,
    .ko header .carousel-container .tabs li a,
    .ru footer .carousel-container .tabs li a,
    .ru header .carousel-container .tabs li a {
        font-size: 18px
    }
}

@media (max-width:991px) {

    footer .carousel-container .tabs li,
    header .carousel-container .tabs li {
        margin-left: 10px;
        margin-right: 10px
    }

    .ar footer .carousel-container .tabs li:first-of-type,
    .ar header .carousel-container .tabs li:first-of-type {
        display: none
    }
}

footer .carousel-container .carousel,
footer .carousel-container .tabbed-carousel,
header .carousel-container .carousel,
header .carousel-container .tabbed-carousel {
    height: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

footer .carousel-container .carousel .carousel-pagination,
footer .carousel-container .tabbed-carousel .carousel-pagination,
header .carousel-container .carousel .carousel-pagination,
header .carousel-container .tabbed-carousel .carousel-pagination {
    margin-top: 15px;
    color: #666;
    float: right;
    font-size: 13px
}

footer .carousel-container .carousel .iherb-carousel-items,
footer .carousel-container .tabbed-carousel .iherb-carousel-items,
header .carousel-container .carousel .iherb-carousel-items,
header .carousel-container .tabbed-carousel .iherb-carousel-items {
    padding: 15px 0 24px
}

footer .carousel-container .carousel .iherb-carousel-items .carousel-inner,
footer .carousel-container .tabbed-carousel .iherb-carousel-items .carousel-inner,
header .carousel-container .carousel .iherb-carousel-items .carousel-inner,
header .carousel-container .tabbed-carousel .iherb-carousel-items .carousel-inner {
    height: 100%
}

footer .carousel-container .carousel .iherb-carousel-items .carousel-inner.rounded-product-cells .product-inner,
footer .carousel-container .tabbed-carousel .iherb-carousel-items .carousel-inner.rounded-product-cells .product-inner,
header .carousel-container .carousel .iherb-carousel-items .carousel-inner.rounded-product-cells .product-inner,
header .carousel-container .tabbed-carousel .iherb-carousel-items .carousel-inner.rounded-product-cells .product-inner {
    min-height: 1px;
    height: 100%;
    border-radius: 8px
}

footer .carousel-container .carousel .iherb-carousel-items .carousel-inner>.left,
footer .carousel-container .carousel .iherb-carousel-items .carousel-inner>.right,
footer .carousel-container .tabbed-carousel .iherb-carousel-items .carousel-inner>.left,
footer .carousel-container .tabbed-carousel .iherb-carousel-items .carousel-inner>.right,
header .carousel-container .carousel .iherb-carousel-items .carousel-inner>.left,
header .carousel-container .carousel .iherb-carousel-items .carousel-inner>.right,
header .carousel-container .tabbed-carousel .iherb-carousel-items .carousel-inner>.left,
header .carousel-container .tabbed-carousel .iherb-carousel-items .carousel-inner>.right {
    float: none;
    width: 100%;
    height: 100%;
    text-align: left
}

footer .carousel-container .carousel .carousel-control,
footer .carousel-container .tabbed-carousel .carousel-control,
header .carousel-container .carousel .carousel-control,
header .carousel-container .tabbed-carousel .carousel-control {
    vertical-align: middle;
    padding-top: 30px;
    text-shadow: none;
    width: 100px;
    overflow: hidden
}

@media (max-width:991px) {

    footer .carousel-container .carousel .carousel-control,
    footer .carousel-container .tabbed-carousel .carousel-control,
    header .carousel-container .carousel .carousel-control,
    header .carousel-container .tabbed-carousel .carousel-control {
        width: 50px
    }
}

footer .carousel-container .carousel .carousel-control.right,
footer .carousel-container .tabbed-carousel .carousel-control.right,
header .carousel-container .carousel .carousel-control.right,
header .carousel-container .tabbed-carousel .carousel-control.right {
    /*!@noflip*/
    right: 0;
    /*!@noflip*/
    left: auto
}

footer .carousel-container .carousel .carousel-control.left,
footer .carousel-container .tabbed-carousel .carousel-control.left,
header .carousel-container .carousel .carousel-control.left,
header .carousel-container .tabbed-carousel .carousel-control.left {
    /*!@noflip*/
    left: 0;
    /*!@noflip*/
    right: auto
}

footer .carousel-container .carousel .carousel-control>span,
footer .carousel-container .tabbed-carousel .carousel-control>span,
header .carousel-container .carousel .carousel-control>span,
header .carousel-container .tabbed-carousel .carousel-control>span {
    vertical-align: middle
}

footer .carousel-container .carousel .carousel-control .transitionIcon,
footer .carousel-container .tabbed-carousel .carousel-control .transitionIcon,
header .carousel-container .carousel .carousel-control .transitionIcon,
header .carousel-container .tabbed-carousel .carousel-control .transitionIcon {
    line-height: 215px;
    left: 0;
    right: 0
}

footer .carousel-container .carousel .carousel-control .transitionLeft,
footer .carousel-container .carousel .carousel-control .transitionRight,
footer .carousel-container .tabbed-carousel .carousel-control .transitionLeft,
footer .carousel-container .tabbed-carousel .carousel-control .transitionRight,
header .carousel-container .carousel .carousel-control .transitionLeft,
header .carousel-container .carousel .carousel-control .transitionRight,
header .carousel-container .tabbed-carousel .carousel-control .transitionLeft,
header .carousel-container .tabbed-carousel .carousel-control .transitionRight {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0
}

footer .carousel-container .carousel .carousel-control .nextArrow,
footer .carousel-container .carousel .carousel-control .prevArrow,
footer .carousel-container .tabbed-carousel .carousel-control .nextArrow,
footer .carousel-container .tabbed-carousel .carousel-control .prevArrow,
header .carousel-container .carousel .carousel-control .nextArrow,
header .carousel-container .carousel .carousel-control .prevArrow,
header .carousel-container .tabbed-carousel .carousel-control .nextArrow,
header .carousel-container .tabbed-carousel .carousel-control .prevArrow {
    width: 100px;
    right: 0;
    left: auto
}

@media (max-width:991px) {

    footer .carousel-container .carousel .carousel-control .nextArrow,
    footer .carousel-container .carousel .carousel-control .prevArrow,
    footer .carousel-container .tabbed-carousel .carousel-control .nextArrow,
    footer .carousel-container .tabbed-carousel .carousel-control .prevArrow,
    header .carousel-container .carousel .carousel-control .nextArrow,
    header .carousel-container .carousel .carousel-control .prevArrow,
    header .carousel-container .tabbed-carousel .carousel-control .nextArrow,
    header .carousel-container .tabbed-carousel .carousel-control .prevArrow {
        width: 50px
    }
}

footer .carousel-container .carousel .carousel-control .prevArrow,
footer .carousel-container .tabbed-carousel .carousel-control .prevArrow,
header .carousel-container .carousel .carousel-control .prevArrow,
header .carousel-container .tabbed-carousel .carousel-control .prevArrow {
    overflow: hidden
}

footer .carousel-container .carousel .control-bar,
footer .carousel-container .tabbed-carousel .control-bar,
header .carousel-container .carousel .control-bar,
header .carousel-container .tabbed-carousel .control-bar {
    text-align: center;
    min-height: 38px
}

footer .carousel-container .carousel .control-bar .carousel-indicators,
footer .carousel-container .tabbed-carousel .control-bar .carousel-indicators,
header .carousel-container .carousel .control-bar .carousel-indicators,
header .carousel-container .tabbed-carousel .control-bar .carousel-indicators {
    bottom: 10px;
    height: 20px
}

footer .carousel-container .carousel .control-bar .carousel-indicators li,
footer .carousel-container .tabbed-carousel .control-bar .carousel-indicators li,
header .carousel-container .carousel .control-bar .carousel-indicators li,
header .carousel-container .tabbed-carousel .control-bar .carousel-indicators li {
    cursor: pointer;
    height: 8px;
    width: 8px;
    margin: 0 2px;
    background-color: grey;
    opacity: .5;
    border-radius: 50%
}

footer .carousel-container .carousel .control-bar .carousel-indicators li.active,
footer .carousel-container .tabbed-carousel .control-bar .carousel-indicators li.active,
header .carousel-container .carousel .control-bar .carousel-indicators li.active,
header .carousel-container .tabbed-carousel .control-bar .carousel-indicators li.active {
    opacity: 1
}

footer .carousel-container .carousel .control-bar .carousel-control,
footer .carousel-container .tabbed-carousel .control-bar .carousel-control,
header .carousel-container .carousel .control-bar .carousel-control,
header .carousel-container .tabbed-carousel .control-bar .carousel-control {
    top: auto;
    left: auto;
    width: 10px;
    padding: 5px 0
}

footer .carousel-container .carousel .control-bar a,
footer .carousel-container .tabbed-carousel .control-bar a,
header .carousel-container .carousel .control-bar a,
header .carousel-container .tabbed-carousel .control-bar a {
    position: relative;
    z-index: 20;
    display: none
}

footer .carousel-container .carousel .control-bar a i,
footer .carousel-container .tabbed-carousel .control-bar a i,
header .carousel-container .carousel .control-bar a i,
header .carousel-container .tabbed-carousel .control-bar a i {
    font-size: 16px
}

footer .carousel-container .carousel .control-bar a.previous,
footer .carousel-container .tabbed-carousel .control-bar a.previous,
header .carousel-container .carousel .control-bar a.previous,
header .carousel-container .tabbed-carousel .control-bar a.previous {
    /*!@noflip*/
    right: 25px
}

@media (max-width:991px) {

    footer .carousel-container .carousel .control-bar a.previous,
    footer .carousel-container .tabbed-carousel .control-bar a.previous,
    header .carousel-container .carousel .control-bar a.previous,
    header .carousel-container .tabbed-carousel .control-bar a.previous {
        /*!@noflip*/
        right: 35px
    }
}

.catalog.topsellers header .banner-alert,
.catalog.topsellers header .iherb-header,
.customblog header .banner-alert,
.customblog header .iherb-header,
.productreviews header .banner-alert,
.productreviews header .iherb-header {
    position: relative !important
}

.catalog.topsellers header .stackable-below,
.productreviews header .stackable-below {
    padding-top: 0 !important
}

.customblog header .stackable-below {
    display: none !important
}

html:not(.ih-public) header .iherb-header {
    position: relative !important;
    top: 0 !important
}

html:not(.ih-public) header .iherb-header .iherb-header-share {
    display: none !important
}

html:not(.ih-public) header .iherb-header .iherb-header-message {
    border-right: none !important;
    padding-right: 0 !important;
    margin-right: 0 !important
}

html:not(.ih-public) header .stackable-below {
    padding-top: 0 !important
}

html:not(.ih-public) header .banner-alert {
    position: relative !important
}

#cart-header-wrap .iherb-header-share {
    display: block !important
}

html.ar #searchBtn {
    border-left: none;
    border-right: 1px solid #ededed
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    position: relative
}

.icon-hamburgermenu-sticky,
.icon-header_cart,
.icon-header_signed-in,
.icon-header_signed-out,
.icon-iherblogo {
    color: #fff
}

.icon-search {
    width: 30px;
    height: 24px;
    top: 2px
}

.icon-iherblogo {
    width: 90px;
    height: 60px
}

.icon-header_cart {
    width: 28px;
    height: 28px;
    top: 5px
}

.icon-hamburgermenu-sticky {
    width: 33px;
    height: 30px;
    top: 1px
}

.icon-header_signed-in,
.icon-header_signed-out {
    width: 30px;
    height: 35px;
    top: 3px
}

.icon-sharefilled {
    width: 18px;
    height: 19px;
    bottom: 1px
}

.icon.icon-circlex {
    color: #c6c6c6;
    width: 19px;
    height: 19px
}

#searchBtn {
    border-left: 1px solid #ededed
}

html.ar #searchBtn {
    border-left: none;
    border-right: 1px solid #ededed
}

#clearSearchBtn,
#searchBtn {
    width: auto;
    padding-right: 5px;
    padding-left: 5px
}

#clearSearchBtn:hover,
#searchBtn:hover {
    cursor: pointer
}

.wf-loading body {
    display: none
}

footer .universal-header,
header .universal-header {
    background-color: #f5f5f5;
    color: #666
}

footer .universal-header.iherb-universal a:not(.btn),
header .universal-header.iherb-universal a:not(.btn) {
    color: #6fa26b
}

footer .universal-header.iherb-universal .universal-header-container,
header .universal-header.iherb-universal .universal-header-container {
    height: 32px
}

footer .universal-header.iherb-universal .iherb-header-help-link,
header .universal-header.iherb-universal .iherb-header-help-link {
    text-decoration: underline
}

footer .universal-header:not(.iherb-universal) .universal-promo,
header .universal-header:not(.iherb-universal) .universal-promo {
    max-width: 320px
}

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

footer .universal-header:not(.iherb-universal) .universal-header-container,
header .universal-header:not(.iherb-universal) .universal-header-container {
    height: 45px
}

footer .universal-header .universal-promo,
header .universal-header .universal-promo {
    white-space: nowrap;
    overflow: hidden
}

footer .universal-header .universal-promo .promo-message,
header .universal-header .universal-promo .promo-message {
    height: 22px;
    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;
    font-size: 14px;
    line-height: 1;
    border-radius: 8px;
    margin-right: 8px;
    white-space: nowrap
}

@media (max-width:1199px) {

    footer .universal-header .universal-promo .promo-message:nth-child(3),
    header .universal-header .universal-promo .promo-message:nth-child(3) {
        display: none
    }
}

@media (max-width:991px) {

    footer .universal-header .universal-promo .promo-message:nth-child(2),
    header .universal-header .universal-promo .promo-message:nth-child(2) {
        display: none
    }
}

footer .universal-header .universal-promo .promo-message a,
footer .universal-header .universal-promo .promo-message span,
header .universal-header .universal-promo .promo-message a,
header .universal-header .universal-promo .promo-message span {
    padding: 0 16px;
    display: block
}

footer .universal-header .universal-promo .promo-message a:hover,
footer .universal-header .universal-promo .promo-message span:hover,
header .universal-header .universal-promo .promo-message a:hover,
header .universal-header .universal-promo .promo-message span:hover {
    text-decoration: none
}

footer .universal-header .universal-header-container,
header .universal-header .universal-header-container {
    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;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    font-size: 14px;
    width: 100%
}

footer .universal-header .universal-header-container .universal-header-end,
footer .universal-header .universal-header-container .universal-header-start,
header .universal-header .universal-header-container .universal-header-end,
header .universal-header .universal-header-container .universal-header-start {
    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 .universal-header .universal-header-container .universal-header-start,
header .universal-header .universal-header-container .universal-header-start {
    -webkit-justify-content: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

footer .universal-header .universal-header-container .universal-header-start>*,
header .universal-header .universal-header-container .universal-header-start>* {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 25px
}

footer .universal-header .universal-header-container .universal-header-start>:first-child,
header .universal-header .universal-header-container .universal-header-start>:first-child {
    padding-left: 0
}

footer .universal-header .universal-header-container .universal-header-start .icon,
header .universal-header .universal-header-container .universal-header-start .icon {
    fill: #666
}

footer .universal-header .universal-header-container .universal-header-start a,
header .universal-header .universal-header-container .universal-header-start a {
    display: inline-block;
    position: relative
}

footer .universal-header .universal-header-container .universal-header-start a.active:after,
header .universal-header .universal-header-container .universal-header-start a.active:after {
    position: absolute;
    bottom: -13px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    height: 0;
    width: 0;
    content: " ";
    border: solid transparent;
    pointer-events: none;
    border-bottom-color: #6fa26b;
    border-width: 12px
}

footer .universal-header .universal-header-container .universal-header-start a:hover svg.icon-iherblogo,
header .universal-header .universal-header-container .universal-header-start a:hover svg.icon-iherblogo {
    fill: #6fa26b
}

footer .universal-header .universal-header-container .universal-header-start a:hover svg.icon-loveletterlogo,
header .universal-header .universal-header-container .universal-header-start a:hover svg.icon-loveletterlogo {
    fill: #4f7f77
}

footer .universal-header .universal-header-container .universal-header-start a:hover svg.icon-loveletterlogo .env-heart,
header .universal-header .universal-header-container .universal-header-start a:hover svg.icon-loveletterlogo .env-heart {
    fill: #ed8577
}

footer .universal-header .universal-header-container .universal-header-start .icon-iherblogo,
header .universal-header .universal-header-container .universal-header-start .icon-iherblogo {
    height: 15px;
    width: 46px
}

footer .universal-header .universal-header-container .universal-header-start .icon-loveletterlogo,
header .universal-header .universal-header-container .universal-header-start .icon-loveletterlogo {
    height: 13px;
    width: 119px
}

footer .universal-header .universal-header-container .universal-header-end,
header .universal-header .universal-header-container .universal-header-end {
    -webkit-justify-content: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

footer .universal-header .universal-header-container .universal-header-end>*,
header .universal-header .universal-header-container .universal-header-end>* {
    padding-left: 16px;
    padding-right: 16px
}

@media (max-width:1199px) {

    footer .universal-header .universal-header-container .universal-header-end>*,
    header .universal-header .universal-header-container .universal-header-end>* {
        padding-left: 8px;
        padding-right: 8px
    }
}

footer .universal-header .universal-header-container .universal-header-end>:first-child,
header .universal-header .universal-header-container .universal-header-end>:first-child {
    padding-left: 0
}

footer .universal-header .universal-header-container .universal-header-end>:last-child,
header .universal-header .universal-header-container .universal-header-end>:last-child {
    padding-right: 0
}

footer .universal-header .universal-header-container .universal-header-end .icon-share,
header .universal-header .universal-header-container .universal-header-end .icon-share {
    height: 24px;
    width: 24px;
    fill: #f38a00
}

footer .locale-banner-header,
header .locale-banner-header {  
    line-height: 1.42857;
    background: #f7f8f7;
    width: 100%;
    position: relative;
    height: 36px;
    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;
    min-width: 768px
}

footer .locale-banner-header .container,
header .locale-banner-header .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;
    width: 100%;
    height: 100%;
    padding-left: 22px !important;
    padding-right: 16px !important
}

@media (max-width:950px) {

    footer .locale-banner-header .container,
    header .locale-banner-header .container {
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

footer .locale-banner-header .container .top-header-left,
footer .locale-banner-header .container .top-header-right,
header .locale-banner-header .container .top-header-left,
header .locale-banner-header .container .top-header-right {
    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: #fff;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap
}

footer .locale-banner-header .container .top-header-right,
header .locale-banner-header .container .top-header-right {
    width: 50%
}

@media (max-width:1024px) {

    footer .locale-banner-header .container .top-header-right,
    header .locale-banner-header .container .top-header-right {
        width: 60%
    }
}

@media (max-width:820px) {

    footer .locale-banner-header .container .top-header-right,
    header .locale-banner-header .container .top-header-right {
        width: 70%
    }
}

footer .locale-banner-header .container .top-header-left .universal-pills,
header .locale-banner-header .container .top-header-left .universal-pills {
    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;
    height: 24px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

footer .locale-banner-header .container .top-header-left .promo-message,
header .locale-banner-header .container .top-header-left .promo-message {
    padding: 2px 10px;
    border-radius: 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;
    padding: 2px 6px 2px 10px;
    margin-left: 4px;
    margin-right: 4px;
    border-radius: 24px;
    background: #e5f8e6;
    border: 1px solid #e5f8e6;
    height: 23px
}

footer .locale-banner-header .container .top-header-left .promo-message:hover,
header .locale-banner-header .container .top-header-left .promo-message:hover {
    text-decoration: none;
    border: 1px solid #6b6b6b
}

footer .locale-banner-header .container .top-header-left .promo-message:first-of-type,
header .locale-banner-header .container .top-header-left .promo-message:first-of-type {
    margin-left: 10px
}

@media (max-width:1145px) {

    footer .locale-banner-header .container .top-header-left .promo-message,
    header .locale-banner-header .container .top-header-left .promo-message {
        margin-right: 0
    }
}

@media (max-width:1094px) {

    footer .locale-banner-header .container .top-header-left .promo-message:last-child,
    header .locale-banner-header .container .top-header-left .promo-message:last-child {
        display: none
    }
}

@media (max-width:820px) {

    footer .locale-banner-header .container .top-header-left .promo-message,
    header .locale-banner-header .container .top-header-left .promo-message {
        display: none
    }

    footer .locale-banner-header .container .top-header-left .promo-message:first-child,
    header .locale-banner-header .container .top-header-left .promo-message:first-child {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

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

    footer .locale-banner-header .container .top-header-left .promo-message,
    header .locale-banner-header .container .top-header-left .promo-message {
        margin-left: 16px
    }

    footer .locale-banner-header .container .top-header-left .promo-message:first-of-type,
    header .locale-banner-header .container .top-header-left .promo-message:first-of-type {
        margin-left: 16px
    }
}

footer .locale-banner-header .container .top-header-left .promo-message a,
header .locale-banner-header .container .top-header-left .promo-message a {
    color: #333;
    font-weight: 400;
    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: 14px;
    line-height: 20px
}

footer .locale-banner-header .container .top-header-left .promo-message a:hover,
header .locale-banner-header .container .top-header-left .promo-message a:hover {
    text-decoration: none
}

footer .locale-banner-header .container .top-header-left .promo-message a span,
header .locale-banner-header .container .top-header-left .promo-message a span {
    white-space: nowrap;
    padding-right: 4px
}

footer .locale-banner-header .container .top-header-left .promo-message svg.icon-caret-down,
header .locale-banner-header .container .top-header-left .promo-message svg.icon-caret-down {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 20px;
    height: 20px
}

footer .locale-banner-header .container .top-header-right,
header .locale-banner-header .container .top-header-right {
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

footer .locale-banner-header .container .top-header-right .free-shipping,
footer .locale-banner-header .container .top-header-right .iherb-app,
header .locale-banner-header .container .top-header-right .free-shipping,
header .locale-banner-header .container .top-header-right .iherb-app {
    cursor: pointer;
    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-weight: 400;
    color: #333;
    height: 23px;
    border: 1px solid #f7f8f7;
    padding: 2px 10px;
    border-radius: 24px
}

footer .locale-banner-header .container .top-header-right .free-shipping:hover,
footer .locale-banner-header .container .top-header-right .iherb-app:hover,
header .locale-banner-header .container .top-header-right .free-shipping:hover,
header .locale-banner-header .container .top-header-right .iherb-app:hover {
    text-decoration: none;
    border: 1px solid #6b6b6b
}

footer .locale-banner-header .container .top-header-right .free-shipping .icon-mobile-device,
footer .locale-banner-header .container .top-header-right .free-shipping .icon-shipping-truck,
footer .locale-banner-header .container .top-header-right .iherb-app .icon-mobile-device,
footer .locale-banner-header .container .top-header-right .iherb-app .icon-shipping-truck,
header .locale-banner-header .container .top-header-right .free-shipping .icon-mobile-device,
header .locale-banner-header .container .top-header-right .free-shipping .icon-shipping-truck,
header .locale-banner-header .container .top-header-right .iherb-app .icon-mobile-device,
header .locale-banner-header .container .top-header-right .iherb-app .icon-shipping-truck {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    fill: #6fa26b !important
}

footer .locale-banner-header .container .top-header-right .free-shipping .icon-mobile-device:svg path,
footer .locale-banner-header .container .top-header-right .free-shipping .icon-shipping-truck:svg path,
footer .locale-banner-header .container .top-header-right .iherb-app .icon-mobile-device:svg path,
footer .locale-banner-header .container .top-header-right .iherb-app .icon-shipping-truck:svg path,
header .locale-banner-header .container .top-header-right .free-shipping .icon-mobile-device:svg path,
header .locale-banner-header .container .top-header-right .free-shipping .icon-shipping-truck:svg path,
header .locale-banner-header .container .top-header-right .iherb-app .icon-mobile-device:svg path,
header .locale-banner-header .container .top-header-right .iherb-app .icon-shipping-truck:svg path {
    fill: #6fa26b !important
}

footer .locale-banner-header .container .top-header-right .divider,
header .locale-banner-header .container .top-header-right .divider {
    height: 12px;
    width: 1px;
    background: rgba(0, 0, 0, .3);
    opacity: .5;
    margin: 0 4px;
    position: relative;
    top: 1px;
    border-right: unset;
    border-left: unset;
    padding-right: unset;
    padding-left: unset
}

footer .locale-banner-header .iherb-header-ccl .icon.icon-ccl-globe-v2,
header .locale-banner-header .iherb-header-ccl .icon.icon-ccl-globe-v2 {
    color: #fff !important
}

footer .locale-banner-header .iherb-header-ccl .selected-country-wrapper,
header .locale-banner-header .iherb-header-ccl .selected-country-wrapper {
    border: none
}

footer .locale-banner-header .iherb-header-ccl .selected-country-wrapper div,
header .locale-banner-header .iherb-header-ccl .selected-country-wrapper div {
    color: #333
}

footer .locale-banner-header .iherb-header-ccl .selected-country-wrapper div span,
header .locale-banner-header .iherb-header-ccl .selected-country-wrapper div span {
    font-weight: 400 !important
}

footer .locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.country-select,
header .locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.country-select {
    margin-right: 0
}

footer .locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.language-select,
header .locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.language-select {
    padding-left: 2px;
    margin-right: 0
}

footer .locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.currency-select,
header .locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.currency-select {
    margin-right: 0;
    padding-left: 5px
}

footer .locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.currency-select,
footer .locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.language-select,
header .locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.currency-select,
header .locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.language-select {
    border-left: none;
    font-weight: 400
}

footer .locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.currency-select,
header .locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.currency-select {
    border-right: none;
    font-weight: 400
}

footer .locale-banner-header .iherb-header-ccl .selected-country-wrapper .country-select,
footer .locale-banner-header .iherb-header-ccl .selected-country-wrapper .currency-select,
footer .locale-banner-header .iherb-header-ccl .selected-country-wrapper .language-select,
header .locale-banner-header .iherb-header-ccl .selected-country-wrapper .country-select,
header .locale-banner-header .iherb-header-ccl .selected-country-wrapper .currency-select,
header .locale-banner-header .iherb-header-ccl .selected-country-wrapper .language-select {
    font-weight: 400;
    font-size: 14px
}

footer .locale-banner-header .iherb-header-ccl .selected-country-wrapper .ccl-arrow,
header .locale-banner-header .iherb-header-ccl .selected-country-wrapper .ccl-arrow {
    display: none
}

footer .gh-btn,
header .gh-btn {
    font-size: 14px;
    font-weight: 700;
    border-radius: 8px;
    padding: 12px 16px;
    text-align: center;
    cursor: pointer
}

footer .gh-btn-primary,
header .gh-btn-primary {
    background-color: #6fa26b;
    color: #fff
}

footer .gh-btn-neutral,
footer header.header-cc-hx .branded-header .iherb-header-signed-out,
footer.header-cc-hx .branded-header .iherb-header-signed-out,
footer.header-cc-hx .branded-header header .iherb-header-signed-out,
header .gh-btn-neutral,
header footer.header-cc-hx .branded-header .iherb-header-signed-out,
header.header-cc-hx .branded-header .iherb-header-signed-out,
header.header-cc-hx .branded-header footer .iherb-header-signed-out {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333
}

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,
header .branded-header .branded-header-container {
    height: 55px;
    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;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto
}

footer .branded-header .branded-header-container .link-bar-wrapper .link-bar,
header .branded-header .branded-header-container .link-bar-wrapper .link-bar {
    white-space: nowrap;
    font-size: 16px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 36px;
    background: 0 0
}

@media (max-width:1500px) {

    footer .branded-header .branded-header-container .link-bar-wrapper .link-bar,
    header .branded-header .branded-header-container .link-bar-wrapper .link-bar {
        -webkit-flex-flow: row wrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

footer .branded-header .branded-header-container .link-bar-wrapper .link-bar .link-bar-item,
header .branded-header .branded-header-container .link-bar-wrapper .link-bar .link-bar-item {
    color: #fff;
    font-weight: 700;
    background: #fff;
    height: 36px;
    padding: 6px 8px;
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0 8px 8px 0;
    margin-left: -7px
}

footer .branded-header .branded-header-container .link-bar-wrapper .link-bar .link-bar-item .link-bar-item-divider,
header .branded-header .branded-header-container .link-bar-wrapper .link-bar .link-bar-item .link-bar-item-divider {
    position: absolute;
    border-left: 1px solid #1b6512;
    height: 21px
}

footer .branded-header .branded-header-container .link-bar-wrapper .link-bar .link-bar-item .link-bar-item-spacing,
header .branded-header .branded-header-container .link-bar-wrapper .link-bar .link-bar-item .link-bar-item-spacing {
    margin-right: 8px
}

footer .branded-header .branded-header-container .link-bar-wrapper .link-bar .link-bar-item:first-child,
header .branded-header .branded-header-container .link-bar-wrapper .link-bar .link-bar-item:first-child {
    border-radius: 8px;
    margin-left: 0
}

footer .branded-header .branded-header-container .link-bar-wrapper .link-bar .link-bar-item:first-child .link-bar-item-divider,
header .branded-header .branded-header-container .link-bar-wrapper .link-bar .link-bar-item:first-child .link-bar-item-divider {
    display: none
}

footer .branded-header .branded-header-container .link-bar-wrapper .link-bar .link-bar-item:first-child .link-bar-item-spacing,
header .branded-header .branded-header-container .link-bar-wrapper .link-bar .link-bar-item:first-child .link-bar-item-spacing {
    display: none
}

footer .branded-header .branded-header-container .branded-header-start>*,
header .branded-header .branded-header-container .branded-header-start>* {
    padding-left: 12px;
    padding-right: 12px
}

footer .branded-header .branded-header-container .branded-header-start>.menu-dropdown:not(.iherb-header-hamburger),
header .branded-header .branded-header-container .branded-header-start>.menu-dropdown:not(.iherb-header-hamburger) {
    padding-left: 0;
    padding-right: 0
}

footer .branded-header .branded-header-container .branded-header-start>.menu-dropdown:not(.iherb-header-hamburger)>:first-child,
header .branded-header .branded-header-container .branded-header-start>.menu-dropdown:not(.iherb-header-hamburger)>:first-child {
    padding-left: 12px;
    padding-right: 12px
}

footer .branded-header .branded-header-container .branded-header-start,
header .branded-header .branded-header-container .branded-header-start {
    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;
    height: 100%
}

footer .branded-header .branded-header-container .branded-header-start>:first-child,
header .branded-header .branded-header-container .branded-header-start>:first-child {
    padding-right: 12px;
    padding-left: 0
}

footer .branded-header .branded-header-container .branded-header-start>:nth-child(2),
header .branded-header .branded-header-container .branded-header-start>:nth-child(2) {
    padding-left: 0
}

footer .branded-header .branded-header-container .branded-header-start .iherb-header-logo a,
header .branded-header .branded-header-container .branded-header-start .iherb-header-logo a {
    display: block;
    width: 250px;
}

footer .branded-header .branded-header-container .branded-header-start .iherb-header-logo .icon-iherblogo,
header .branded-header .branded-header-container .branded-header-start .iherb-header-logo .icon-iherblogo {
    top: 2px;
    height: 23px;
    width: 68px
}
header .branded-header .branded-header-container .branded-header-start .iherb-header-logo img{
    height: 60px;
    width: auto;
}
footer .branded-header .branded-header-container .branded-header-start .iherb-header-logo .icon-iherb-express-logo,
header .branded-header .branded-header-container .branded-header-start .iherb-header-logo .icon-iherb-express-logo {
    color: #fff;
    height: 32px;
    width: 52px;
    top: 2px
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown {
    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;
    height: 100%
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown>button,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown>button {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    outline: inherit;
    height: 100%;
    cursor: pointer;
    text-transform: none;
    white-space: nowrap
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown>button svg,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown>button svg {
    vertical-align: bottom;
    font-size: 24px
}

@media (max-width:1399px) {

    footer .branded-header .branded-header-container .branded-header-start .menu-dropdown>button svg,
    header .branded-header .branded-header-container .branded-header-start .menu-dropdown>button svg {
        font-size: 20px
    }
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown>a,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown>a {
    color: #fff;
    text-decoration: none;
    text-transform: none
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown>a,
footer .branded-header .branded-header-container .branded-header-start .menu-dropdown>button,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown>a,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown>button {
    font-size: 16px;
    font-weight: 700
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown:not(.iherb-header-hamburger).active>button,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown:not(.iherb-header-hamburger).active>button {
    position: relative
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown:not(.iherb-header-hamburger).active>button::after,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown:not(.iherb-header-hamburger).active>button::after {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 17px;
    display: inline-block;
    margin: 0 auto;
    border: 9px solid transparent;
    border-bottom-color: #fff
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown:not(.iherb-header-hamburger).active.shop-menu>button::after,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown:not(.iherb-header-hamburger).active.shop-menu>button::after {
    border-bottom-color: #fafafa
}

footer .branded-header .branded-header-container .branded-header-start .menu-dropdown.tiered-menu .icon-hamburgermenu-sticky,
header .branded-header .branded-header-container .branded-header-start .menu-dropdown.tiered-menu .icon-hamburgermenu-sticky {
    top: 0
}

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 {
    position: absolute
}

footer .branded-header .branded-header-container .branded-header-end,
header .branded-header .branded-header-container .branded-header-end {
    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-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%
}

footer .branded-header .branded-header-container .branded-header-end>*,
header .branded-header .branded-header-container .branded-header-end>* {
    margin-left: 8px;
    margin-right: 8px
}

footer .branded-header .branded-header-container .branded-header-end>:last-child,
header .branded-header .branded-header-container .branded-header-end>:last-child {
    margin-right: 0
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search {
    padding-top: 0;
    padding-bottom: 0;
    width: 268px;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
    overflow: visible
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search.active,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search.active {
    width: auto;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (max-width:991px) {

    footer .branded-header .branded-header-container .branded-header-end .iherb-header-search,
    header .branded-header .branded-header-container .branded-header-end .iherb-header-search {
        width: auto;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search .iherb-header-search-input,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search .iherb-header-search-input {
    padding: 6px 42px 6px 12px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search .icon-search,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search .icon-search {
    color: #666
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #searchBtn,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #searchBtn {
    border: none;
    padding: 0
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search .icon-circlex,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search .icon-circlex {
    top: 2px
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #txtSearch,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #txtSearch {
    height: 36px;
    line-height: 1
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #searchForm,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #searchForm {
    line-height: normal;
    display: inline-block;
    width: 100%;
    vertical-align: middle
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #searchForm #iherb-search,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #searchForm #iherb-search {
    position: relative
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #searchForm .white,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #searchForm .white {
    color: #fff
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search #search-box,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search #search-box {
    width: 100%;
    height: 38px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search .iherb-header-search-button,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search .iherb-header-search-button {
    top: 0;
    bottom: 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search .search-box,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search .search-box {
    position: relative
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-search .search-box #quick-links-container,
footer .branded-header .branded-header-container .branded-header-end .iherb-header-search .search-box #sug-results,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search .search-box #quick-links-container,
header .branded-header .branded-header-container .branded-header-end .iherb-header-search .search-box #sug-results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-share,
header .branded-header .branded-header-container .branded-header-end .iherb-header-share {
    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;
    padding-top: 0;
    padding-bottom: 0;
    position: relative
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-share strong,
header .branded-header .branded-header-container .branded-header-end .iherb-header-share strong {
    top: auto;
    font-size: 16px;
    text-transform: none;
    white-space: nowrap
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-share .icon,
header .branded-header .branded-header-container .branded-header-end .iherb-header-share .icon {
    bottom: auto
}

footer .branded-header .branded-header-container .branded-header-end .iherb-header-share .share-wrapper #share-page-container,
header .branded-header .branded-header-container .branded-header-end .iherb-header-share .share-wrapper #share-page-container {
    top: 100%;
    right: -13px
}

footer .branded-header .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in a svg.icon-caret-down,
header .branded-header .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in a svg.icon-caret-down {
    display: none
}

footer .branded-header .branded-header-container.search-open .link-bar-wrapper,
footer .branded-header .branded-header-container.search-open .menu-dropdown-link,
header .branded-header .branded-header-container.search-open .link-bar-wrapper,
header .branded-header .branded-header-container.search-open .menu-dropdown-link {
    display: none
}

footer .branded-header.branded-header-v2,
header .branded-header.branded-header-v2 {
    box-shadow: 0 2px 8px 0 #6a73811f;
    position: relative;
    background: #fff;
}

footer .branded-header.branded-header-v2::before,
header .branded-header.branded-header-v2::before {
    content: "";
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    left: 0;
    border-bottom: 1px solid #e0e0e0;
    pointer-events: none;
    z-index: 1
}

footer .branded-header.branded-header-v2 .branded-header-container,
header .branded-header.branded-header-v2 .branded-header-container {
    height: 80px;
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-start .iherb-header-logo,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-start .iherb-header-logo {
    padding-right: 32px
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-start .iherb-header-logo svg.icon-iherblogo,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-start .iherb-header-logo svg.icon-iherblogo {
    width: 84px;
    height: 28px
}

@media (max-width:992px) {

    footer .branded-header.branded-header-v2 .branded-header-container .branded-header-start .iherb-header-logo,
    header .branded-header.branded-header-v2 .branded-header-container .branded-header-start .iherb-header-logo {
        padding-right: 24px
    }
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-start .iherb-header-hamburger,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-start .iherb-header-hamburger {
    padding-top: 4px
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-start .iherb-header-hamburger button,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-start .iherb-header-hamburger button {
    height: 40px;
    width: 40px;
    border-radius: 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
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-start .iherb-header-hamburger button svg.icon-hamburgermenu-v2,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-start .iherb-header-hamburger button svg.icon-hamburgermenu-v2 {
    font-size: unset;
    vertical-align: unset;
    width: 28px;
    height: 28px
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-start .iherb-header-hamburger button:hover,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-start .iherb-header-hamburger button:hover {
    background: #be986d
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-start .iherb-header-hamburger.tiered-menu.active button,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-start .iherb-header-hamburger.tiered-menu.active button {
    background: #be986d
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search {
    width: 85%;
    -moz-transition: none;
    transition: none;
    margin: 0;
    -webkit-flex-grow: unset;
    -moz-box-flex: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
}

@media (max-width:992px) {

    footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search,
    header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search {
        width: 70%
    }
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search form,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search form {
    margin: 0
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search form input#txtSearch,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search form input#txtSearch {
    padding: 6px 42px 6px 20px
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #txtSearch,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #txtSearch {
    border: none;
    border-radius: 8px;
    background: #fff;
    height: 40px;
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #txtSearch:focus,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #txtSearch:focus {
    outline: 0
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search svg.icon-circlex,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search svg.icon-circlex {
    color: #666
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search svg.icon-search,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search svg.icon-search {
    color: #a47764;
    width: 24px;
    height: 24px
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #quick-links-container,
footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #sug-results,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #quick-links-container,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #sug-results {
    z-index: 10;
    box-shadow: 0 12px 20px 0 #6a738138
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .wrapper,
footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .wrapper,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #sug-results .wrapper {
    max-height: -moz-calc(100vh - 128px);
    max-height: calc(100vh - 128px)
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #search-history-wrapper .wrapper-title,
footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #trending-links-wrapper .wrapper-title,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #search-history-wrapper .wrapper-title,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #trending-links-wrapper .wrapper-title {
    text-transform: none;
    font-size: 18px
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #search-history-wrapper .wrapper-title .search-history-clear,
footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #trending-links-wrapper .wrapper-title .search-history-clear,
header .branded-header.branded-header-v2 .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-v2 .branded-header-container .branded-header-end .iherb-header-search #quick-links-container #trending-links-wrapper .wrapper-title .search-history-clear {
    color: #126cc5;
    text-decoration: none;
    font-weight: 400
}

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

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories,
footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals {
    padding: 0 24px 16px 24px;
    row-gap: 16px;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px
}

@media (max-width:1200px) {

    footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories,
    footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals,
    header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories,
    header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals {
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px
    }
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category,
footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .categories .category,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search #quick-links-container .category-super-deals .category {
    max-width: 244px;
    width: 23%;
    margin-right: 0;
    margin-bottom: 0
}

@media (max-width:1380px) {

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

@media (max-width:992px) {

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

@media (max-width:768px) {

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

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search.active #txtSearch,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-search.active #txtSearch {
    background: #fff;
    border: 1px solid #6fa26b
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account {
    margin: 0;
    margin-left: 20px;
    margin-right: 8px
}

@media (max-width:992px) {

    footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account,
    header .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account {
        margin-left: 12px
    }
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in svg.icon-user-account-v2,
footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-signed-in svg.icon-user-account-v2,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in svg.icon-user-account-v2,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-signed-in svg.icon-user-account-v2 {
    width: 34px;
    height: 34px;
    display: block !important;
    padding: 5px 0 5px 10px
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in svg.icon-caret-down,
footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-signed-in svg.icon-caret-down,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in svg.icon-caret-down,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-signed-in svg.icon-caret-down {
    width: 16px;
    height: 16px;
    color: #fff;
    display: block !important
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in {
    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;
    border-radius: 48px;
    height: 50px
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in:hover,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in:hover {
    background: #be986d;
    color: #fff;
}
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in:hover .iherb-header-sign-in-container a.iherb-header-signed-out{
    color: #fff;
}
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in:hover .iherb-header-sign-in-container svg{
    fill: #fff;
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in .iherb-header-sign-in-container a.iherb-header-signed-out .username-my-account-container,
footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in .iherb-header-sign-in-container div.iherb-header-signed-in .username-my-account-container,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in .iherb-header-sign-in-container a.iherb-header-signed-out .username-my-account-container,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in .iherb-header-sign-in-container div.iherb-header-signed-in .username-my-account-container {

    padding: 5px 10px 5px 8px
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in .iherb-header-sign-in-container a.iherb-header-signed-out,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in .iherb-header-sign-in-container a.iherb-header-signed-out {
    min-width: 122px;
    border-radius: unset;
    border: unset;
    min-height: 36px;
    background-color: unset;
    cursor: pointer;
    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;
    width: 100%;
    color: #333;
    font-weight: 700
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in .iherb-header-sign-in-container a.iherb-header-signed-out .username-my-account-container,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in .iherb-header-sign-in-container a.iherb-header-signed-out .username-my-account-container {
    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 .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in .iherb-header-sign-in-container a.iherb-header-signed-out .username-sign-in,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in .iherb-header-sign-in-container a.iherb-header-signed-out .username-sign-in {
    max-width: 168px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in .iherb-header-sign-in-container div.iherb-header-signed-in,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in .iherb-header-sign-in-container div.iherb-header-signed-in {
    -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 .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in .iherb-header-sign-in-container div.iherb-header-signed-in .username-my-account-container,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in .iherb-header-sign-in-container div.iherb-header-signed-in .username-my-account-container {
    font-size: 12px
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in .iherb-header-sign-in-container div.iherb-header-signed-in .username-my-account-container .username,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in .iherb-header-sign-in-container div.iherb-header-signed-in .username-my-account-container .username {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 160px
}

@media (max-width:992px) {

    footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in .iherb-header-sign-in-container div.iherb-header-signed-in .username-my-account-container .username,
    header .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in .iherb-header-sign-in-container div.iherb-header-signed-in .username-my-account-container .username {
        max-width: 101px
    }
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in .iherb-header-sign-in-container div.iherb-header-signed-in .username-my-account-container .my-account,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in .iherb-header-sign-in-container div.iherb-header-signed-in .username-my-account-container .my-account {
    font-size: 14px;
    font-weight: 700;
    color: #333
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in .iherb-header-sign-in-container div.iherb-header-signed-in .username-my-account-container .my-account .my-account-label,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account .iherb-header-account-sign-in .iherb-header-sign-in-container div.iherb-header-signed-in .username-my-account-container .my-account .my-account-label {
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 101px
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account.iherb-header-account-signed-in .iherb-header-signed-out,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account.iherb-header-account-signed-in .iherb-header-signed-out {
    display: none !important
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account.iherb-header-account-signed-in .iherb-header-signed-in,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end #iherb-account.iherb-header-account-signed-in .iherb-header-signed-in {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-cart,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-cart {
    margin: 0;
    border-radius: 48px;
    height: 48px;
    width: 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;
    position: relative;
    right: -1px
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-cart:hover,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-cart:hover {
    background: #be986d
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-cart a,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-cart a {
    padding: 10px
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-cart a svg.icon-header-cart,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-cart a svg.icon-header-cart {
    color: #000;
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-cart:hover a svg.icon-header-cart,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-cart:hover a svg.icon-header-cart {
    color: #fff;
}

footer .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-cart a .cart-qty,
header .branded-header.branded-header-v2 .branded-header-container .branded-header-end .iherb-header-cart a .cart-qty {
    background-color: #fff;
    right: 4px;
    top: 8px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    width: auto;
    line-height: 18px;
    border-radius: 18px;
    color: #be986d
}

footer .branded-header.branded-header-v2 .branded-header-border,
header .branded-header.branded-header-v2 .branded-header-border {
    border-top: 1px solid #f5f5f5;
    border-bottom: none;
    width: 100%;
    margin: 0
}

@media (max-width:768px) {

    footer .branded-header.branded-header-v2 .branded-header-border,
    header .branded-header.branded-header-v2 .branded-header-border {
        display: none !important
    }
}

footer .branded-header.branded-header-v2 .sub-header-container-wrapper,
header .branded-header.branded-header-v2 .sub-header-container-wrapper {
    background: #f4f4f4 0% 0%;
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container {
  height: 36px
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container.search-open .link-bar-wrapper,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container.search-open .link-bar-wrapper {
    display: block
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .branded-header-end,
footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .branded-header-start,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .branded-header-end,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .branded-header-start {
    padding-top: 0;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .branded-header-start>*,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .branded-header-start>* {
    padding-left: 0;
    padding-right: 0
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .branded-header-start>.menu-dropdown:not(.iherb-header-hamburger),
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .branded-header-start>.menu-dropdown:not(.iherb-header-hamburger) {
    padding-left: 0;
    padding-right: 0
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .branded-header-start>.menu-dropdown:not(.iherb-header-hamburger)>:first-child,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .branded-header-start>.menu-dropdown:not(.iherb-header-hamburger)>:first-child {
    padding-left: 0;
    padding-right: 0
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .branded-header-start.hovering .menu-dropdown.active button,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .branded-header-start.hovering .menu-dropdown.active button {
    padding-bottom: 7px;
    color: #be986d;
    border-bottom: 3px solid #be986d
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .menu-dropdown,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .menu-dropdown {
    margin: 0
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .menu-dropdown button,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .menu-dropdown button {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    padding: 10px 0 10px 0;
    margin: 0 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 .branded-header.branded-header-v2 .branded-header-container.sub-header-container .menu-dropdown button svg.icon-caret-down,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .menu-dropdown button svg.icon-caret-down {
    width: 16px;
    height: 16px;
    color: #999
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .menu-dropdown:first-child button,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .menu-dropdown:first-child button {
    margin-left: 0
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .menu-dropdown .mega-menu,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .menu-dropdown .mega-menu {
    max-width: 1440px
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .menu-dropdown .mega-menu .mega-menu-content,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .menu-dropdown .mega-menu .mega-menu-content {
    border: none;
    max-width: 1440px;
    border-radius: 0 0 8px 8px
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-link:hover,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-link:hover {
    color: inherit
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .overflow-more,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .overflow-more {
    color: #333;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    font-size: 14px;
    font-style: italic;
    -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: 100%;
    position: relative;
    margin: 0 12px
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .overflow-more svg,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .overflow-more svg {
    width: 16px;
    height: 16px
}

@-webkit-keyframes show {
    1% {
        display: block
    }
}

@-moz-keyframes show {
    1% {
        display: block
    }
}

@keyframes show {
    1% {
        display: block
    }
}

@-webkit-keyframes hide {
    0% {
        display: block
    }

    100% {
        display: none
    }
}

@-moz-keyframes hide {
    0% {
        display: block
    }

    100% {
        display: none
    }
}

@keyframes hide {
    0% {
        display: block
    }

    100% {
        display: none
    }
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .overflow-more .more-dropdown,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .overflow-more .more-dropdown {
    display: none;
    -webkit-animation: hide .1s;
    -moz-animation: hide .1s;
    animation: hide .1s;
    position: absolute;
    top: 40px;
    right: -12px;
    padding: 12px 20px;
    font-style: normal;
    background: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 12px 20px 0 rgba(0, 0, 0, .16)
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .overflow-more .more-dropdown a,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .overflow-more .more-dropdown a {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400 !important;
    max-width: 208px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    word-break: break-word;
    line-height: 28px
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .overflow-more .more-dropdown a:hover,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .overflow-more .more-dropdown a:hover {
    text-decoration: underline !important;
    -webkit-text-decoration-color: #333 !important;
    -moz-text-decoration-color: #333 !important;
    text-decoration-color: #333 !important;
    text-decoration-thickness: 1px !important
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .overflow-more .more-dropdown a:after,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .overflow-more .more-dropdown a:after {
    display: none
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .overflow-more:hover,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .overflow-more:hover {
    color: #be986d;
    cursor: pointer
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .overflow-more:hover .more-dropdown,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .overflow-more:hover .more-dropdown {
    -webkit-animation: show .1s;
    -moz-animation: show .1s;
    animation: show .1s;
    display: block
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .overflow-more:hover::after,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .overflow-more:hover::after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: #be986d
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .link-bar-wrapper,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .link-bar-wrapper {
    height: 100%
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .link-bar-wrapper .link-bar,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .link-bar-wrapper .link-bar {
    height: 100%
}

@media (max-width:1500px) {

    footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .link-bar-wrapper .link-bar,
    header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .link-bar-wrapper .link-bar {
        -webkit-flex-flow: nowrap;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap
    }
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .link-bar-wrapper .link-bar .link-bar-item,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .link-bar-wrapper .link-bar .link-bar-item {
    font-size: 14px;
    font-weight: 400;
    border-radius: unset;
    color: #333;
    margin: 0 12px;
    padding: 0;
    height: 100%;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .link-bar-wrapper .link-bar .link-bar-item .link-bar-item-spacing,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .link-bar-wrapper .link-bar .link-bar-item .link-bar-item-spacing {
    display: none
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .universal-promo,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .universal-promo {
    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-v2 .branded-header-container.sub-header-container .universal-promo .promo-message,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .universal-promo .promo-message {
    margin: 4px;
    border-radius: 24px;
    background: #e5f8e6;
    border: 1px solid #e5f8e6;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    height: 24px
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .universal-promo .promo-message:hover,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .universal-promo .promo-message:hover {
    border: 1px solid #ccc
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .universal-promo .promo-message a,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .universal-promo .promo-message 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
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .universal-promo .promo-message a:hover,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .universal-promo .promo-message a:hover {
    text-decoration: none
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .universal-promo .promo-message a span,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .universal-promo .promo-message a span {
    max-width: 300px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #333
}

footer .branded-header.branded-header-v2 .branded-header-container.sub-header-container .universal-promo .promo-message a svg.icon-caret-down,
header .branded-header.branded-header-v2 .branded-header-container.sub-header-container .universal-promo .promo-message a svg.icon-caret-down {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    width: 16px;
    height: 16px
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container {
    height:55px;
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (min-width:1201px) {

    footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container,
    header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container {
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .menu-dropdown.active a.link-bar-item,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .menu-dropdown.active a.link-bar-item {
    color: #be986d !important
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .menu-dropdown.active a.link-bar-item.after::after,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .menu-dropdown.active a.link-bar-item.after::after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #be986d
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container a.link-bar-item,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container a.link-bar-item {
    color: #333;
    font-weight: 700 !important;
    position: relative
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container a.link-bar-item:hover,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container a.link-bar-item:hover {
    color: #be986d !important;
    text-decoration: none
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container a.link-bar-item:hover::after,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container a.link-bar-item:hover::after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #be986d
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment {
    width: 100%
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-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
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper:nth-of-type(3),
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper:nth-of-type(3) {
    margin-left: auto;
    font-style: italic
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper:first-child.after:after,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper:first-child.after:after {
    content: " ";
    height: 18px;
    position: relative;
    width: 1px;
    background: #e0e0e0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 12px
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content {
    margin: 0;
    padding: 0
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper {
    padding: 24px 32px
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-column,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-column {
    min-width: 140px;
    max-width: 208px;
    margin-right: 0
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-column .brand-entry .brand-flag.brand-sale,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-column .brand-entry .brand-flag.brand-sale {
    color: #ca2222;
    background: #ffecec;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    padding: 0 8px;
    -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;
    gap: 4px;
    border-color: unset;
    border: none;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    text-transform: uppercase
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-fixed .menu-flex .menu-column,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-fixed .menu-flex .menu-column {
    min-width: unset;
    max-width: unset;
    width: 100%;
    margin-right: 12px
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-fixed .menu-flex .menu-column .type-default,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-fixed .menu-flex .menu-column .type-default {
    height: 48px;
    margin-top: 12px
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-fixed .menu-flex .menu-column .type-default .menu-link,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-fixed .menu-flex .menu-column .type-default .menu-link {
    height: 100%;
    width: 160px
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-fixed .menu-flex .menu-column .type-default .menu-link:hover,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-fixed .menu-flex .menu-column .type-default .menu-link:hover {
    text-decoration: none
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-fixed .menu-flex .menu-column .type-default:first-of-type,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-fixed .menu-flex .menu-column .type-default:first-of-type {
    margin-top: 0
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-fixed .type-heading,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-fixed .type-heading {
    margin-top: 8px
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-fixed-1,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-fixed-1 {
    width: 160px
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-fixed-1 .menu-flex,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-fixed-1 .menu-flex {
    margin-top: 8px;
    width: 160px
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-fixed-2,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-fixed-2 {
    width: 340px
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-fixed-2 .menu-flex,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-fixed-2 .menu-flex {
    margin-top: 8px;
    width: 340px
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-heading,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-heading {
    margin-top: 28px;
    color: #126cc5;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-heading svg.icon-chevron-right-blue,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-heading svg.icon-chevron-right-blue {
    width: 16px;
    height: 16px;
    margin-bottom: -4px
}


footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-heading:first-of-type,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-heading:first-of-type {
    margin-top: 0
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-default,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-default {
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;
    color: #333
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-default .menu-pill-wrapper.menu-link,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-default .menu-pill-wrapper.menu-link {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px;
    -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;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    background: #fff;
    width: 165px
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-default .menu-pill-wrapper.menu-link span,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-default .menu-pill-wrapper.menu-link span {
    padding: 0
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-default .menu-pill-wrapper.menu-link .menu-pill-image,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-default .menu-pill-wrapper.menu-link .menu-pill-image {
    height: 32px
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-default .menu-pill-wrapper.menu-link:hover,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-default .menu-pill-wrapper.menu-link:hover {
    border: 1px solid #6b6b6b
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-default .menu-pill-wrapper.menu-link:hover a,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-default .menu-pill-wrapper.menu-link:hover a {
    text-decoration: none
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-default .menu-pill-wrapper.menu-link.specialty-store-pill-wrapper,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-default .menu-pill-wrapper.menu-link.specialty-store-pill-wrapper {
    padding: 0 16px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    border-radius: 8px;
    border: 1px solid #fff;
    background: #f7f8f7
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-default .menu-pill-wrapper.menu-link.specialty-store-pill-wrapper span,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-default .menu-pill-wrapper.menu-link.specialty-store-pill-wrapper span {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 44px
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-default .menu-pill-wrapper.menu-link.specialty-store-pill-wrapper img.specialty-store-pill-icon,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-default .menu-pill-wrapper.menu-link.specialty-store-pill-wrapper img.specialty-store-pill-icon {
    width: 20px;
    height: 20px;
    margin-right: 12px
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-default .menu-pill-wrapper.menu-link.specialty-store-pill-wrapper:hover,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .type-default .menu-pill-wrapper.menu-link.specialty-store-pill-wrapper:hover {
    border: 1px solid #6b6b6b
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-title,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-title {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-description,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-start.header-v2-row-experiment .link-bar-wrapper .link-bar .menu-dropdown .mega-menu .mega-menu-content .menu-wrapper .menu-flex .menu-description {
    color: #666;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 8px;
    margin-bottom: 4px
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-end.header-v2-row-experiment .link-bar-wrapper,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-end.header-v2-row-experiment .link-bar-wrapper {
    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
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-end.header-v2-row-experiment .link-bar-wrapper .link-bar,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-end.header-v2-row-experiment .link-bar-wrapper .link-bar {
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    height: 37px;
    overflow: hidden;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

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

    footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-end.header-v2-row-experiment .link-bar-wrapper .link-bar,
    header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-end.header-v2-row-experiment .link-bar-wrapper .link-bar {
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

footer .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-end.header-v2-row-experiment .link-bar-wrapper .link-bar a.link-bar-item,
header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container .branded-header-end.header-v2-row-experiment .link-bar-wrapper .link-bar a.link-bar-item {
    font-style: italic
}

footer .branded-header.branded-header-v2 .mega-menu-navigation,
header .branded-header.branded-header-v2 .mega-menu-navigation {
    border-top: 1px solid #e0e0e0;
    border-radius: 0 0 8px 8px
}

footer .branded-header.branded-header-v2 .mega-menu-navigation .sticky-header-menu .sticky-header-menu-categories ul.sticky-header-menu-categories-list.link-container li.link.i-tested,
header .branded-header.branded-header-v2 .mega-menu-navigation .sticky-header-menu .sticky-header-menu-categories ul.sticky-header-menu-categories-list.link-container li.link.i-tested {
    margin-bottom: 15px
}

footer .stackable-below,
header .stackable-below {
    padding-top: 87px
}

footer .stackable-below .secondary-header,
header .stackable-below .secondary-header {
    padding-top: 0
}

footer .stackable-below:empty,
header .stackable-below:empty {
    padding-top: 0
}

header .universal-header:not(.iherb-universal) .stackable-below {
    padding-top: 100px
}

html:not(.ih-public) .public-sticky-banner {
    display: none !important
}

.home .disable-on-home .public-sticky-banner,
.info .disable-on-info .public-sticky-banner,
.info.about .disable-on-about .public-sticky-banner,
.productdetails .disable-on-pdp .public-sticky-banner,
.productlist .disable-on-list .public-sticky-banner,
.search .disable-on-search .public-sticky-banner {
    display: none !important
}

footer .promo-banner,
header .promo-banner {
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px
}

footer .promo-banner .header-banner-close,
header .promo-banner .header-banner-close {
    display: none
}

footer .promo-banner .header-timer-placeholder,
header .promo-banner .header-timer-placeholder {
    min-width: 147px
}

footer .promo-banner span,
header .promo-banner span {
    font-weight: inherit
}

footer .promo-banner .header-banner-close,
header .promo-banner .header-banner-close {
    position: absolute;
    color: #fff;
    opacity: .5;
    right: 8px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2000
}

footer .promo-banner .one-line-flex,
header .promo-banner .one-line-flex {
    white-space: nowrap;
    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 .promo-banner .header-timer-placeholder,
header .promo-banner .header-timer-placeholder {
    position: relative;
    margin: 0 10px
}

footer .promo-banner .header-timer-placeholder #header-timer,
footer .promo-banner .header-timer-placeholder .header-timer,
header .promo-banner .header-timer-placeholder #header-timer,
header .promo-banner .header-timer-placeholder .header-timer {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

footer .promo-banner .header-timer-placeholder #header-timer .timer,
footer .promo-banner .header-timer-placeholder .header-timer .timer,
header .promo-banner .header-timer-placeholder #header-timer .timer,
header .promo-banner .header-timer-placeholder .header-timer .timer {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    font-size: 18px
}

footer .promo-banner .header-timer-placeholder #header-timer .timer>*,
footer .promo-banner .header-timer-placeholder .header-timer .timer>*,
header .promo-banner .header-timer-placeholder #header-timer .timer>*,
header .promo-banner .header-timer-placeholder .header-timer .timer>* {
    margin-right: 2px;
    margin-left: 2px
}

footer .promo-banner .header-timer-placeholder #header-timer .timer .ends-in-text,
footer .promo-banner .header-timer-placeholder .header-timer .timer .ends-in-text,
header .promo-banner .header-timer-placeholder #header-timer .timer .ends-in-text,
header .promo-banner .header-timer-placeholder .header-timer .timer .ends-in-text {
    display: none
}

footer .promo-banner .header-timer-placeholder #header-timer .timer .digit,
footer .promo-banner .header-timer-placeholder .header-timer .timer .digit,
header .promo-banner .header-timer-placeholder #header-timer .timer .digit,
header .promo-banner .header-timer-placeholder .header-timer .timer .digit {
    padding: 3px 6px;
    font-weight: 700;
    background-color: #fff;
    color: #333;
    border-radius: 4px;
    margin-left: 2px;
    margin-right: 2px
}

footer .promo-banner .header-timer-placeholder #header-timer .timer .days-letter,
footer .promo-banner .header-timer-placeholder #header-timer .timer .hours-delimiter,
footer .promo-banner .header-timer-placeholder #header-timer .timer .hours-letter,
footer .promo-banner .header-timer-placeholder #header-timer .timer .minutes-delimiter,
footer .promo-banner .header-timer-placeholder #header-timer .timer .minutes-letter,
footer .promo-banner .header-timer-placeholder .header-timer .timer .days-letter,
footer .promo-banner .header-timer-placeholder .header-timer .timer .hours-delimiter,
footer .promo-banner .header-timer-placeholder .header-timer .timer .hours-letter,
footer .promo-banner .header-timer-placeholder .header-timer .timer .minutes-delimiter,
footer .promo-banner .header-timer-placeholder .header-timer .timer .minutes-letter,
header .promo-banner .header-timer-placeholder #header-timer .timer .days-letter,
header .promo-banner .header-timer-placeholder #header-timer .timer .hours-delimiter,
header .promo-banner .header-timer-placeholder #header-timer .timer .hours-letter,
header .promo-banner .header-timer-placeholder #header-timer .timer .minutes-delimiter,
header .promo-banner .header-timer-placeholder #header-timer .timer .minutes-letter,
header .promo-banner .header-timer-placeholder .header-timer .timer .days-letter,
header .promo-banner .header-timer-placeholder .header-timer .timer .hours-delimiter,
header .promo-banner .header-timer-placeholder .header-timer .timer .hours-letter,
header .promo-banner .header-timer-placeholder .header-timer .timer .minutes-delimiter,
header .promo-banner .header-timer-placeholder .header-timer .timer .minutes-letter {
    text-transform: lowercase;
    vertical-align: middle
}

footer #header-banner-site-wide-sale .header-banner-wrapper,
header #header-banner-site-wide-sale .header-banner-wrapper {
    text-align: center;
    padding: 2px;
    text-align: center;
    background-color: #1a73e8;
    color: #fff;
    vertical-align: middle
}

footer #header-banner-site-wide-sale .header-banner-wrapper>*,
header #header-banner-site-wide-sale .header-banner-wrapper>* {
    vertical-align: middle;
    margin-right: 12px
}

footer #header-banner-site-wide-sale .header-banner-wrapper .header-banner-headline,
header #header-banner-site-wide-sale .header-banner-wrapper .header-banner-headline {
    font-weight: 700;
    font-size: 24px;
    color: #ffc107;
    text-transform: uppercase;
    margin-right: 8px
}

footer #header-banner-site-wide-sale .header-banner-wrapper .header-banner-subheadline,
header #header-banner-site-wide-sale .header-banner-wrapper .header-banner-subheadline {
    font-size: 18px
}

footer #header-banner-site-wide-sale .header-banner-wrapper .header-banner-button,
header #header-banner-site-wide-sale .header-banner-wrapper .header-banner-button {
    padding: 5px 12px;
    background-color: #ffc107;
    border-radius: 3px;
    color: #333;
    font-weight: 700;
    font-size: 11px;
    cursor: pointer;
    display: inline-block
}

footer #header-banner-site-wide-sale .header-banner-wrapper .header-banner-close,
header #header-banner-site-wide-sale .header-banner-wrapper .header-banner-close {
    position: relative;
    color: #fff;
    opacity: .5;
    right: 5px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    float: right;
    top: 8px
}

footer #split-header-banner-wrapper #split-header-banner,
header #split-header-banner-wrapper #split-header-banner {
    padding: 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 46px;
    z-index: 1004
}

footer #split-header-banner-wrapper #split-header-banner .left-banner,
header #split-header-banner-wrapper #split-header-banner .left-banner {
    position: relative;
    z-index: 2;
    width: 100%
}

footer #split-header-banner-wrapper #split-header-banner .left-banner:after,
header #split-header-banner-wrapper #split-header-banner .left-banner:after {
    content: " ";
    position: absolute;
    top: 0;
    right: -46px;
    width: 0;
    height: 0;
    border-top: 46px solid #fff;
    border-right: 46px solid transparent
}

footer #split-header-banner-wrapper #split-header-banner .left-banner .one-line-flex,
header #split-header-banner-wrapper #split-header-banner .left-banner .one-line-flex {
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

footer #split-header-banner-wrapper #split-header-banner .right-banner,
header #split-header-banner-wrapper #split-header-banner .right-banner {
    width: 100%
}

footer #split-header-banner-wrapper #split-header-banner .right-banner .one-line-flex,
header #split-header-banner-wrapper #split-header-banner .right-banner .one-line-flex {
    padding-left: 46px;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

footer #split-header-banner-wrapper #split-header-banner .split-banner,
header #split-header-banner-wrapper #split-header-banner .split-banner {
    height: 100%
}

footer #split-header-banner-wrapper #split-header-banner .one-line-flex,
header #split-header-banner-wrapper #split-header-banner .one-line-flex {
    height: 100%
}

footer #split-header-banner-wrapper #split-header-banner .img-action-btn,
header #split-header-banner-wrapper #split-header-banner .img-action-btn {
    height: 30px;
    width: 30px;
    margin-left: 12px
}

footer #universal-branded-header .accessibility,
header #universal-branded-header .accessibility {
    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;
    opacity: 0;
    position: absolute;
    z-index: -1;
    border-radius: 8px;
    padding: 4px;
    left: 10px;
    top: 10px
}

footer #universal-branded-header .accessibility:focus,
header #universal-branded-header .accessibility:focus {
    background-color: #fff;
    z-index: 9999;
    opacity: 1
}

footer #universal-branded-header #split-header-banner-wrapper #split-header-banner,
header #universal-branded-header #split-header-banner-wrapper #split-header-banner {
    z-index: initial
}

footer .iherb-header-account,
header .iherb-header-account {
    position: relative;
    cursor: pointer;
    color: #fff
}

footer .iherb-header-account:not(.single-icon),
header .iherb-header-account:not(.single-icon) {
    top: -3px;
    border-right: 1px solid #60aa00;
    margin-right: 20px;
    padding-right: 20px
}

@media (min-width:992px) {

    footer .iherb-header-account:not(.single-icon),
    header .iherb-header-account:not(.single-icon) {
        width: 120px
    }
}

footer .iherb-header-account i,
header .iherb-header-account i {
    font-size: 31px
}

footer .iherb-header-account i:hover,
header .iherb-header-account i:hover {
    text-decoration: none
}

footer .iherb-header-account.iherb-header-account-signed-in .iherb-header-signed-in,
header .iherb-header-account.iherb-header-account-signed-in .iherb-header-signed-in {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

footer .iherb-header-account.iherb-header-account-signed-in .iherb-header-signed-out,
header .iherb-header-account.iherb-header-account-signed-in .iherb-header-signed-out {
    display: none
}

footer .iherb-header-account.iherb-header-account-signed-in .iherb-header-dropdown-signed-out,
header .iherb-header-account.iherb-header-account-signed-in .iherb-header-dropdown-signed-out {
    display: none
}

footer .iherb-header-account .iherb-header-account-sign-in label.iherb-header-signed-in,
header .iherb-header-account .iherb-header-account-sign-in label.iherb-header-signed-in {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

footer .iherb-header-account .iherb-header-account-sign-in label.iherb-header-signed-out,
header .iherb-header-account .iherb-header-account-sign-in label.iherb-header-signed-out {
    cursor: pointer
}

footer .iherb-header-account .iherb-header-account-sign-in label.iherb-header-signed-out:hover,
header .iherb-header-account .iherb-header-account-sign-in label.iherb-header-signed-out:hover {
    text-decoration: underline
}

footer .iherb-header-account .iherb-header-account-sign-in label a,
header .iherb-header-account .iherb-header-account-sign-in label a {
    color: #fff
}

footer .iherb-header-account .iherb-header-account-sign-in>span,
header .iherb-header-account .iherb-header-account-sign-in>span {
    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: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    position: relative
}

footer .iherb-header-account .iherb-header-account-name,
header .iherb-header-account .iherb-header-account-name {
    width: 100px
}

footer .iherb-header-account .iherb-header-account-my-account,
header .iherb-header-account .iherb-header-account-my-account {
    cursor: pointer
}

footer .iherb-header-account .iherb-header-account-my-account .icon-caret-down,
header .iherb-header-account .iherb-header-account-my-account .icon-caret-down {
    display: none
}



footer .universal-header .iherb-header-account .iherb-header-account-my-account,
header .universal-header .iherb-header-account .iherb-header-account-my-account {
    font-weight: 700;
    min-width: 109px
}



footer .universal-header .iherb-header-account .iherb-header-account-my-account .icon-caret-down,
header .universal-header .iherb-header-account .iherb-header-account-my-account .icon-caret-down {
    display: inline-block;
    height: 22px;
    width: 22px;
    vertical-align: middle;
    float: right
}

footer .universal-header .iherb-header-account .iherb-header-account-my-account:after,
header .universal-header .iherb-header-account .iherb-header-account-my-account:after {
    content: normal
}

footer.header-cc-hx .iherb-header-cart a,
header.header-cc-hx .iherb-header-cart a {
    color: #666 !important
}

footer .iherb-header-cart,
header .iherb-header-cart {
    position: relative
}

footer .iherb-header-cart a,
header .iherb-header-cart a {
    display: inline-block;
    position: relative;
    color: #fff
}

footer .iherb-header-cart .icon-header-cart,
header .iherb-header-cart .icon-header-cart {
    width: 28px;
    height: 28px;
    top: 2px
}

footer .iherb-header-cart .iherb-header-cart-quantity,
header .iherb-header-cart .iherb-header-cart-quantity {
    position: absolute;
    right: -10px;
    top: -5px;
    width: 23px;
    height: 23px;
    line-height: 23px;
    font-size: 12px;
    background-color: #f38a00;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-weight: 700
}

footer .sticky-header-menu,
header .sticky-header-menu {
    display: none
}

footer .icon-hamburgermenu-sticky,
footer .icon-header_cart,
footer .icon-header_signed-in,
footer .icon-header_signed-out,
footer .icon-iherblogo,
header .icon-hamburgermenu-sticky,
header .icon-header_cart,
header .icon-header_signed-in,
header .icon-header_signed-out,
header .icon-iherblogo {
    color: #fff
}

footer .icon-search,
header .icon-search {
    color: #666;
    width: 30px;
    height: 24px;
    top: 2px
}

footer .icon-iherblogo,
header .icon-iherblogo {
    width: 90px;
    height: 60px
}

footer .icon-hamburgermenu-sticky,
header .icon-hamburgermenu-sticky {
    width: 33px;
    height: 30px;
    top: 1px
}

footer .iherb-header-signed-out,
header .iherb-header-signed-out {
    min-width: 90px;
    border-radius: 8px;
    border: 1px solid #fff;
    min-height: 36px;
    background-color: #6fa26b;
    cursor: pointer;
    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
}
.lang-wrapper {
    display: flex;
    align-items: center;
}
.lang-wrapper .icon-xxs {
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    width: 32px;
    transform: translateY(0);
    display: inline-block;
    text-align: center;
    transition: all 120ms ease;
}
.lang-wrapper .lang-block {
    position: relative;
    line-height: 20px;
    width: 100%;
}
.lang-wrapper .lang-block .lang-current {
    padding: 6px 34px 6px 14px;
    cursor: pointer;
    position: relative; 
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 300;
}
.lang-wrapper .lang-block .lang-current {
    color: #000;
    font-weight: 400;
}
.lang-wrapper .lang-block .lang-list {
    position: absolute;
    top: 100%;
    left: -1px;
    right: 0;
    width: -webkit-calc(100% + 2px);
    width: calc(100% + 2px);
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 7px 14px;
    border-radius: 0 0 16px 16px;
    border: 1px solid #17206A;
    border-top: none;
    background-color: #fff;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
}
.lang-wrapper .lang-block {
    position: relative;
    line-height: 20px;
    width: 100%;
}
.lang-wrapper .lang-block .lang-list .lang-link {
    font-weight: 400;
    color: #000;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1;
    display: block;
    position: relative;
}
.lang-wrapper .icon-xxs {
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    transition: all 120ms ease;
}
.shadow-bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    z-index: -1;
}
.lang-wrapper .lang-block .lang-current::before {
    background-image: url(../images/toggle-circle-v2.svg);
    background-size: cover !important;
    right: -2px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}
.shadow-bg-xs::after {
    transform: scale(.7) translateY(3px) translateZ(0);
    filter: blur(8px);
}
.lang-wrapper .lang-block .lang-list {
    border: 1px solid #e7e7e7;
    background: #f9f9f9;
}
.lang-wrapper .lang-block .lang-list.open {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
footer a.iherb-header-signed-out:hover,
header a.iherb-header-signed-out:hover {
    text-decoration: none
}

footer .icon-header_signed-in,
header .icon-header_signed-in {
    width: 30px;
    height: 35px;
    top: 3px
}

footer .icon-sharefilled,
header .icon-sharefilled {
    color: #fff;
    min-width: 18px;
    width: 18px;
    height: 19px;
    bottom: 1px
}

footer .icon.icon-circlex,
header .icon.icon-circlex {
    color: #999;
    width: 19px;
    height: 19px
}

footer #searchBtn,
header #searchBtn {
    border-left: 1px solid #8cc324
}

footer #clearSearchBtn,
footer #searchBtn,
header #clearSearchBtn,
header #searchBtn {
    width: auto;
    padding-right: 5px;
    padding-left: 5px
}

footer #clearSearchBtn:hover,
footer #searchBtn:hover,
header #clearSearchBtn:hover,
header #searchBtn:hover {
    cursor: pointer
}

footer .wf-loading body,
header .wf-loading body {
    display: none
}

footer a,
header a {
    text-decoration: none
}

footer .cart-hide,
header .cart-hide {
    display: none !important
}

footer .cart-pop,
header .cart-pop {
    -webkit-animation: popout .2s ease;
    -moz-animation: popout .2s ease;
    animation: popout .2s ease
}

footer .header-overlay-count,
footer .iherb-header-overlay,
header .header-overlay-count,
header .iherb-header-overlay {
    z-index: 1000 !important
}

footer .header-container,
header .header-container {
    max-width: 1400px;
    padding-left: 32px;
    padding-right: 32px;
}

footer .branded-header-v2 .header-container,
footer .locale-banner-header .header-container,
header .branded-header-v2 .header-container,
header .locale-banner-header .header-container {
    padding-left: 24px;
    padding-right: 20px;
    max-width: none
}

@media (min-width:1441px) {

    footer .branded-header-v2 .header-container,
    footer .locale-banner-header .header-container,
    header .branded-header-v2 .header-container,
    header .locale-banner-header .header-container {
        max-width: 1440px
    }
}

footer .icon-header_cart,
header .icon-header_cart {
    width: 28px;
    height: 28px;
    top: 5px
}

footer .iherb-header,
header .iherb-header {
    position: fixed;
    width: 100%;
    z-index: 1005;
    line-height: 1.42857
}

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

footer .iherb-header .iherb-header-signed-in .username,
header .iherb-header .iherb-header-signed-in .username {
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap
}

footer .iherb-header .iherb-header-signed-in .my-account,
header .iherb-header .iherb-header-signed-in .my-account {
    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-weight: 700
}

footer .iherb-header .iherb-header-signed-in .my-account svg,
header .iherb-header .iherb-header-signed-in .my-account svg {
    height: 20px;
    width: 20px
}

footer .iherb-header .iherb-header-search,
header .iherb-header .iherb-header-search {
    position: relative;
    overflow: hidden;
    color: #000
}

footer .iherb-header .iherb-header-search .iherb-header-search-input,
header .iherb-header .iherb-header-search .iherb-header-search-input {
    width: 100%;
    height: 30px;
    border-radius: 5px;
    border: solid 1px #6fa26b;
    padding-left: 10px;
    padding-right: 40px
}

footer .iherb-header .iherb-header-search .iherb-header-search-input.clear-btn-padding,
header .iherb-header .iherb-header-search .iherb-header-search-input.clear-btn-padding {
    padding-right: 70px
}

footer .iherb-header .iherb-header-search .iherb-header-search-button,
header .iherb-header .iherb-header-search .iherb-header-search-button {
    position: absolute;
    right: 16px;
    top: 2px;
    bottom: 2px;
    background: 0 0
}

footer .iherb-header .iherb-header-search .iherb-header-search-button button,
header .iherb-header .iherb-header-search .iherb-header-search-button button {
    border: 0;
    width: 40px;
    background: 0 0
}

footer .iherb-header .iherb-header-search .iherb-header-search-button i,
header .iherb-header .iherb-header-search .iherb-header-search-button i {
    color: #0039a6;
    font-size: 23px
}

footer .iherb-header .iherb-header-share,
header .iherb-header .iherb-header-share {
    position: relative;
    cursor: pointer
}

footer .iherb-header .iherb-header-share:hover strong,
header .iherb-header .iherb-header-share:hover strong {
    text-decoration: underline
}

footer .iherb-header .iherb-header-share>i,
header .iherb-header .iherb-header-share>i {
    position: relative;
    top: -3px;
    color: #f38a00
}

footer .iherb-header .iherb-header-share>strong,
header .iherb-header .iherb-header-share>strong {
    position: relative;
    top: -8px;
    padding-right: 5px;
    color: #fff;
    display: inline
}

@media (max-width:1300px) {

    footer .iherb-header .iherb-header-share>strong,
    header .iherb-header .iherb-header-share>strong {
        display: none !important
    }
}

footer .country-code-flag,
header .country-code-flag {
    background-color: #fafafa;
    border: 1px solid #e0e0e0;
    width: 32px;
    text-align: center;
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400
}

footer .country-code-flag.lg,
header .country-code-flag.lg {
    font-size: 24px;
    line-height: 34px;
    width: 62px
}

@-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)
    }
}

footer .spinner,
header .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
}

footer .spinner.small,
header .spinner.small {
    width: 80px;
    font-size: 80px
}

footer .spinner.fixed,
header .spinner.fixed {
    position: fixed;
    top: 40%;
    left: 49%
}

footer .spinner .icon-iherbleaf,
header .spinner .icon-iherbleaf {
    position: relative;
    top: 20%;
    font-size: inherit;
    color: #6fa26b
}

footer .spinner#loginSpinner,
header .spinner#loginSpinner {
    left: 48%;
    top: 35%
}

footer .loader-background,
header .loader-background {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .4;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1500 !important
}

footer .loading,
header .loading {
    display: block
}

footer .loader,
header .loader {
    display: none !important;
    position: relative
}

footer .loader.loading,
header .loader.loading {
    display: block !important
}

.ccl-stacked.country-menu.on .selection-list {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.country-menu.on .selection-list {
    display: block
}

.selection-list {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
    margin: auto;
    height: 376px;
    width: 684px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.selection-list .dropdown-text label {
    font-weight: 400
}

@media (max-width:991px) {
    .selection-list {
        width: 755px
    }
}

@media (max-height:470px) {
    .selection-list {
        bottom: auto
    }
}

.selection-list>.selection-list-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 0 32px 0 rgba(0, 0, 0, .1)
}

.selection-list>.selection-list-wrapper div .select-city,
.selection-list>.selection-list-wrapper div .select-country,
.selection-list>.selection-list-wrapper div .select-currency,
.selection-list>.selection-list-wrapper div .select-language,
.selection-list>.selection-list-wrapper div .select-weight {
    height: 48px
}

.selection-list>.selection-list-wrapper div .select-city .gh-form-control .gh-fake-input-value,
.selection-list>.selection-list-wrapper div .select-country .gh-form-control .gh-fake-input-value,
.selection-list>.selection-list-wrapper div .select-currency .gh-form-control .gh-fake-input-value,
.selection-list>.selection-list-wrapper div .select-language .gh-form-control .gh-fake-input-value,
.selection-list>.selection-list-wrapper div .select-weight .gh-form-control .gh-fake-input-value {
    padding: 14px 16px
}

.selection-list>.selection-list-wrapper div .select-city .gh-form-control .search-cancel-icon,
.selection-list>.selection-list-wrapper div .select-country .gh-form-control .search-cancel-icon,
.selection-list>.selection-list-wrapper div .select-currency .gh-form-control .search-cancel-icon,
.selection-list>.selection-list-wrapper div .select-language .gh-form-control .search-cancel-icon,
.selection-list>.selection-list-wrapper div .select-weight .gh-form-control .search-cancel-icon {
    display: none;
    position: absolute;
    cursor: pointer;
    top: 14px;
    right: 36px;
    height: 20px;
    width: 20px;
    fill: #666;
    z-index: 51
}

.selection-list>.selection-list-wrapper div .select-city .menu.search-list.gh-dropdown-menu,
.selection-list>.selection-list-wrapper div .select-country .menu.search-list.gh-dropdown-menu,
.selection-list>.selection-list-wrapper div .select-currency .menu.search-list.gh-dropdown-menu,
.selection-list>.selection-list-wrapper div .select-language .menu.search-list.gh-dropdown-menu,
.selection-list>.selection-list-wrapper div .select-weight .menu.search-list.gh-dropdown-menu {
    padding: 0;
    max-height: 340px;
    min-height: 40px
}

.selection-list>.selection-list-wrapper div .select-city .menu.search-list.gh-dropdown-menu .ccl-section-title,
.selection-list>.selection-list-wrapper div .select-country .menu.search-list.gh-dropdown-menu .ccl-section-title,
.selection-list>.selection-list-wrapper div .select-currency .menu.search-list.gh-dropdown-menu .ccl-section-title,
.selection-list>.selection-list-wrapper div .select-language .menu.search-list.gh-dropdown-menu .ccl-section-title,
.selection-list>.selection-list-wrapper div .select-weight .menu.search-list.gh-dropdown-menu .ccl-section-title {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 36px;
    background: #fafafa;
    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;
    z-index: 51
}

.selection-list>.selection-list-wrapper div .select-city .menu.search-list.gh-dropdown-menu .ccl-section-title span,
.selection-list>.selection-list-wrapper div .select-country .menu.search-list.gh-dropdown-menu .ccl-section-title span,
.selection-list>.selection-list-wrapper div .select-currency .menu.search-list.gh-dropdown-menu .ccl-section-title span,
.selection-list>.selection-list-wrapper div .select-language .menu.search-list.gh-dropdown-menu .ccl-section-title span,
.selection-list>.selection-list-wrapper div .select-weight .menu.search-list.gh-dropdown-menu .ccl-section-title span {
    font-size: 14px;
    font-weight: 700;
    margin-left: 16px
}

.selection-list>.selection-list-wrapper div .select-city .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item,
.selection-list>.selection-list-wrapper div .select-country .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item,
.selection-list>.selection-list-wrapper div .select-currency .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item,
.selection-list>.selection-list-wrapper div .select-language .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item,
.selection-list>.selection-list-wrapper div .select-weight .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item {
    height: 40px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.selection-list>.selection-list-wrapper div .select-city .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item label,
.selection-list>.selection-list-wrapper div .select-country .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item label,
.selection-list>.selection-list-wrapper div .select-currency .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item label,
.selection-list>.selection-list-wrapper div .select-language .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item label,
.selection-list>.selection-list-wrapper div .select-weight .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item label {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 95%
}

.selection-list>.selection-list-wrapper div .select-city .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item label .ccl-code,
.selection-list>.selection-list-wrapper div .select-country .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item label .ccl-code,
.selection-list>.selection-list-wrapper div .select-currency .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item label .ccl-code,
.selection-list>.selection-list-wrapper div .select-language .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item label .ccl-code,
.selection-list>.selection-list-wrapper div .select-weight .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item label .ccl-code {
    font-size: 12px;
    width: 36px;
    height: 24px;
    border-radius: 24px;
    border: 1px solid #ccc;
    background: #fff;
    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-top: -2px
}

.selection-list>.selection-list-wrapper div .select-city .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item label .ccl-label,
.selection-list>.selection-list-wrapper div .select-country .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item label .ccl-label,
.selection-list>.selection-list-wrapper div .select-currency .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item label .ccl-label,
.selection-list>.selection-list-wrapper div .select-language .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item label .ccl-label,
.selection-list>.selection-list-wrapper div .select-weight .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item label .ccl-label {
    margin-left: 8px;
    font-size: 14px
}

.selection-list>.selection-list-wrapper div .select-city .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item bdi,
.selection-list>.selection-list-wrapper div .select-country .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item bdi,
.selection-list>.selection-list-wrapper div .select-currency .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item bdi,
.selection-list>.selection-list-wrapper div .select-language .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item bdi,
.selection-list>.selection-list-wrapper div .select-weight .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item bdi {
    width: 95%;
    font-weight: unset
}

.selection-list>.selection-list-wrapper div .select-city .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item span.selected-icon-wrapper,
.selection-list>.selection-list-wrapper div .select-country .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item span.selected-icon-wrapper,
.selection-list>.selection-list-wrapper div .select-currency .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item span.selected-icon-wrapper,
.selection-list>.selection-list-wrapper div .select-language .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item span.selected-icon-wrapper,
.selection-list>.selection-list-wrapper div .select-weight .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item span.selected-icon-wrapper {
    display: none;
    position: absolute;
    top: 0;
    right: 14px
}

.selection-list>.selection-list-wrapper div .select-city .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item span.selected-icon-wrapper svg.icon.icon-done,
.selection-list>.selection-list-wrapper div .select-country .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item span.selected-icon-wrapper svg.icon.icon-done,
.selection-list>.selection-list-wrapper div .select-currency .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item span.selected-icon-wrapper svg.icon.icon-done,
.selection-list>.selection-list-wrapper div .select-language .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item span.selected-icon-wrapper svg.icon.icon-done,
.selection-list>.selection-list-wrapper div .select-weight .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item span.selected-icon-wrapper svg.icon.icon-done {
    width: 24px;
    height: 36px
}

.selection-list>.selection-list-wrapper div .select-city .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item:hover,
.selection-list>.selection-list-wrapper div .select-country .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item:hover,
.selection-list>.selection-list-wrapper div .select-currency .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item:hover,
.selection-list>.selection-list-wrapper div .select-language .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item:hover,
.selection-list>.selection-list-wrapper div .select-weight .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item:hover {
    background-color: #c8e6c9
}

.selection-list>.selection-list-wrapper div .select-city .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected,
.selection-list>.selection-list-wrapper div .select-country .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected,
.selection-list>.selection-list-wrapper div .select-currency .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected,
.selection-list>.selection-list-wrapper div .select-language .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected,
.selection-list>.selection-list-wrapper div .select-weight .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected {
    background: 0 0
}

.selection-list>.selection-list-wrapper div .select-city .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected label .ccl-code,
.selection-list>.selection-list-wrapper div .select-country .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected label .ccl-code,
.selection-list>.selection-list-wrapper div .select-currency .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected label .ccl-code,
.selection-list>.selection-list-wrapper div .select-language .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected label .ccl-code,
.selection-list>.selection-list-wrapper div .select-weight .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected label .ccl-code {
    color: #fff;
    border: 1px solid #6fa26b;
    background: #6fa26b
}

.selection-list>.selection-list-wrapper div .select-city .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected label .ccl-label,
.selection-list>.selection-list-wrapper div .select-country .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected label .ccl-label,
.selection-list>.selection-list-wrapper div .select-currency .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected label .ccl-label,
.selection-list>.selection-list-wrapper div .select-language .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected label .ccl-label,
.selection-list>.selection-list-wrapper div .select-weight .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected label .ccl-label {
    color: #be986d
}

.selection-list>.selection-list-wrapper div .select-city .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected span.selected-icon-wrapper,
.selection-list>.selection-list-wrapper div .select-country .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected span.selected-icon-wrapper,
.selection-list>.selection-list-wrapper div .select-currency .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected span.selected-icon-wrapper,
.selection-list>.selection-list-wrapper div .select-language .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected span.selected-icon-wrapper,
.selection-list>.selection-list-wrapper div .select-weight .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected span.selected-icon-wrapper {
    display: block
}

.selection-list>.selection-list-wrapper div .select-city .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected:hover,
.selection-list>.selection-list-wrapper div .select-country .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected:hover,
.selection-list>.selection-list-wrapper div .select-currency .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected:hover,
.selection-list>.selection-list-wrapper div .select-language .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected:hover,
.selection-list>.selection-list-wrapper div .select-weight .menu.search-list.gh-dropdown-menu .gh-dropdown-menu-items .gh-dropdown-menu-item.selected:hover {
    background: 0 0;
    background-color: none
}

.selection-list>.selection-list-wrapper .background-img {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.selection-list>.selection-list-wrapper .row>div {
    padding-left: 2px;
    padding-right: 2px
}

.selection-list>.selection-list-wrapper .country-column {
    position: relative;
    margin: 30px auto 10px;
    width: 202px;
    height: 100%;
    text-align: center;
    white-space: normal
}

.selection-list>.selection-list-wrapper .country-column .select-country .dropdown-text .country-code-flag {
    font-size: 14px
}

.selection-list>.selection-list-wrapper .country-column.payments {
    margin-top: 10px
}

.selection-list>.selection-list-wrapper .country-column .title-english {
    font-size: 14px;
    font-style: italic;
    color: #8c8c8c
}

.selection-list>.selection-list-wrapper .country-column .country-label,
.selection-list>.selection-list-wrapper .country-column .title-english {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    height: 24px;
    min-height: 24px;
    display: block;
    text-align: center;
    color: #666
}

.selection-list>.selection-list-wrapper .country-column .country-label-wrapper {
    position: relative;
    min-height: 60px;
    overflow: hidden
}

.selection-list>.selection-list-wrapper .country-column .country-label-wrapper .country-label {
    font-weight: 700;
    font-size: 17px
}

.selection-list>.selection-list-wrapper .country-column .country-label-wrapper .country-label.absolute {
    position: absolute;
    bottom: 12px;
    left: 0;
    right: 0
}

.selection-list>.selection-list-wrapper .country-column .payment-sprite {
    display: inline-block;
    margin: 0
}

.selection-list>.selection-list-wrapper .add-close {
    display: inline-block;
    position: absolute;
    right: 24px;
    top: 20px;
    cursor: pointer
}

.selection-list>.selection-list-wrapper .add-close i {
    font-size: 21px;
    color: #8c8c8c
}

.selection-list>.selection-list-wrapper .country-header {
    margin-top: 30px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #666
}

.selection-list>.selection-list-wrapper .destination-dropdown .ccl-icons {
    display: inline-block
}

.selection-list>.selection-list-wrapper .payment-type-container {
    min-height: 110px
}

.selection-list>.selection-list-wrapper .available-text {
    padding: 0 8px;
    font-size: 12px;
    line-height: 17px;
    color: #8c8c8c
}

.selection-list>.selection-list-wrapper .available-text:first-child {
    font-weight: 700
}

.selection-list>.selection-list-wrapper .ccl-btn .save-selection {
    display: block;
    margin: auto
}

.ccl-stacked .selection-list {
    -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: auto !important;
    width: auto !important;
    pointer-events: none
}

.ccl-stacked .selection-list>.selection-list-wrapper {
    position: relative;
    width: 480px;
    height: auto;
    pointer-events: auto
}

.ccl-stacked .selection-list>.selection-list-wrapper>* {
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 16px
}

.ccl-stacked .selection-list>.selection-list-wrapper .dd-divider {
    pointer-events: none;
    margin: 10px 0;
    border-top: 1px solid #e0e0e0
}

.ccl-stacked .selection-list>.selection-list-wrapper #ccl-account-tooltip {
    display: inline-block
}

.ccl-stacked .selection-list>.selection-list-wrapper .add-close svg {
    width: 26px;
    height: 26px;
    fill: #333
}

.ccl-stacked .selection-list>.selection-list-wrapper .ccl-btn {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.ccl-stacked .selection-list>.selection-list-wrapper .ccl-btn .gh-btn {
    font-size: 16px;
    width: 100%;
    height: 48px
}

.ccl-stacked .selection-list>.selection-list-wrapper .ccl-btn>* {
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ccl-stacked .selection-list>.selection-list-wrapper .ccl-btn>:first-child {
    margin-right: 8px
}

.ccl-stacked .selection-list>.selection-list-wrapper .ccl-btn>:last-child {
    margin-left: 8px
}

.ccl-stacked .selection-list>.selection-list-wrapper .ccl-header {
    font-weight: 700;
    font-size: 16px;
    padding: 18px 24px 28px 24px;
    font-size: 20px;
    margin-bottom: 0
}

.ccl-stacked .selection-list>.selection-list-wrapper .ccl-methods {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.ccl-stacked .selection-list>.selection-list-wrapper .ccl-methods .ccl-method-box {
    color: #666;
    background-color: #fafafa;
    padding: 8px;
    border-radius: 8px;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ccl-stacked .selection-list>.selection-list-wrapper .ccl-methods .ccl-method-box:first-child {
    margin-right: 8px
}

.ccl-stacked .selection-list>.selection-list-wrapper .ccl-methods .ccl-method-box:last-child {
    margin-left: 8px
}

.ccl-stacked .selection-list>.selection-list-wrapper .ccl-methods .ccl-method-box:only-child {
    margin: 0 auto
}

.ccl-stacked .selection-list>.selection-list-wrapper .ccl-methods .ccl-method-box .method-title {
    margin-bottom: 8px
}

.ccl-stacked .selection-list>.selection-list-wrapper .ccl-methods .ccl-method-box .method-imgs {
    margin: 1px
}

.ccl-stacked .selection-list>.selection-list-wrapper .ccl-methods .ccl-method-box .payment-logo {
    background-image: unset
}

.ccl-stacked .selection-list .payment-sprite {
    border: none
}

.ui.selection.dropdown {
    position: relative;
    z-index: 1;
    display: block;
    padding: 4px;
    width: 100%;
    min-width: 14em;
    height: 34px;
    min-height: 2.7142em;
    outline: 0;
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotate(0);
    transform: rotateZ(0);
    background: #fff;
    box-shadow: none;
    border: 1px solid #e0e0e0;
    border-radius: .28571429rem;
    color: #666;
    white-space: normal;
    font-size: 12px;
    text-align: left;
    word-wrap: break-word;
    line-height: 1em;
    -moz-transition: box-shadow .1s ease, width .1s ease;
    transition: box-shadow .1s ease, width .1s ease;
    cursor: pointer
}

.ui.selection.dropdown>.search-input {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    padding: .67861429em 2.6em .67861429em 2.55em;
    outline: 0;
    line-height: 1.2142em;
    background: none transparent;
    border: none;
    box-shadow: none;
    cursor: pointer
}

.ui.selection.dropdown>.search-input.searching {
    background-color: #fff
}

.ui.selection.dropdown>.search-input.currency {
    padding-left: .4em
}

.ui.selection.dropdown:hover {
    border-color: #999;
    box-shadow: none
}

.ui.selection.dropdown:focus {
    border-color: #999;
    box-shadow: none
}

.ui.selection.dropdown:focus .menu {
    border-color: #8c8c8c;
    box-shadow: 0 2px 3px 0 #8c8c8c
}

.ui.selection.dropdown>.dropdown-icon {
    z-index: 3;
    position: absolute;
    top: auto;
    right: 1em;
    padding: 8px;
    margin: -.78571429em;
    margin-right: -5px;
    margin-top: -4px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    background-color: #999;
    width: 30px;
    height: 100%;
    opacity: .8;
    -moz-transition: opacity .1s ease;
    transition: opacity .1s ease;
    cursor: pointer
}

.ui.selection.dropdown>.dropdown-icon.icon-uparrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 5px
}

.ui.selection.dropdown .dd-divider {
    pointer-events: none;
    margin: 20px 0 0
}

.ui.selection.dropdown .dd-divider+.item {
    border-top: 1px solid #e0e0e0
}

.ui.selection.dropdown>.text {
    position: relative;
    display: inline-block;
    padding-right: 30px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 24px;
    -moz-transition: none;
    transition: none;
    cursor: text
}

.ui.selection.dropdown>.text.fade {
    opacity: .4
}

.ui.selection.dropdown .menu {
    z-index: 11;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0;
    margin: 0 -1px;
    max-height: 167px;
    min-width: -moz-calc(100% + 2px);
    min-width: calc(100% + 2px);
    width: 100%;
    outline: 0;
    background: #fff;
    font-size: 1em;
    text-shadow: none;
    text-align: left;
    box-shadow: 0 2px 3px 0 #e0e0e0;
    border: 1px solid #e0e0e0;
    border-radius: .28571429rem;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border-top-width: 0;
    border-radius: 0 0 .28571429rem .28571429rem;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform, opacity;
    -moz-transition: opacity .1s ease;
    transition: opacity .1s ease;
    cursor: auto
}

.ui.selection.dropdown .menu.open {
    display: block !important
}

.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
    display: none
}

.ui.selection.dropdown .menu>* {
    white-space: nowrap
}

.ui.selection.dropdown .menu>.item {
    position: relative;
    display: block;
    padding: 4px !important;
    height: auto;
    -webkit-touch-callout: none;
    box-shadow: none;
    border: none;
    border-top: 1px solid #fafafa;
    color: #666;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    line-height: 24px;
    font-size: 1rem;
    font-weight: 400;
    text-align: left;
    text-transform: none;
    text-overflow: ellipsis
}

.ui.selection.dropdown .menu>.item:hover {
    background: #f5f5f5;
    color: #666;
    z-index: 13;
    cursor: pointer
}

.ui.selection.dropdown .menu>.item label {
    font-size: 12px;
    font-weight: 400
}

.ui.selection.dropdown .menu>.item.popular label {
    font-weight: 700
}

.ui.selection.dropdown .menu .selected.item {
    color: #666;
    background-color: none
}

.ui.selection.dropdown i.flag-sprite {
    display: inline-block;
    float: left;
    margin-right: 5px
}

.language-menu.language-menu-universal .selection-list>.selection-list-wrapper {
    background: #fff
}

.language-menu.language-menu-universal .selection-list>.selection-list-wrapper .country-column .title-english {
    color: #4c4c4c
}

.language-menu.language-menu-universal .selection-list>.selection-list-wrapper .country-column .country-label,
.language-menu.language-menu-universal .selection-list>.selection-list-wrapper .country-column .title-english {
    color: #333
}

.language-menu.language-menu-universal .selection-list>.selection-list-wrapper .add-close i {
    color: #4c4c4c
}

.language-menu.language-menu-universal .selection-list>.selection-list-wrapper .country-header {
    color: #333
}

.language-menu.language-menu-universal .selection-list>.selection-list-wrapper .available-text {
    color: #4c4c4c
}

.language-menu.language-menu-universal .selection-list>.selection-list-wrapper .available-text a {
    color: #0073b1
}

.language-menu.language-menu-universal .ui.selection.dropdown {
    background: #fff;
    border-color: #999;
    color: #333
}

.language-menu.language-menu-universal .ui.selection.dropdown>.search-input.searching {
    background-color: #fff
}

.language-menu.language-menu-universal .ui.selection.dropdown:hover {
    border-color: #666
}

.language-menu.language-menu-universal .ui.selection.dropdown:focus {
    border-color: #666
}

.language-menu.language-menu-universal .ui.selection.dropdown:focus .menu {
    border-color: #4c4c4c
}

.language-menu.language-menu-universal .ui.selection.dropdown>.dropdown-icon {
    background-color: #d8d8d8
}

.language-menu.language-menu-universal .ui.selection.dropdown .dd-divider+.item {
    border-top-color: #999
}

.language-menu.language-menu-universal .ui.selection.dropdown .menu {
    background: #fff;
    box-shadow: 0 2px 3px 0 #999;
    border-color: #999
}

.language-menu.language-menu-universal .ui.selection.dropdown .menu>.item {
    border-color: #fafafa;
    color: #333
}

.language-menu.language-menu-universal .ui.selection.dropdown .menu>.item:hover {
    background: #f5f5f5;
    color: #333
}

.language-menu.language-menu-universal .ui.selection.dropdown .menu .selected.item {
    color: #333;
    background-color: none
}

.fade {
    opacity: 0;
    -moz-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -moz-transition-property: height, visibility;
    transition-property: height, visibility;
    -moz-transition-duration: .35s;
    transition-duration: .35s;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease
}

.language-select-wrap {
    float: left;
    margin-left: 10px;
    margin-top: 35px
}

@media (max-width:991px) {
    .language-select-wrap {
        margin-top: 0;
        margin-left: 0;
        float: right
    }
}

.shared-header .language-select-wrap {
    margin: 0
}

.language-select-wrap.iherb-header-ccl .selected-country-wrapper>div.country-select,
.language-select-wrap.iherb-header-ccl .selected-country-wrapper>div.currency-select,
.language-select-wrap.iherb-header-ccl .selected-country-wrapper>div.language-select {
    color: #666
}

@media (max-width:992px) {

    .language-select-wrap.iherb-header-ccl .selected-country-wrapper>div.currency-select,
    .language-select-wrap.iherb-header-ccl .selected-country-wrapper>div.language-select {
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media (max-width:768px) {

    .language-select-wrap.iherb-header-ccl .selected-country-wrapper>div.currency-select,
    .language-select-wrap.iherb-header-ccl .selected-country-wrapper>div.language-select {
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media (max-width:480px) {

    .language-select-wrap.iherb-header-ccl .selected-country-wrapper>div.currency-select,
    .language-select-wrap.iherb-header-ccl .selected-country-wrapper>div.language-select {
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.transparency {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1500;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6
}

.transparency.hide {
    display: none !important
}

.selected-country-wrapper {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    background-color: #f5f5f5
}

.selected-country-wrapper:hover {
    background-color: #e0e0e0;
    border-color: #e0e0e0
}

.selected-country-wrapper>div {
    display: inline;
    padding: 0 3px;
    border-right: 1px solid #e0e0e0;
    font-size: 12px;
    color: #666;
    margin-right: 3px
}

.selected-country-wrapper>div.ccl-arrow {
    display: inline-block;
    margin: 0 4px 0 2px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    border-right: none
}


.selected-country-wrapper>div.ccl-arrow i {
    font-size: 7px
}

.selected-country-wrapper>div.country-select {
    display: inline;
    padding: 0 4px
}

.selected-country-wrapper>div.country-select span {
    display: inline-block
}

.selected-country-wrapper>div span:not(.country-select) {
    font-weight: 700
}

.universal-header .selected-country-wrapper,
.universal-selected-country-wrapper .selected-country-wrapper {
    border: none;
    background-color: #666;
    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: 5px
}

.universal-header .selected-country-wrapper>div,
.universal-selected-country-wrapper .selected-country-wrapper>div {
    border: none;
    margin: 0;
    padding: 0 5px
}

.universal-header .selected-country-wrapper>div span,
.universal-selected-country-wrapper .selected-country-wrapper>div span {
    font-weight: 400
}

.universal-header .selected-country-wrapper>div.country-select,
.universal-selected-country-wrapper .selected-country-wrapper>div.country-select {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    color: #666
}

.universal-header .selected-country-wrapper>div.country-select span,
.universal-selected-country-wrapper .selected-country-wrapper>div.country-select span {
    font-weight: 700
}

.universal-header .selected-country-wrapper>div.currency-select,
.universal-selected-country-wrapper .selected-country-wrapper>div.currency-select {
    padding: 0
}

.universal-header .selected-country-wrapper>div.currency-select span,
.universal-selected-country-wrapper .selected-country-wrapper>div.currency-select span {
    padding: 0 5px;
    border-left: 1px solid #fff
}

.universal-header .selected-country-wrapper .ccl-arrow,
.universal-selected-country-wrapper .selected-country-wrapper .ccl-arrow {
    display: none
}

.universal-header .selected-country-wrapper>div {
    color: #666
}

.universal-selected-country-wrapper .selected-country-wrapper>div {
    color: #fff
}

.iherb-header-ccl,
.locale-banner-header,
.universal-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
}

.iherb-header-ccl .ccl-location,
.locale-banner-header .ccl-location,
.universal-header .ccl-location {
    margin: 0 16px;
    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
}

.iherb-header-ccl .ccl-location .icon,
.locale-banner-header .ccl-location .icon,
.universal-header .ccl-location .icon {
    margin: 0 4px
}

.iherb-header-ccl .ccl-location .ccl-zipcode,
.locale-banner-header .ccl-location .ccl-zipcode,
.universal-header .ccl-location .ccl-zipcode {
    font-weight: 700;
    cursor: pointer
}

.iherb-header-ccl .icon-ccl-globe-v2,
.iherb-header-ccl .icon-ccl-location,
.locale-banner-header .icon-ccl-globe-v2,
.locale-banner-header .icon-ccl-location,
.universal-header .icon-ccl-globe-v2,
.universal-header .icon-ccl-location {
    height: 20px;
    width: 20px;
    color: #f5f5f5
}

.iherb-header-ccl .selected-country-wrapper,
.locale-banner-header .selected-country-wrapper,
.universal-header .selected-country-wrapper {
    background: 0 0
}

.iherb-header-ccl .selected-country-wrapper>div.country-select,
.locale-banner-header .selected-country-wrapper>div.country-select,
.universal-header .selected-country-wrapper>div.country-select {
    display: inline-block
}

.iherb-header-ccl .selected-country-wrapper>div.country-select span.country-code-flag,
.locale-banner-header .selected-country-wrapper>div.country-select span.country-code-flag,
.universal-header .selected-country-wrapper>div.country-select span.country-code-flag {
    font-weight: 400;
    background: 0 0;
    border: none;
    width: auto;
    text-align: left;
    line-height: normal;
    vertical-align: baseline
}

.iherb-header-ccl .selected-country-wrapper>div.currency-select,
.iherb-header-ccl .selected-country-wrapper>div.language-select,
.locale-banner-header .selected-country-wrapper>div.currency-select,
.locale-banner-header .selected-country-wrapper>div.language-select,
.universal-header .selected-country-wrapper>div.currency-select,
.universal-header .selected-country-wrapper>div.language-select {
    border-left: 1px solid #666
}

.iherb-header-ccl .selected-country-wrapper>div.currency-select span,
.iherb-header-ccl .selected-country-wrapper>div.language-select span,
.locale-banner-header .selected-country-wrapper>div.currency-select span,
.locale-banner-header .selected-country-wrapper>div.language-select span,
.universal-header .selected-country-wrapper>div.currency-select span,
.universal-header .selected-country-wrapper>div.language-select span {
    border-left: none
}

.locale-banner-header .iherb-header-ccl {
    height: 23px;
    border: 1px solid #f7f8f7;
    border-radius: 24px;
    padding: 2px 10px;
    cursor: pointer
}


.locale-banner-header .iherb-header-ccl .selected-country-wrapper {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: unset !important
}

.locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.country-select,
.locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.currency-select,
.locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.language-select {
    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;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 12px;
    padding: 0 6px 0 8px;
    border-color: rgba(0, 0, 0, .3)
}

.locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.country-select span,
.locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.currency-select span,
.locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.language-select span {
    line-height: 12px
}

.locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.currency-select,
.locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.language-select {
    padding: 0 6px 0 6px !important
}

@media (max-width:992px) {

    .locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.currency-select,
    .locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.language-select {
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media (max-width:768px) {

    .locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.currency-select,
    .locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.language-select {
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media (max-width:480px) {

    .locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.currency-select,
    .locale-banner-header .iherb-header-ccl .selected-country-wrapper>div.language-select {
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

#consent_blackbar {
    line-height: 1.42857;
    z-index: 1006;
    color: #121212
}

#consent_blackbar.cc-ru #truste-consent-required {
    display: none !important
}

#consent_blackbar #truste-consent-track {
    z-index: 1006;
    position: fixed;
    background: rgba(0, 0, 0, .4)
}

#consent_blackbar #truste-consent-track #truste-banner-wrapper {
    background: #fff;
    position: absolute
}

#consent_blackbar #truste-consent-track #truste-banner-wrapper #truste-consent-content {
    max-width: 1400px;
    margin: auto;
    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;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 1rem
}

#consent_blackbar #truste-consent-track #truste-banner-wrapper #truste-consent-content>* {
    vertical-align: middle
}

#consent_blackbar #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons {
    width: 100%;
    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
}

#consent_blackbar #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-button {
    color: #fff;
    background-color: #6fa26b
}

#consent_blackbar #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-button:hover {
    color: #fff
}

#consent_blackbar #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-button,
#consent_blackbar #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-required,
#consent_blackbar #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-show-consent-onclick {
    border-radius: 8px;
    font-weight: 700;
    cursor: pointer
}

#consent_blackbar #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-required {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333
}

#consent_blackbar #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-required:hover {
    color: #666
}

#consent_blackbar #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-onclick {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333
}

#consent_blackbar #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-onclick:hover {
    color: #666
}

#consent_blackbar #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-cookie-button {
    display: none
}

#consent_blackbar #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-text {
    display: inline-block;
    font-size: 14px;
    line-height: 1.75em
}

#consent_blackbar #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-cookie-link {
    color: #0073b1
}

#consent_blackbar.explicit #truste-consent-track {
    height: 100%;
    width: 100%
}

#consent_blackbar.explicit #truste-consent-track #truste-banner-wrapper {
    width: 25%;
    min-width: 340px;
    top: 50%;
    /*!@noflip*/
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 8px
}

#consent_blackbar.explicit #truste-consent-track #truste-banner-wrapper #truste-consent-content {
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#consent_blackbar.explicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons {
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#consent_blackbar.explicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-button {
    color: #fff;
    background-color: #6fa26b
}

#consent_blackbar.explicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-button:hover {
    color: #fff
}

#consent_blackbar.explicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-button,
#consent_blackbar.explicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-required,
#consent_blackbar.explicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-show-consent-onclick {
    border-radius: 8px;
    margin-top: .75rem !important;
    padding: 10px 0;
    font-weight: 700
}

#consent_blackbar.explicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-required {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333
}

#consent_blackbar.explicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-required:hover {
    color: #666
}

#consent_blackbar.explicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-show-consent-onclick {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333
}

#consent_blackbar.explicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-show-consent-onclick:hover {
    color: #666
}

#consent_blackbar.explicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-cookie-button {
    display: none
}

#consent_blackbar.explicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-text {
    display: inline-block;
    font-size: 14px;
    line-height: 1.75em;
    margin-bottom: .5rem
}

#consent_blackbar.explicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-cookie-link {
    color: #0073b1
}

#consent_blackbar.implicit #truste-consent-track {
    background: 0 0
}

#consent_blackbar.implicit #truste-consent-track #trustarc-banner-overlay {
    display: none
}

#consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper {
    width: 375px;
    bottom: 0;
    box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, .12);
    position: fixed;
    margin: 16px;
    border-radius: 8px;
    right: 0
}

#consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper .implicit-close {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer
}

#consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper .implicit-close svg {
    width: 15px;
    height: 15px
}

#consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper #truste-consent-content {
    -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
}

#consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons {
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-button,
#consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-required,
#consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-show-consent-onclick {
    border-radius: 8px;
    cursor: pointer
}

#consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-button {
    color: #fff;
    background-color: #6fa26b;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 16px
}

#consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-button:hover {
    color: #fff
}

#consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-required {
    display: none;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333
}

#consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-required:hover {
    color: #666
}

#consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-show-consent-onclick {
    background-color: #fff;
    margin-right: 16px;
    border: none;
    text-decoration: underline;
    color: #333;
    font-weight: 400
}

#consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-show-consent-onclick:hover {
    color: #666
}

#consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-cookie-button {
    display: none
}

#consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-text {
    display: inline-block;
    font-size: 12px;
    line-height: 1.75em;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 44px
}

#consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-text.learn-more {
    -webkit-line-clamp: unset;
    max-height: unset
}

#consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-text h4.implicit-title {
    font-size: 18px;
    color: #000
}

#consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-cookie-link {
    color: #0073b1
}

#consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #cookie-consent-learn-more {
    color: #126cc5;
    font-size: 12px
}

#consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper #truste-consent-content #cookie-consent-learn-more:hover {
    cursor: pointer
}

#consent_blackbar.hybrid #truste-consent-track {
    background: 0 0
}

#consent_blackbar.hybrid #truste-consent-track #trustarc-banner-overlay {
    display: none
}

#consent_blackbar.hybrid #truste-consent-track #truste-banner-wrapper {
    width: 50vw;
    bottom: 0;
    box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, .12);
    position: fixed;
    margin: 16px;
    border-radius: 8px;
    right: 0
}

#consent_blackbar.hybrid #truste-consent-track #truste-banner-wrapper .implicit-close {
    display: none
}

#consent_blackbar.hybrid #truste-consent-track #truste-banner-wrapper #truste-consent-content {
    -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
}

#consent_blackbar.hybrid #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons {
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#consent_blackbar.hybrid #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-button,
#consent_blackbar.hybrid #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-required,
#consent_blackbar.hybrid #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-show-consent-onclick {
    border-radius: 8px;
    cursor: pointer
}

#consent_blackbar.hybrid #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-button {
    color: #fff;
    background-color: #6fa26b;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 16px
}

#consent_blackbar.hybrid #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-button:hover {
    color: #fff
}

#consent_blackbar.hybrid #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-required {
    display: none;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333
}

#consent_blackbar.hybrid #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-consent-required:hover {
    color: #666
}

#consent_blackbar.hybrid #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-show-consent-onclick {
    background-color: #fff;
    margin-right: 16px;
    border: none;
    text-decoration: underline;
    color: #333;
    font-weight: 400
}

#consent_blackbar.hybrid #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-show-consent-onclick:hover {
    color: #666
}

#consent_blackbar.hybrid #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-buttons #truste-cookie-button {
    display: none
}

#consent_blackbar.hybrid #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-text {
    display: inline-block;
    font-size: 12px;
    line-height: 1.75em;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 44px
}

#consent_blackbar.hybrid #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-text.learn-more {
    -webkit-line-clamp: unset;
    max-height: unset
}

#consent_blackbar.hybrid #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-consent-text h4.implicit-title {
    font-size: 18px;
    color: #000
}

#consent_blackbar.hybrid #truste-consent-track #truste-banner-wrapper #truste-consent-content #truste-cookie-link {
    color: #0073b1
}

#consent_blackbar.hybrid #truste-consent-track #truste-banner-wrapper #truste-consent-content #cookie-consent-learn-more {
    color: #126cc5;
    font-size: 12px
}

#consent_blackbar.hybrid #truste-consent-track #truste-banner-wrapper #truste-consent-content #cookie-consent-learn-more:hover {
    cursor: pointer
}

.sale-basket-basket-main .basket-headline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.sale-basket-basket-main .basket-title {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    color: #333;
}

.sale-basket-basket-main .basket-clear {
    display: flex;
    align-items: center;
    justify-content: start;
    cursor: pointer;
}

.sale-basket-basket-main .basket-clear-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    min-width: 34px;
    height: 34px;
    margin-right: 10px;
    border: 1px solid #E9E9E9;
    border-radius: 50%;
    color: #333;
    transition: .4s all;
}

.sale-basket-basket-main .basket-clear-icon svg {
    width: 14px;
    height: 18px;
}

.sale-basket-basket-main .basket-clear-text {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    color: #000;
    transition: .4s all;
}

.sale-basket-basket-main [data-code="basket.clear.text.desktop"] {
    margin-left: 4px;
}

.sale-basket-basket-main .basket-wrapper {
    display: flex;
    align-items: start;
    justify-content: start;
}

.sale-basket-basket-main .basket-content {
    width: 100%;
}

.sale-basket-basket-main .basket-items-list-wrapper {
    margin-bottom: 40px;
}

.sale-basket-basket-main .basket-items-table-header {
    display: flex;
    align-items: center;
    justify-content: start;
    padding-bottom: 14px;
    border-bottom: 1px solid #E9E9E9;
}

.sale-basket-basket-main .basket-items-table-header-text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    color: #A1AAAD;
}

.sale-basket-basket-main [data-code="basket.item.product"] {
    width: 36%;
    padding-right: 13px;
    order: 0;
}

.sale-basket-basket-main [data-code="basket.item.discount"] {
    width: 10%;
    padding: 0 13px;
    text-align: center;
    order: 1;
}

.sale-basket-basket-main [data-code="basket.item.price"] {
    width: 15%;
    padding: 0 13px;
    text-align: center;
    order: 2;
}

.sale-basket-basket-main [data-code="basket.item.quantity"] {
    width: 16%;
    padding: 0 13px;
    text-align: center;
    order: 3;
}

.sale-basket-basket-main [data-code="basket.item.sum"] {
    width: 13%;
    padding: 0 13px;
    text-align: center;
    order: 4;
}

.sale-basket-basket-main [data-code="basket.item.buttons"] {
    width: 10%;
    order: 5;
}

.sale-basket-basket-main .basket-items-list-item {
    padding: 10px 0;
    border-bottom: 1px solid #E9E9E9;
}

.sale-basket-basket-main .basket-items-list-item-row {
    display: flex;
    align-items: center;
    justify-content: start;
    min-height: 200px;
}

.sale-basket-basket-main [data-code="basket.item.product"] {
    width: 36%;
    padding-right: 13px;
    order: 0;
}

.sale-basket-basket-main .basket-items-list-item-descriptions {
    display: flex;
    align-items: center;
    justify-content: start;
    padding-left: 10px;
}

.sale-basket-basket-main .basket-items-list-item-image {
    margin-right: 26px;
}

.sale-basket-basket-main .basket-items-list-item-image-link {
    display: block;
    text-decoration: none;
}

.sale-basket-basket-main .basket-items-list-item-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sale-basket-basket-main .basket-items-list-item-name {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    color: #333;
}

.mt-140 {
    margin-top: 30px;
}

.sale-basket-basket-main .basket-sidebar {
    width: 370px;
    min-width: 370px;
    margin-left: 37px;
}

.sale-basket-basket-main .basket-total-container {
    border: 1px solid rgb(224, 224, 224);
    border-radius: 16px;
    padding: 16px 24px 24px;
    background-color: rgb(255, 255, 255);
    margin-top: 16px;
}

.css-1gf8qe1 {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    margin: 0px 0px 16px;
    color: rgb(51, 51, 51);
}

.css-kybd5k {
    margin: 16px 0px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(224, 224, 224);
}

.css-1x4pyzj {
    border: 1px solid rgb(224, 224, 224);
    border-radius: 16px;
    padding: 16px 24px;
}

.css-2svcze {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 16px;
    flex-wrap: wrap;
    gap: 8px;
}

.css-lqreox {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: rgb(51, 51, 51);
    margin: 0px;
}

.css-ov1ktg {
    display: flex
}

.css-yp9swi {
    flex: 1 1 0%;
}

.css-cssveg {
    position: relative;
}

.css-zcpoyf {
    display: block;
    width: 100%;
    appearance: none;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 8px;
    color: inherit;
    background: transparent;
    padding: 0px 38px 0px 16px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}

.css-kp6b9q {
    margin: 0px 0px 0px 12px;
    min-width: 0px;
    appearance: button;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-size: inherit;
    box-sizing: border-box;
    border-width: 1px;
    border-radius: 8px;
    border-style: solid;
    text-transform: none;
    outline: none;
    flex: 0 0 auto;
    padding: 0px;
    width: 110px;
    height: 40px;
    line-height: 36px;
    border-color: rgb(204, 204, 204);
    background-color: rgb(255, 255, 255);
    font-weight: 400;
    color: rgb(51, 51, 51);
}

.sale-basket-basket-main .basket-total-sum {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
    color: #333;
}

.sale-basket-basket-main .basket-total-sum-title {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.sale-basket-basket-main .basket-total-sum-price {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}
.header-nav-categories_wrap.desktop-show, .header-nav-categories_wrap.show {
    display: block;
}
.left-sidebar .header-nav-categories_wrap {
    position: relative;
    left: 2px;
    margin: 0;
}
.left-sidebar .cat-menu{
    width: 100%;
}
.with-left-sidebar {
    margin-left: 284px;
}
.sale-basket-basket-main .basket-total-result {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 20px;
    color: #333;
}

.sale-basket-basket-main .basket-total-result-title {
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.sale-basket-basket-main .basket-total-result-price {
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.sale-basket-basket-main .basket-coupon-container {
    position: relative;
}

.sale-basket-basket-main .basket-coupon-input {
    display: flex;
    width: 100%;
    height: 45px;
    padding: 0 130px 0 22px;
    font-size: 14px;
    font-weight: 300;
    color: #333;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 100px;
    outline: none;
    transition: .4s all;
    box-shadow: none;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.sale-basket-basket-main .basket-coupon-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 128px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    background-color: #287793;
    border-radius: 100px;
    transition: .4s all;
    cursor: pointer;
    z-index: 5;
}

.sale-basket-basket-main .basket-checkout {
    margin: 16px 0px 0px;
    min-width: 0px;
    appearance: none;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    box-sizing: border-box;
    border-width: 1px;
    border-radius: 8px;
    outline: none;
    color: rgb(255, 255, 255);
    background-color: rgb(69, 133, 0);
    border-color: rgb(69, 133, 0);
    height: 56px;
    line-height: 56px;
    width: 100%;
    font-size: 16px;
    border-style: none;
}

.sale-basket-basket-main .basket-payment-accept {
    margin-top: 40px;
}

.sale-basket-basket-main .basket-payment-accept-title {
    margin-bottom: 8px;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #333;
    text-align: center;
}

.sale-basket-basket-main .basket-payment-accept-icons {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 8px;
}

.sale-basket-basket-main .basket-payment-accept-desc {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #989292;
    text-align: center;
}

.sale-basket-basket-main .basket-items-list-item-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sale-basket-basket-main .basket-items-list-item-button {
    width: 40px;
    min-width: 40px;
    height: 17px;
    padding: 0 13px;
    color: #B7BEC0;
    transition: .4s all;
    cursor: pointer;
}

.svg-icon {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.sale-basket-basket-main .basket-items-list-item-button svg {
    fill: transparent;
}

.sale-basket-basket-main .basket-items-list-item-quantity-container {
    display: inline-flex;
    width: 98px;
    height: 42px;
    padding: 0 8px;
    border: 1px solid #D7D6D6;
    border-radius: 50px;
    align-items: center;
}

.sale-basket-basket-main .basket-items-list-item-quantity-control {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    min-width: 24px;
    height: 100%;
    cursor: pointer;
    transition: .4s all;
}

.sale-basket-basket-main .basket-items-list-item-quantity-input {
    width: 32px;
    height: 100%;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #333;
    text-align: center;
    border: none;
}

.sale-basket-basket-main .basket-items-list-item-quantity-control img {
    display: block;
    width: 8px;
    height: auto;
    min-height: 1px;
}

.pr-info {
    display: flex;
    background: #fff;
    margin-bottom: 86px;
}

.pr-info__images {
    width: 50%;
    min-width: 50%;
    padding-right: 28px;
    padding-left: 15px;
}

.pr-info__details {
    width: 50%;
    min-width: 50%;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
}

.pr-row {
    display: flex;
    margin-bottom: 20px;
}

.pr-counter {
    border: 1px solid #ccc;
    border-radius: 8px;
    width: 130px;
    height: 50px;
    display: flex;
    align-items: center;
    margin-right: 13px;
    background: #e2e2e2;
}

.pr-counter__button {
    height: 100%;
    cursor: pointer;
    transition: 0.3s;
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
}

.pr-counter__button.is-disabled {
    cursor: default;
    opacity: 0.5;
}
.pr-counter__button img{
    padding: .5rem;
    width: 26px;
    height: 26px;
}
.pr-counter__input {
    width: 56px;
    text-align: center;
    font-size: 16px;
    border: none;
    font-weight: 400;
    padding: 0;
    height: 100%;
}

.frmAdd2Cart {
    display: block;
}

.pr-button {
    height: 60px;
    margin-bottom: 0;
    border-radius: 43px;
    transition: 0.3s;
    cursor: pointer;
    border: none;
    padding: 0 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
}

.pr-button_primary {
    background-image: unset;
    border-radius: 8px;
    height: 48px;
    background-color: #f38a00;
}
.pr-button_primary:hover{
    background-color: #b66700;
}
.pr-info-price {
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 36px;
}
.me-1{
    margin-right: 1rem;
}
.me-2{
    margin-right: 2rem;
}
.me-3{
    margin-right: 3rem;
}
.product_add2cart-services {
    padding: 15px;
    margin: 0 0 15px;
    background: #f6f6f6;
    border: 1px solid #ebebeb;
}
.cms-text-banner-height-auto {
    text-align: initial;
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
}

.cms-text-banner-height-auto a {
    text-decoration: none;
    color: unset;
}

.cms-text-banner-height-auto a:hover {
    text-decoration: none;
}

.cms-text-banner-height-auto span a {
    color: unset;
}

.cms-text-banner-height-auto .cms-banner-wrapper-container {
    box-sizing: border-box;
    width: 100%;
    margin: auto;
}

.cms-text-banner-height-auto .cms-banner-wrapper-root-link {
    display: block;
    width: 100%;
}

.cms-text-banner-height-auto .cms-banner-wrapper-root {
    box-sizing: border-box;
    width: 100%;
    margin: auto;
}

.cms-text-banner-height-auto img {
    display: block;
    border-style: none;
}

.cms-text-banner-height-auto .custom-flex-box-hide {
    display: none;
}

.cms-text-banner-height-auto[data-height-type='fixed'].cms-layout-46590 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 225px
}

.cms-text-banner-height-auto[data-height-type='ratio'].cms-layout-46590 {
    padding-top: calc((225 / 1400)* 100%);
    position: relative;
}

.cms-text-banner-height-auto[data-height-type='ratio'].cms-layout-46590 .cms-banner-wrapper-container {
    height: 100%;
    position: absolute;
    top: 0;
}

.cms-text-banner-height-auto[data-height-type='ratio'].cms-layout-46590 .cms-banner-wrapper-container>a {
    height: 100%;
}

.cms-text-banner-height-auto[data-height-type='ratio'].cms-layout-46590 .cms-banner-wrapper-root {
    height: 100%;
}

.cms-bubble {
    border-radius: 24px;
    padding: 6px 16px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    display: inline-block;
    margin: 4px 2px;
}

.cms-bubble:not(.active):hover {
    background-color: #f5f5f5;
    text-decoration: none;
}

.cms-bubble-text {
    font-size: 14px;
    font-weight: normal;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    line-height: 1.43
}

.cms-bubble.active {
    background-color: #ff7137;
}

.cms-bubble.active .cms-bubble-text {
    color: #000
}

.cms-text-banner-height-auto .arrow-right,
.cms-text-banner-height-auto .arrow-left {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-top: 2px solid #5d5d5d;
    margin: 0px 10px;
    background-color: transparent;
}

.cms-text-banner-height-auto .arrow-right {
    border-right: 2px solid #5d5d5d;
    transform: rotate(45deg);
}

.cms-text-banner-height-auto .arrow-left {
    border-left: 2px solid #5d5d5d;
    transform: rotate(-45deg);
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.cms-image-banner-img-clip {
    overflow: hidden;
    display: flex;
    position: relative;
}

.cms-image-banner-img-clip .cms-banner-img {
    border-style: none;
    align-self: flex-start;
}
.defer-block {
    display: block !important;
}

  .sub-header-container{
	padding: 0;	
  }
  div.blog-home-page-header-contaienr {
    margin-top: 30px !important;
    border: 1px solid #CCCCCC !important;
    display: none;
  }
  .nav-v2-section a {
    text-decoration: none;
  }

  .mega-menu-content .type-heading a.menu-link:not([href]) {
    color: #333333!important;
    text-decoration:none!important;
    cursor: default!important;
  }
  .mega-menu-content .type-heading a.menu-link:not([href]) svg.icon {
      display: none!important;
  }
  
  
  .mega-menu-content .menu-wrapper .menu-flex .menu-column {
    margin-right: 24px !important;
  }
  .mega-menu-content .menu-wrapper .menu-flex .menu-fixed-2 {
    width: 332px !important;
  }
  .mega-menu-content .menu-wrapper .menu-flex .menu-fixed .menu-flex .menu-column {
    margin-right: 12px !important;
  }
  
 .store-landing-shop-by-images .image-link-container {
    width: 100%
  }  
 #store-landing-page .expert-list-wrapper .expert-list-container .expert-list-title-content {
    align-items: start !important;
    gap: 8px;
  }
 #store-landing-blogs .title {
    padding-bottom: 16px;
  }
  .expert-picks-wrapper .expert-picks-content .expert-picks-expert .expert-picks-img-container:before {
    content:unset !important;
  }
#store-landing-page .title h3 {
    font-size: 24px;
}

.header-cc-us #consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper { width: 50vw !important; }
.header-cc-us #consent_blackbar.implicit #truste-consent-track #truste-banner-wrapper .implicit-close { display: none !important; }


.about-us {
    color: #333;
}

.about-us-mission {
    background-color: #fafafa;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.about-us-mission-header {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    margin: 40px 0 16px 0;
    max-width: 545px;
}

.about-us-mission-description {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    margin-bottom: 40px;
    max-width: 720px;
}

.about-us-mission-video {
    width: 90%;
    max-width: 960px;
    border-radius: 8px;
    margin-bottom: 40px;
    border-radius: 16px;
    overflow: hidden;
}

.about-us-mission-video>iframe {
    width: 100%;
    height: 540px;
}

.about-us-curve-element {
    background-color: white;
    width: 100%;
}

.about-us-curve-element svg {
    width: 100%;
    height: 100%;
}

.about-us-curve-element>* {
    fill: #fafafa;
}

.about-us-glance {
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
}

.about-us-glance-header {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 40px;
}

.about-us-highlights {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    max-width: 1150px;
}

.about-us-highlights-1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    max-width: 1150px;
}

.about-us-highlight {
    width: 33.33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 330px;
    gap: 0 40px;
    margin-bottom: 40px;
}

.about-us-highlight-1 {
    width: 33.33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 330px;
    gap: 0 40px;
    margin-bottom: 40px;
}

.about-us-highlight>img {
    background: #ff9f43;
    border-radius: 100px;
    height: 64px;
    width: 64px;
    padding: 6px;
    margin-bottom: 12px;
}

.about-us-highlight-1>img {
    height: 160px;
    width: auto;
    padding: 6px;
    margin-bottom: 12px;
}

.about-us-highlight-2>img {
    height: 50%;
    width: 50%;
    margin-bottom: 12px;
}

.about-us-highlight-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    text-align: center;
}

.about-us-highlight-text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
}

.about-us-ugc-review-component {
    background: #fff;
}

.about-us-top10 {
    background: #fff;
    padding: 40px 0;
}

.about-us-top10-body {
    max-width: 1440px;
    margin: 0px auto;
}

.about-us-top10-header {
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
}

.about-us-top10 li {
    margin-bottom: 24px;
    display: flex;
    justify-content: center;
}

.about-us-top10-numbers {
    font-size: 44px;
    font-style: italic;
    color: #2e7d32;
    position: relative;
    bottom: 10px;
    text-align: end;
    width: 52px;
    font-weight: bold;
    margin-right: 24px;
}

.about-us-top10-numbers+div {
    margin-left: 15px;
    color: #333;
    width: 925px;
}

.about-us-top10-numbers+div h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
}

.about-us-top10-numbers+div li {
    justify-content: flex-start;
    margin-bottom: 0;
    color: #333;
}

.about-us-links {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 40px;
}

.about-us-links-header {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 16px;
}

.about-us-links-description {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
}

.about-us-links-description:not(:last-child) {
    margin-bottom: 40px;
}

.about-us-doc-oz {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
}

.about-us-doc-oz-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
}

.about-us-advisor {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
    padding-bottom: 40px;
}

.about-us-advisor-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 40px;
    margin-top: 20px;
}

.about-us-advisor-member:not(:last-child) {
    margin-right: 80px;
}

.about-us-advisor-members {
    display: flex;
    align-items: center;
}

.member-description {
    height: 100%
}

.about-us-advisor-members .member-name {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    margin-bottom: 8px;
}

.about-us-advisor-members .member-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
}

.about-us-advisor .member-blog a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.about-us-meet-team {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    padding-bottom: 40px;
}

.about-us-meet-team-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 40px;
}

.about-us-meet-team .members {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px 0px;
    max-width: 1350px;
}

.about-us-meet-team .members .member-name {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50%;

}

.about-us-meet-team .members .member-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
}

.about-us-meet-team .member {
    /* width: 25%; */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 20px;
}

.about-us-meet-team .member img {
    width: 100%;
}

.about-us-shared-values {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.about-us-shared-values-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    margin: 40px 0;
    text-align: center;
}

.about-us-shared-values img {
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
}

.about-us-shared-values-img-container {
    margin-bottom: 28px;
}

.about-us-curve-element-sm {
    display: none
}

@media screen and (max-width: 435px) {
    .about-us-mission-header {
        font-size: 28px;
        text-align: center;
        margin-top: 24px;
    }

    .about-us-mission-description {
        font-size: 16px;
    }

    .about-us-mission-video {
        height: 184px;

    }

    .about-us-mission-video iframe {
        height: 184px;
    }

    .about-us-mission,
    .about-us-glance,
    .about-us-top10,
    about-us-links,
    .about-us-advisor,
    .about-us-meet-team,
    .about-us-shared-values {
        padding: 0 16px;
    }

    .about-us-curve-element {
        width: 100vw;
    }

    .about-us-curve-element-sm {
        display: block;
    }

    .about-us-curve-element-lg {
        display: none;
    }

    .about-us-glance-header {
        margin-top: 24px;
        font-size: 24px;
    }

    .about-us-highlight-title {
        font-size: 20px;
    }

    .about-us-highlights {
        flex-direction: column;
    }

    .about-us-highlight {
        width: 100%;
    }

    .about-us-top10 {
        background: #fff;
    }

    .about-us-top10 li {
        flex-direction: column;
    }

    .about-us-top10-reasons ol {
        padding: 0
    }

    .about-us-top10-numbers+div {
        width: 90%;
    }

    .about-us-top10-header {
        margin-top: 24px;
        text-align: center;
    }

    .about-us-top10-numbers+div li {
        flex-direction: row;
        display: block;
    }

    .about-us-links {
        background: #fafafa;
    }

    .about-us-links-header {
        text-align: center;
        font-size: 24px;

    }

    .about-us-links-description {
        font-size: 16px;
    }

    .about-us-advisor-members {
        flex-direction: column;
        align-items: center;
        justitfy-content: center;
    }

    .about-us-advisor-member:not(:last-child) {
        margin-bottom: 24px;
        margin-right: auto;
    }

    .about-us-advisor-member {
        display: flex;
        align-items: center;
    }

    .about-us-advisor-members .member-name {
        font-size: 20px;
        text-align: start;
    }

    .about-us-advisor {
        margin-top: 0px;
        padding: 0 24px
    }

    .about-us-advisor-title {
        font-size: 24px;
    }

    .member-image {
        width: 50%;
        margin-right: 16px;
        max-width: 144px;
    }

    .member-image img {
        width: 100%;
        height: 100%;
    }

    .member-description {
        width: 50%;
    }

    .about-us-advisor-members .member-title {
        text-align: start;
        font-size: 16px;

    }

    .about-us-advisor-members .member-blog a {
        justify-content: start;
    }

    .about-us-meet-team-title {
        font-size: 24px;
    }

    .about-us-meet-team .members {
        flex-direction: column;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 24px 0px;
    }

    .about-us-meet-team .member {
        width: 100%;
        flex-direction: row;
        padding: 0;
        justify-content: center;
    }

    .about-us-meet-team .members .member-name {

        text-align: start;
        justify-content: unset;
    }

    .about-us-meet-team .members .member-title {

        text-align: start;
        font-size: 16px;


    }

    .member-title {
        min-height: unset;

    }

    .about-us-shared-values {
        background: #fafafa;
        margin-top: 36px;
    }

    .about-us-meet-team {
        padding: 0 24px;
    }

}
.css-1ie33j6 {
    margin: 140px auto 0;
    padding: 20px 15px;
    max-width: 1400px;
    min-width: 760px;
}

.css-24hd46 .hide {
    display: none !important;
}

.css-7x77uf {
    margin-bottom: 48px;
}

.css-7x77uf .warning-note {
    margin: 12px 0 32px;
}

.css-177tisd {
    color: #999999;
}

.css-14cgwap {
    color: #999999;
    cursor: pointer;
}

.css-14cgwap:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

.css-14cgwap::before,
.css-14cgwap::after {
    content: "";
    color: transparent;
    border: 0 solid #666;
    border-width: 0 1px 1px 0;
    width: 6px;
    height: 6px;
    margin: .2em .5em;
    position: relative;
    top: .5px;
    display: none;
}

.css-14cgwap::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: inline-block;
}

.css-1dbpedm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 14px;
}

.css-qyfa4e {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 32%;
    background-color: #ffffff;
}

.css-79elbk {
    position: relative;
}

.css-1rjpylm {
    position: absolute;
    bottom: 12px;
    right: 0;
    background-color: #ffffff;
    height: 24px;
    width: 24px;
    border: solid 1px #cccccc;
    border-radius: 24px;
    cursor: pointer;
}

.css-d0uhtl {
    margin-left: 16px;
}

.css-g1niv7 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: #121212;
    max-width: 248px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .css-g1niv7 {
        max-width: 128px;
    }
}

.css-wzsksl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 32%;
    padding: 16px;
    color: #333333;
    background-color: #E5F8E6;
    border-radius: 8px;
    width: 50%;
}

.css-tei9f4 {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

.css-mt0dvk {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.css-jfqzqx {
    width: 28px;
    height: 28px;
    cursor: pointer;
}

.css-gg4vpm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.css-k008qs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.css-1os3lpb {
    font-size: 16px;
    line-height: 24px;
}

.css-1qpwvte {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

@media (max-width: 1200px) {
    .css-1qpwvte {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.css-1vwvxc5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
}

.css-1vwvxc5 .code-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.css-1vwvxc5 .code-box .code {
    margin: 0 2px;
    font-weight: 700;
}

.css-1vwvxc5 .share-container {
    position: relative;
    top: -1px;
}

.css-1hwga61 {
    position: relative;
    margin: -2px 4px;
}

.css-j7qwjs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.css-13khy1v {
    display: grid;
    grid-template-columns: repeat(3, 368px);
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    margin-top: 46px;
}

@media (max-width: 980px) {
    .css-13khy1v {
        margin-top: 42px;
        grid-template-columns: repeat(2, 360px);
    }
}

.css-rixn9b {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    padding: 16px;
    cursor: pointer;
}

.css-rixn9b .content {
    color: #333;
    margin: 0 12px;
}

.css-rixn9b .content .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}

.css-rixn9b .content .desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.css-1s4wrtf {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-tap-highlight-color: transparent;
    color: #fff;
    z-index: 1006;
}

.css-yrf27y {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FAFAFA;
    border-radius: 16px;
    border: solid 1px #E0E0E0;
    width: 416px;
    padding: 24px 32px;
}

.css-1j7typb {
    color: #333;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
}

.css-5luf1p {
    color: #333;
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
}

.css-1nai84k {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #eee;
    border-radius: 8px;
    color: #ffffff;
    font-weight: bold;
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    background-color: #6fa26b;
    cursor: pointer;
    font-size: 16px;
    padding: 12px 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 16px;
}

.css-1nai84k:hover,
.css-1nai84k:visited,
.css-1nai84k:active {
    color: #ffffff !important;
    -webkit-text-decoration: none;
    text-decoration: none;
}

.css-1nai84k a:hover,
.css-1nai84k a:visited,
.css-1nai84k a:active {
    color: #ffffff !important;
    -webkit-text-decoration: none;
    text-decoration: none;
}

.css-1nai84k.disabled {
    background-color: #cccccc;
    color: #f5f5f5;
}

.css-1uudqfi {
    color: #126CC5;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-top: 16px;
    cursor: pointer;
}

.css-jtngbe {
    color: #666;
    font-size: 12px;
    line-height: 18px;
    margin-top: 28px;
}

.css-jtngbe a {
    color: #126CC5;
}
.iherb-header-account-sign-in:hover .iherb-header-menu{
display: flex;
}
.pr-info-view {
    position: relative;
    border-radius: 14px;
    margin-bottom: 14px;
}
.pr-info-view__actions {
    position: absolute;
    top: 0;
    right: 0;
    padding: 28px 30px;
    z-index: 5;
}
.pr-info-preview {
    margin: 0 -4px 1rem 0;
}
.pr-info__row {
    display: flex;
    justify-content: space-between;
}
.pr-info__title {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin: 25px 0;
    display: block;
}
.pr-info__text {
    max-width: 450px;
    margin-bottom: 18px;
    font-size: 17px;
}

.pr-info__exist {
    position: relative;
    font-size: 16px;
    padding-left: 14px;
    margin-bottom: 9px;
}
.pr-info__exist_yes {
    color: #37A72E;
}
.pr-info__exist::after {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.pr-info__exist_yes::after {
    background: #37A72E;
}
.pr-info-preview__item.swiper-slide {
    padding: 0 4px;
    width: 96px;
}
.pr-info-preview__image {
    height: 88px;
    width: 88px;
    border: 1px solid #E9E9E9;
    border-radius: 14px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.swiper-slide-thumb-active .pr-info-preview__image {
    border-color: #80AAC0;
}
.ZoomContainer {
    display: none;
}
.product-summary-image-caption {
    margin-top: 8px;
}
.pr-info__favorite {
    width: 23px;
    height: 20px;
    color: #333333;
    cursor: pointer;
    transition: 0.3s;
    z-index: 10;
    display: block;
}
.svg-icon {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
.pr-info__favorite svg {
    fill: transparent;
    transition: 0.3s;
}
.pr-info__favorite:hover {
    color: #95B8CB;
}
.header__location {
    position: relative;
}
.location {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.location-result {
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 100%;
    position: relative;
    z-index: 5;
    transition: 0.3s;
    padding: 0 16px;
    font-size: 14px;
}
.location-result__icon {
    margin-right: 12px;
    font-size: 24px;
}
.header-nav-categories {
    display: table-cell;
    padding: 0 24px 0 0;
    white-space: nowrap;
    vertical-align: middle;
    z-index: 101;
}

.header-nav-categories {
    position: relative;
}
.header-nav-categories-btn {
    display: inline-block;
    line-height: 55px;
    height: 55px;
    padding: 0 25px;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    white-space: nowrap;
    width: 260px;
    background: #0039a6;
}
.header__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 5px 0 20px;
    position: relative;
    height: 100%;
}
.header__actions .svg-icon{
    width:30px;
}
.header__element {
    padding: 0 6px;
    height: 100%;
}
.header__basket {
    position: relative;
    transition: .4s;
}
.header__element>a, .header__element>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #0039a6;
    position: relative;
    padding: 0 14px;
    height: 100%;
    cursor: pointer;
}
.call-back {
    cursor: pointer;
    transition: .3s;
    font-size: 13px;
}
.header-phone {
    white-space: nowrap;
}
.header__section-phone {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 2rem;
    font-size: 1.3rem;
}
.header__element i{
    font-size: 24px;
}
.footer-head-contacts{
    font-weight: 600;
    margin: 0 0 20px;
    font-size: 1.2rem;
}
.header__describe{
    font-size: 14px;
}
.header-nav-categories_wrap {
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 20px;
    display: none;
}
.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8;
}
.mfp-bg, .mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
}
.categories-nav-bg {
    display: none;
    opacity: .3;
    z-index: 0 !important;
}
.drop-down-wrap {
    background: #fff;
    color: #4d4d4d;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    margin: 23px 0 0;
    position: relative;
    border: 1px solid #ebebeb;
    border-top-width: 3px;
}
.header-nav-categories_wrap .drop-down-wrap {
    border: none;
    margin: 0;
}
.cat-menu {
    width: 258px;
    line-height: 18px;
    background: #fff;
    border: 1px solid #ebebeb;
    border-top: none;
}
.cat-menu__el {
    border-bottom: 1px solid #ebebeb;
}
.cat-menu__el, .cat-menu__el a {
    text-decoration: none;
}
.cat-menu__el.position-relative {
    position: relative;
}
.cat-menu__el-caret {
    float: right;
    font-size: 12px;
    cursor: pointer;
    color: #06060f61;
    width: 40px;
    height: 48px;
    text-align: center;
    line-height: 50px;
    margin: 0 0 0 -40px;
}
.cat-menu__el-link {
    font-size: 16px;
    cursor: pointer;
    margin: 0 15px 0 0;
    color: #000;
}
.cat-menu__el-link, .subcat-menu__el>a {
    text-decoration: none;
    display: block;
    padding: 0 0 0 15px;
    margin: 0 15px 0 0;
}
.cat-menu__el, .cat-menu__el a {
    text-decoration: none;
}
.has-subs.subcat-menu__el>a, .has-subs>.cat-menu__el-link {
    margin: 0 40px 0 0;
}
.cat-menu__el-icon {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 0 10px 0 0;
}
.cat-menu__el-icon, .cat-menu__el-title {
    display: table-cell;
    vertical-align: middle;
}
.cat-menu__el-icon img {
    max-width: 25px;
    max-height: 30px;
    vertical-align: middle;
    display: inline-block;
}
.cat-menu__el-icon, .cat-menu__el-title {
    display: table-cell;
    vertical-align: middle;
}
.cat-menu__el-title {
    padding: 15px 0;
}
.subcat-menu {
    vertical-align: top;
    width: 260px;
    box-sizing: border-box;
    position: absolute;
    left: 258px;
    top: 0;
    display: none;
    min-height: 100%;
    background: #fff;
    border-left: 1px solid #ebebeb;
}
.subcat-menu {
    box-shadow: 2px 2px 7px rgba(0, 0, 0, .2);
}
.left-sidebar .subcat-menu, .position-relative .subcat-menu {
    padding: 0;
}
.subcat-menu__el.position-relative {
    position: relative;
}
.subcat-menu__el>a {
    padding: 10px 0 10px 15px;
    font-size: 14px;
    color: #000;
}
.header-nav-categories_wrap.desktop-show, .header-nav-categories_wrap.show {
    display: block;
}
.sub-header-container{
    position: relative;
}
.header-nav-categories_wrap.show .categories-nav-bg {
    display: block;
}
.js-cat-menu-image{
    display: inline-block;
}
.cat-menu__el:hover > .cat-menu__el-caret, .subcat-menu__el:hover > .cat-menu__el-caret {
    color: #0039a6;
}
.cat-menu__el:hover, .subcat-menu__el:hover {
    background: #f9f9f9;
}
.cat-menu__el:hover .js-submenu{
    display: block;
}
.cat-menu__el-title--else {
    font-weight: 700;
    color: #ff7420;
}
.aside-wrap {
    background: #fff;
    margin: 0 0 24px;
    border-radius: 8px;
}
.left-sidebar {
    float: left;
    width: 260px;
    margin-bottom: 24px;
}
.sidebar-cats {
    line-height: 17px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.sidebar-cats_el-open {
    cursor: pointer;
    float: right;
    height: 18px;
    margin: 15px 0 0;
    font-size: 8px;
    border-radius: 50%;
    border: 1px solid;
    display: flex;
    align-items: center;
    width: 18px;
    justify-content: center;
    color: #0039a6;
}
.sidebar-cats_link {
    text-decoration: none;
    display: block;
    margin: 0 25px 0 0;
    font-size: 16px;
}
.sidebar-cats_icon, .sidebar-cats_title {
    display: table-cell;
    vertical-align: middle;
}
.sidebar-cats_icon {
    width: 30px;
    height: 30px;
    padding: 0 10px 0 0;
    text-align: center;
}
.sidebar-cats_icon img {
    max-width: 25px;
    max-height: 30px;
    display: inline-block;
    vertical-align: middle;
}
.sidebar-cats_title {
    padding: 15px 0;
    font-weight: 700;
}
.sidebar-cats ul {
    margin: 0;
    list-style: none;
    padding: 0 0 15px;
}
.sidebar-subcats.hide, .sidebar-subcats ul.hide {
    display: none;
}
.sidebar-subcats_el, li.sidebar-subcats_el {
    margin-left: 20px;
    position: relative;
}
.aside-wrap_bottom, .aside-wrap_brands-plugin, .aside-wrap_content, .aside-wrap_head {
    padding: 15px;
}
.aside-wrap_head {
    border-bottom: 1px solid #ebebeb;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
}
.news-sidebar_el, li.news-sidebar_el {
    width: 100%;
    margin: 0 0 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 1rem;
}
.news-sidebar_el-date {
    font-size: 13px;
}
.news-sidebar_el-name {
    font-size: 15px;
    margin: 0;
    line-height: 20px;
}
.news-sidebar_el-more {
    font-size: 14px;
    margin-top: 10px;
}
.sidebar-subcats li {
    font-size: 14px;
    margin-bottom: 10px;
}
.sidebar-subcats li.selected{
    font-weight: 600;
}
.hKVBG {
    background-color: #50c878;
}
.iTbYtV {
    max-width: 1440px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px 32px;
    height: 70px;
    margin-right: auto;
    margin-left: auto;
}
.logotype {
    width: 240px;
    margin-right: 2rem;
}
.logotype img, .logotyped img {
    max-width: 100%;
}
.jVAkQT {
    margin-right: 10px;
}
.eEQauL {
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 700;
}

.zRNmX {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: auto;
}
.ftHZep {
    margin-right: 5px;
}
.zRNmX a {
    font-size: 16px;
    color: rgb(255, 255, 255);
    text-decoration: none;
}

footer .footer-content>div {
    margin-bottom: 10px;
}
footer .footer-content .footer-bottom-text {
    text-align: center;
    margin-bottom: 16px;
    padding: 0 120px;
}
.sale-order-ajax-main {
    margin-top: 3rem;
}
.gnGluH {
    padding: 16px 24px;
    border-radius: 8px;
    margin-bottom: 16px;
    background-color: rgb(255, 255, 255);
    box-shadow: none;
    transition: box-shadow 0.3s linear;
    opacity: 1;
    pointer-events: auto;
}
.jMxAnm {
    background-color: rgb(255, 255, 255);
    padding: 16px 24px 24px;
    width: 100%;
    position: sticky;
    border-radius: 8px;
    top: 15px;
}
.sidebar-subcats_el-open {
    cursor: pointer;
    position: absolute;
    left: -20px;
    top: 0;
    width: 20px;
    text-align: center;
    font-size: 18px;
}
.sidebar-subcats ul {
    line-height: 15px;
    font-size: 13px;
    margin-left: 15px;
    margin-left: 0;
}
.sidebar-cats ul ul {
    padding: 15px 0 0;
}
.sidebar-subcats.hide, .sidebar-subcats ul.hide {
    display: none;
}
.sidebar-cats_el, li.sidebar-cats_el {
    padding: 0 15px;
    border-bottom: 1px solid #ebebeb;
}
a.inline-link, .inline-link, .select-list li.selected a, .select-list li.selected, a:hover, .link:hover, a.selected, .selected > a, .link.selected, .sd-color, .sd-color > a, .select-list, .select-list a, .sd-color > a:hover, a.sd-color:hover, .jq-selectbox, .select-list, .jq-selectbox__dropdown li:hover, .reviews-branch .reviews-branch .review:before, .comments ul ul:before, .checkbox-styler.checked:before, .jq-checkbox.checked:before, .radio-styler.checked:before, .jq-radio.checked:before, a.filter-opt-color:before, .filter-item_title:after, .category-views__el.selected, .button-link, button.button-link, input[type=button].button-link, input[type=submit].button-link, .sidebar-cats_el a:hover, .sidebar-cats li.selected > a, .checkout-options li.selected h3 {
    color: #0039a6;
}
.sidebar-cats_el-open.selected{
    transform: rotate(180deg);
}
a:active, a:hover {
    outline-width: 0;
}
.link, a {
    color: #000;
    cursor: pointer;
}
.category-desc, .category-text-outer {
    margin: 0 0 20px;
}
article ul{
    list-style: disc;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}
ul.menu-v>li {
    list-style: none;
    padding: 10px 0 10px 1rem;
    margin: 0;
    border-bottom: 1px solid #ebebeb;
    line-height: 18px;
}
ul.menu-v>li:last-child{
    border-bottom:none;
}
.msgorder {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 16px;
}
.msgorder__share {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 -8px 16px;
}
.share__link-m {
    margin: 0 0 8px 8px;
    height: 32px;
    display: flex;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.share__img-m {
    width: 32px;
    height: 32px;
    transition: opacity 0.15s;
    will-change: opacity;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    border-radius: 50%;
    color: #fff;
}
.share__img-m.fa-telegram{
    background: #229ED9;
}
.share__img-m.fa-whatsapp{
    background: #25d366;
}
.bg-best{
    background: #DBD1DD;
}
.bg-favorite{
    background: #ebebeb;
}
.title-container{
    background: #fff;
    padding: 1rem;
    margin-top: 2rem;
    border-bottom: 1px solid #eee;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.carousel-container{
    background: #fff;
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
.title-container h3{
    font-size: 32px;
    line-height: 1.2;
    padding-left: 2rem;
    padding-right: 2rem;
}
.d-block {
    display: block !important;
}
.logo_image img {
    width: 100px;
}
.mobile_el {
    display: flex;
    height: 55px;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    background: #fff;
}
.menu-list a {
    display: block;
    position: relative;
    line-height: 48px;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    text-decoration: none;
    outline: 0 solid transparent;
    box-shadow: none;
    color: #020b10;
    font-weight: 500;
}
.menu-list a i:last-child {
    position: absolute;
    right: 0;
    color: #6d6d6d;
    height: 45px;
    line-height: 48px;
    font-size: 9px;
}
.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}
.offcanvas-backdrop.show {
    opacity: .5;
}
.offcanvas {
    pointer-events: none;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    min-height: auto !important;
    height: auto;
    display: block;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 -5px 5px 0 rgb(0 0 0 / 4%);
    border: 0;
    left: 10px;
    width: 280px;
    top: calc(10px + env(safe-area-inset-top));
    bottom: calc(10px + env(safe-area-inset-bottom));
    pointer-events: all !important;
    transform: none;
}
.mt-3 {
    margin-top: 1rem !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.rounded-m {
    border-radius: 20px !important;
}
.card-style {
    overflow: hidden;
    border-radius: 30px;
    margin: 0 15px 30px;
    border: none;
    box-shadow: rgb(0 0 0 / 3%) 0 20px 25px -5px, rgb(0 0 0 / 2%) 0 10px 10px -5px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.p-3 {
    padding: 1rem !important;
}
.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
#footer-bar {
    padding: 0 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 98;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, .55);
    box-shadow: 0 -5px 5px 0 rgb(0 0 0 / 4%);
    height: 60px;
    height: calc(60px +(env(safe-area-inset-bottom))* 1.1);
    display: none;
    text-align: center;
    background-color: rgba(255, 255, 255, .95);
    transition: all 250ms ease;
}
#footer-bar a:not(.btn) {
    padding-top: 12px;
    position: relative;
    flex: 1 1 auto;
    color: #818181;
}
.footer-bar .fa {
    font-size: 22px;
}
#footer-bar a:not(.btn) span.text {
    position: relative;
    z-index: 2;
    display: block;
    font-size: 10px;
    font-weight: 500;
    margin-top: -3px;
    opacity: .7;
}
.link-dropdown .count {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    position: absolute;
    z-index: 2;
    bottom: 35%;
    height: 20px;
    min-width: 20px;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    background-color: #777777;
    padding: 0 4px;
}
.mob_logo, .search_button{
    display: none;
}
.modal.fade.show{
    opacity: 1;
}
.mob-btn-submit {
    position: absolute;
    top: 0;
    left: auto;
    right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 45px;
    height: 100%;
    background: transparent;
    color: #222;
    font-size: 16px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    padding: 0;
    border: none;
}

.modal-content {
    border-radius: 14px;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border: 0;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-control {
    background-color: #fff;
    border: 1px solid #dedede;
    box-shadow: none !important;
}
@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }
}
@media (max-width: 1240px){

    .header__describe,  .header__element,.stackable-above{
        display: none;
    } 
    .header-nav-categories_wrap.desktop-show {
        display: none;
    }
    .left-sidebar{
        float: none;
        width: auto;
    }
    .cat-menu__el-caret:before {
        content: "\f0fe";
        font-size: 26px;
    }
    .open .cat-menu__el-caret:before {
        content: "\f146";
    }
    #footer-bar {
        display: flex
    }
    .with-left-sidebar{
        margin: 0;
    }
    .categories-tile{
        width: 30%;
    }
}
@media (max-width:780px){
    .categories-tile{
        width: 48%;
    }
    footer .col-xs-12{
        width: 100%;
    }
    footer .footer-content .footer-bottom-text{
        padding:0;
    }
    .js-add-to-cart .price {
        font-size: 1.25rem;
        color: #000;
        margin-bottom: 1rem;
        display: block;
        font-weight: 600;
    }
    .slick-slide.product-card {
        padding: 0;
    }
   header .branded-header.branded-header-v2 .branded-header-container  {
        height: auto;
        flex-direction: column;
    }
    header .branded-header.branded-header-v2.branded-header-v2-row-experiment .branded-header-container.sub-header-container{
        height: auto;
        flex-direction:row;
    }
    .header__location, .cat-menu__el:hover .js-submenu{
        display: none;
    }
    header .branded-header.branded-header-v2 .branded-header-container .branded-header-start .iherb-header-logo {
        padding-right: 0;
        margin-bottom: 1rem;
    }
    .header__section-phone{
        flex-direction: row;
    align-items: center;
    padding: 0;
    }
    .header__describe{
        display: block;
        margin-bottom: 1rem;
    }
    footer .branded-header .branded-header-container .branded-header-start, header .branded-header .branded-header-container .branded-header-start {
        flex-direction: column;
        
    }
    .header-phone{
        margin-right: 1rem;
    }
    .header__actions{
        margin-bottom: 1rem;
    }
    header .branded-header .branded-header-container .branded-header-start .iherb-header-logo a{
        width: 100%;
    }

    .desktop_logo, footer .footer-row, #searchForm, .filter-column{
        display: none!important;
    }
    .category-subcat-icon_item, li.category-subcat-icon_item{
        margin: 15px 0;
        width: 100%;
    }
    header .branded-header .branded-header-container .branded-header-start .iherb-header-logo img{
        height: auto;
        width: 100px;
    }
    footer{
        padding-bottom: 30px;
    }
    .categories-tile_title{
        height: 60px;
    }
    footer .footer-content .footer-bottom-text p{
        font-size: 1rem;
    }
    .product-tile_img{
        height: auto;
    }
    .product-tile_prices-cart {
        display: flex;
        height: auto;
        flex-direction: column;
    }
    .product-tile_cart, .product-tile_prices{
        text-align: center;
    }
    .call-back{
        font-size: 1rem;
        padding: .5rem 1rem;
        border-radius: 6px;
        border: 1px solid #0039a6;
        color: #0039a6;
    }
    .search_button{
        display: flex;
        justify-content: end;
        font-size: 1.5rem;
    }
    .has-subs>.cat-menu__el-link{
        width: 90%;
        margin:0;
    }
    .subcat-menu {
        display: none;
        position: static;
        width: auto;
        border-left: none;
    }
    .mob_logo, .cat-menu__el.open .js-submenu{
        display: block;
    }
    .header-nav-categories_wrap{
        left: 0;
        width: 100%;
    }
    .cat-menu{
        width: 100%;
    }
    .cat-menu, .pr-info__images, .pr-info__details, .product-services__item{
        width: 100%;
    }
    .pr-info{
        flex-direction: column;
        margin-bottom: 2rem;
    }
    .sale-basket-basket-main .basket-wrapper{
        flex-direction: column;
    }
    .sale-basket-basket-main .basket-sidebar{
        width: 100%;
        min-width: auto;
        margin-left: 0;
    }
    .sale-basket-basket-main .basket-items-list-item-row {
        flex-wrap: wrap;
        row-gap: 15px;
    }
    .sale-basket-basket-main .basket-items-list-item-descriptions {
        padding-left: 0;
        width: 65%;
    }
    .sale-basket-basket-main [data-code="basket.item.sum"] {
        width: 35%;
        padding: 0;
        order: 1;
    }
    .sale-basket-basket-main [data-code="basket.item.buttons"] {
        flex-grow: 1;
        justify-content: end;
        width: auto;
    }
    .sale-basket-basket-main [data-code="basket.item.quantity"] {
        width: 98px;
        padding: 0;
    }
    .sale-basket-basket-main .basket-items-table-header, .sale-basket-basket-main [data-code="basket.item.price"]{
        display: none;
    }
    .sale-basket-basket-main .basket-items-list-item-image {
        width: 57px;
        margin-right: 15px;
    }
    .sale-basket-basket-main [data-code="basket.item.discount"] {
        width: 26px;
        margin-right: 30px;
        margin-left: 15px;
        padding: 0;
        order: 2;
    }
 
}