* {
    font-family: "Source Sans Pro","Open Sans","Helvetica Neue", Helvetica, Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun, sans-serif
}

.global-primary {
    color: #333
}
.variant-gallery-stage {
    position: relative;
    z-index: 1;
}
.global-primary a {
    color: #333;
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    -ms-transition: color 0.15s linear;
    transition: color 0.15s linear
}

.global-primary a:hover {
    color: #666
}

.global-secondary {
    color: #666
}

.global-secondary a {
    color: #666;
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    -ms-transition: color 0.15s linear;
    transition: color 0.15s linear
}

.global-secondary a:hover {
    color: #333
}

.grabbing {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.grabbing a {
    cursor: inherit
}

html {
    position: relative;
    min-height: 100%
}

body {
    background-color: #ffffff;
    font-size: 16px
}

.body-content {
    margin-bottom: 50px
}

.body-wrapper {
    height: 100%
}

.body-wrapper.has-previewing-closed-store-banner {
    padding-top: 40px
}

.glyphicon {
    top: 0px
}

.padding-md {
    padding: 15px
}

.padding-bottom-md {
    padding-bottom: 15px
}

.force-text-align-left {
    text-align: left !important
}

.force-text-align-center {
    text-align: center !important
}

.force-text-align-right {
    text-align: right !important
}

@media screen and (min-width: 767px) {
    .padding-zero-sm {
        padding:0
    }
}

.breadcrumb {
    padding: 0px 0px 20px 0px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    margin-top: 0px
}

.breadcrumb h1 {
    font-size: inherit;
    margin: inherit;
    display: inherit;
    font-weight: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    color: inherit;
    padding: inherit
}

#leftCol {
    margin-top: 5px
}

p {
    line-height: 25px
}

h1 {
    color: inherit;
    font-weight: inherit
}

h1,h2 {
    text-transform: uppercase;
    padding: 10px 0px 20px 0px;
    margin-bottom: 0px;
    letter-spacing: 2px;
    font-size: 18px
}

.featured-title {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-transform: inherit
}

.btn-black,.btn-black:visited {
    background-color: #000000;
    border: none
}

.btn-black:hover {
    background-color: #3e3e3e
}

.btn-custom {
    color: #fff;
    -webkit-font-smoothing: antialiased;
    min-width: 100px;
    font-weight: 600
}

.btn-custom-large {
    color: #fff;
    padding: 8px 50px;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    font-size: 16px
}

.btn.mod-forget-password {
    padding-left: 0;
    padding-right: 0
}

.available-time-disabled,.available-time-disabled:after {
    border-color: #dddddd;
    background-color: #dddddd;
    color: #b0b0b0;
    opacity: 1
}

.available-time-disabled-icon {
    pointer-events: none
}

.available-time-disabled-icon i {
    color: #efefef
}

.einvoice-carrier {
    display: block;
    margin-bottom: 50px;
    text-align: left
}

@media screen and (max-width: 320px) {
    .btn.mod-forget-password {
        font-size:14px
    }
}

.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td {
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #dddddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom-width: 0px;
    border-bottom-style: solid;
    border-bottom-color: #dddddd
}

.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td {
    border-top-width: 0px;
    border-top-style: none
}

#footer {
    position: relative;
    bottom: 0;
    width: 100%;
    min-height: 370px;
    background-color: #f8f8f8;
    text-transform: capitalize
}

#footer a {
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    -ms-transition: color 0.15s linear;
    transition: color 0.15s linear
}

a:hover,a:visited,a:focus,a:active,a.active {
    text-decoration: none
}

a {
    cursor: pointer
}

.clear {
    clear: both
}

.cursor-pointer {
    cursor: pointer
}

.cursor-pointer img[ng-src*="png"],.cursor-pointer img[ng-src*="gif"] {
    max-width: 400px
}

.inline-block {
    display: inline-block
}

#fixed-menu-container {
    position: fixed;
    top: 4px;
    right: 4px;
    z-index: 999
}

#fixed-menu-container .trial-banner {
    display: none
}

#fixed-menu-container.has-previewing-closed-store-banner {
    top: 44px
}

#fixed-menu-container .menu-button span {
    color: #000;
    font-weight: 600;
    font-size: 12px;
    opacity: 0.5
}

#fixed-menu-container .menu-button span .fa-v5-globe {
    fill: #000;
    height: 12px;
    width: 12px;
    vertical-align: middle;
    margin-top: -1px
}

#fixed-menu-container .menu-button {
    background-color: #fff;
    border: 1px solid #aaa;
    padding: 5px 8px;
    width: auto;
    height: auto;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 13px;
    opacity: 0.8;
    margin-left: 4px
}

#fixed-menu-container .menu-button:hover {
    background-color: #f9f9f9
}

#fixed-menu-container .dropdown {
    cursor: pointer
}

#fixed-menu-container .dropdown-menu {
    min-width: 75px;
    max-width: 160px;
    box-shadow: none;
    cursor: pointer;
    width: auto;
    text-align: right
}

#fixed-menu-container .language {
    min-width: 135px;
    width: 95%
}

#fixed-menu-container .dropdown-menu li {
    line-height: 30px;
    width: 100%;
    white-space: nowrap
}

#fixed-menu-container .menu-words-reversed {
    display: none
}

#fixed-menu-container .menu-words:not(.caret) {
    padding-left: 6px
}

#fixed-menu-container .menu-button.search-button {
    padding: 4px 8px
}

#fixed-menu-container .menu-button.search-button:hover {
    background-color: white
}

#fixed-menu-container .menu-button.search-button button {
    border: 0;
    padding: 0;
    background-color: transparent
}

#fixed-menu-container .menu-button.search-button input {
    width: 0;
    border: 0;
    padding: 1px 0;
    color: black;
    opacity: 1;
    font-weight: normal;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

#fixed-menu-container .menu-button.search-button:hover input,#fixed-menu-container .menu-button.search-button input:focus {
    display: initial;
    width: 100px;
    background-color: #fff;
    outline: none
}

@media screen and (max-width: 767px) {
    .visible-xs-table-cell {
        display:table-cell
    }

    #fixed-menu-container.has-previewing-closed-store-banner {
        top: 45px
    }

    #fixed-menu-container {
        top: 0;
        right: 0;
        text-align: center;
        height: auto;
        display: table;
        table-layout: fixed;
        width: 100%
    }

    #fixed-menu-container a.menu-button,#fixed-menu-container div.dropdown {
        display: table-cell
    }

    #fixed-menu-container .ie-hack {
        width: 25%
    }

    #fixed-menu-container .menu-button .fa {
        font-weight: 400;
        font-size: 20px
    }

    #fixed-menu-container .menu-button,#fixed-menu-container .dropdown-menu {
        margin-bottom: 0;
        background-color: rgba(255,255,255,0.9);
        height: 100%;
        padding-left: 0px;
        padding-right: 0px;
        border-style: solid;
        border-color: rgba(0,0,0,0.1);
        border-width: 1px;
        border-radius: 0px;
        padding-top: 7px;
        padding-bottom: 7px;
        vertical-align: middle;
        opacity: 1;
        margin-left: 0
    }

    #fixed-menu-container .menu-button:hover {
        background-color: rgba(255,255,255,0.9)
    }

    #fixed-menu-container .dropdown-menu,#fixed-menu-container .dropdown-toggle {
        width: 100%;
        text-align: center
    }

    #fixed-menu-container .cog-button {
        display: none
    }

    #fixed-menu-container .menu-words {
        display: none
    }

    #fixed-menu-container .menu-words-reversed {
        display: inline-block
    }

    .navbar-wrapper {
        margin-top: 40px
    }

    #fixed-menu-container .menu-button .cart-count {
        font-size: 18px;
        line-height: 18px
    }

    #fixed-menu-container .dropdown-menu li span {
        font-size: 14px
    }

    #fixed-menu-container .dropdown-menu li:not(:last-child) {
        margin-bottom: 10px
    }

    #fixed-menu-container .menu-button.search-button {
        display: none
    }

    .modal-dialog {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%) !important
    }
}

#message_text {
    height: 100px
}

#btn-form-submit-modal {
    min-width: 100px
}

@media screen and (min-width: 768px) {
    #fixed-menu-container div.dropdown,#fixed-menu-container .menu-button {
        float:left
    }

    .visible-xs-table-cell {
        display: none
    }
}

@media screen and (max-width: 320px) {
    #fixed-menu-container.has-previewing-closed-store-banner {
        top:68px
    }
}

.shop-search-input {
    height: 27px;
    width: 80%;
    vertical-align: middle;
    border-radius: 0
}

.shop-search-bar-form {
    padding-left: 25px
}

.shop-search-bar-form button {
    height: 27px;
    vertical-align: middle
}

.shop-search-bar-form button>i {
    vertical-align: top
}

.mobile-shop-search-input {
    margin-right: -4px;
    border-radius: 0
}

.mobile-shop-search-bar-form {
    text-align: center;
    margin-bottom: 27px;
    max-width: 350px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px
}

.mobile-shop-search-button {
    height: 27px
}

.mobile-shop-search-button>i {
    vertical-align: top
}

.shop-search-button,.mobile-shop-search-button {
    border-width: 0;
    background-color: transparent
}

.shop-search-button:hover,.mobile-shop-search-button:hover {
    background-color: transparent
}

.desktop-shop-search-form {
    margin-bottom: 8px
}

.desktop-shop-search-input {
    width: 77%;
    margin-right: -4px
}

.container {
    position: relative
}

.content-controller {
    margin-top: 30px
}

.navbar {
    padding-top: 45px;
    padding-bottom: 30px;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 0px
}

.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse {
    margin-right: 0px;
    margin-left: 0px;
    max-width: 50%
}

.navbar-header {
    min-height: 0px;
    max-width: 100%;
    text-align: left
}

.navbar-menu {
    margin: 0px;
    position: absolute;
    bottom: 50px;
    right: 0;
    vertical-align: middle
}

.navbar-menu>ul {
    display: inline-block;
    list-style: none;
    margin: 0px 0px 0px 0px
}

.navbar-menu>ul>li {
    display: inline-block;
    margin: 0 5px;
    padding: 5px 10px
}

.navbar-menu>ul>li>a:hover:focus:visited:active,.navbar-menu>ul>li>a.active,.navbar-menu>ul>li>a {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    -ms-transition: color 0.15s linear;
    transition: color 0.15s linear
}

.navbar-menu>ul>li>a.active,.navbar-menu>ul>li>a:hover {
    text-decoration: none
}

.nav-dropdown {
    position: relative
}

.nav-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
    display: none;
    float: left;
    width: 100%;
    min-width: 160px;
    padding: 10px 0;
    margin: 0;
    text-align: left;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    border-width: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.nav-dropdown:hover .nav-dropdown-menu {
    display: block
}

.nav-dropdown-menu>li>a {
    display: block
}

.nav-dropdown-toggle,.nav-dropdown-menu>li>a {
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    -ms-transition: color 0.15s linear;
    transition: color 0.15s linear
}

.trial-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    background-color: #333;
    color: #fff;
    text-align: center
}

@media (max-width: 768px) {
    .trial-banner {
        padding:10px 15px;
        height: 58px
    }
}

.trial-banner p {
    margin: 0;
    padding: 0
}

@media (max-width: 768px) {
    body {
        margin-bottom:0px
    }

    #footer {
        position: relative;
        height: auto;
        min-height: 400px;
        text-align: center
    }

    .badges {
        text-align: center !important;
        margin-top: 0px
    }

    .credit-cards {
        text-align: center !important;
        padding: 15px 0px;
        width: 100%
    }

    .credit-cards>img {
        padding: 0 15px
    }

    .credit-cards>p {
        text-align: center !important
    }

    .poweredby {
        text-align: center !important;
        padding: 15px 0px;
        margin-bottom: 30px;
        width: 100%
    }

    #poweredby-shopline {
        padding-right: 0;
        padding-left: 0
    }

    .sociallinks {
        text-align: center !important
    }

    .container>.navbar-header,.navbar-header {
        max-width: none
    }
}

.sidr .side-panel-search {
    height: 48px;
    background-color: #EFEFEF
}

.sidr .side-panel-search form {
    padding-top: 12px;
    padding-left: 4px
}

.sidr .side-panel-search form button {
    border: 0;
    background: none;
    color: black
}

.sidr .side-panel-search form input {
    border: 0;
    background: none;
    color: black;
    outline: none;
    width: 65%
}

.sidr .side-panel-search form .fa-times {
    color: #999999;
    padding-left: 10px;
    cursor: pointer
}

.sidr ul.language-container {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    border-top: none;
    border-bottom: none;
    text-align: center;
    margin-left: -20px
}

.sidr ul.language-container li {
    display: inline-block;
    margin: 0;
    line-height: 48px;
    border-top: none;
    border-bottom: none
}

.sidr ul.language-container li:hover,.sidr ul.language-container li.active,.sidr ul.language-container li.sidr-class-active {
    border-top: none;
    line-height: 48px
}

.sidr ul.language-container li:hover>a,.sidr ul.language-container li:hover>span,.sidr ul.language-container li.active>a,.sidr ul.language-container li.active>span,.sidr ul.language-container li.sidr-class-active>a,.sidr ul.language-container li.sidr-class-active>span {
    color: #008edd;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.sidr .hello {
    text-align: center;
    background-color: #262d36
}

.sidr .section-header {
    padding: 15px 0px 13px 32px;
    background-color: #1f2429
}

.sidr .section-header a {
    color: #fff
}

#footer>.container ul {
    list-style: none;
    margin: 20px 0px 20px 0px;
    padding: 0px
}

#footer>.container ul>li {
    margin-bottom: 5px
}

#footer>.container ul>li>a:hover:focus:visited:active,#footer>.container ul>li>a {
    font-size: 16px !important;
    text-decoration: none
}

.sociallinks {
    text-align: right
}

.badges {
    text-align: center;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 50px;
    border-top: 1px solid #e0e0e0
}

.credit-cards {
    text-align: left
}

.credit-cards>img {
    padding-right: 15px
}

.credit-cards>p {
    margin-top: 15px;
    color: #999;
    text-align: left;
    font-size: 13px;
    padding-left: 0
}

.poweredby {
    float: right
}

#poweredby-shopline {
    bottom: 30px;
    color: #999999;
    font-size: 10px;
    position: absolute;
    text-align: center;
    width: 100%
}

#poweredby-shopline>a {
    color: inherit
}

.custom-page .box-info {
    margin-bottom: 0px;
    height: 100%;
    border-style: none;
    background-color: transparent
}

.custom-page .owl-item>img {
    width: 100%;
    display: block;
    height: auto
}

.custom-page .item .product-item {
    margin-bottom: 40px;
    padding: 15px
}

@media screen and (max-width: 767px) {
    .custom-page .item .product-item {
        margin-bottom:20px;
        padding: 8px
    }
}

.custom-page .item .image-container {
    overflow: hidden;
    margin-bottom: 14px
}

.custom-page .item img {
    display: block;
    width: 100%;
    height: auto
}

.custom-page .title {
    font-size: 24px;
    line-height: 40px
}

.container-full-width {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important
}

.container-full-width .row {
    margin-left: 0;
    margin-right: 0
}

.image-max-height {
    max-height: 500px
}

.margin-bottomless {
    margin-bottom: 0 !important
}

@media (max-width: 991px) {
    .custom-page .product-items-container {
        display:flex;
        flex-wrap: wrap
    }

    .custom-page .product-items-container .quick-cart-item {
        height: 100%
    }

    .custom-page .quick-cart-mobile .quick-cart-price {
        margin-bottom: 35px;
        float: unset;
        min-height: unset
    }

    .custom-page .product-items-container .info-box {
        min-height: unset;
        height: unset
    }
}

.product-item {
    text-align: center
}

.product-item .info-box {
    height: 100px;
    padding-top: 10px
}

.product-item .title {
    text-align: left;
    font-size: 16px;
    display: block;
    display: -webkit-box;
    height: auto;
    max-height: 45px;
    margin: 0 auto;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-item .price {
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 14px
}

.price.price-crossed {
    text-decoration: line-through;
    white-space: nowrap;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666
}

.product-item .price-sale {
    text-align: left;
    color: #c0392b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px
}

.product-price {
    display: inline-block
}

.product-price .price-crossed {
    text-decoration: line-through;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666
}

.product-price .price-sale {
    text-align: left;
    color: #c0392b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-item .member-price.label,.member.label {
    font-weight: 500;
    font-size: 90%;
    padding: .15em .5em;
    line-height: 1.6em
}

.center-cover {
    width: 100%;
    min-height: 200px;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: cover
}

.center-contain {
    width: 100%;
    min-height: 200px;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: contain
}

.catmenu {
    padding: 0px;
    margin-bottom: 15px
}

.catmenu p {
    text-transform: uppercase;
    padding: 10px 25px;
    margin-bottom: 0px;
    letter-spacing: 2px;
    font-size: 18px
}

.catmenu>ul ul {
    list-style-type: none;
    padding: 10px 0 0px 15px
}

.catmenu>ul {
    list-style-type: none;
    margin: 0px;
    padding: 25px
}

.catmenu>ul>li {
    margin-bottom: 8px
}

.catmenu ul>li>a {
    text-transform: capitalize;
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    max-width: 65%;
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    -ms-transition: color 0.15s linear;
    transition: color 0.15s linear
}

.catcount {
    color: #666;
    opacity: 0.5;
    float: right;
    position: relative;
    text-align: right;
    padding-left: 12px;
    display: inline-block
}

.checkout-section-header {
    font-size: 20px;
    margin: 20px auto
}

.divider {
    border-bottom: 1px solid #e0e0e0;
    margin: 20px auto
}

.checkout-instructions {
    border: 1px solid #e0e0e0;
    border-bottom: 0;
    padding: 20px
}

.checkout-tabletop {
    border: 1px solid #e0e0e0;
    border-bottom: 0;
    padding: 20px 20px 0px 20px
}

.checkout-tablebottom {
    border: 1px solid #e0e0e0;
    margin-bottom: 30px;
    padding: 20px 15px
}

.checkout-prod-photo {
    margin-bottom: 20px
}

.checkout-prod-info img.prod-thumbnail {
    width: 70px;
    height: 70px;
    float: left
}

.checkout-prod-info .prod-title-variation {
    padding-left: 85px
}

.checkout-prod-info {
    margin-bottom: 10px
}

.checkout-prod-title {
    font-size: 18px
}

.checkout-price-details {
    font-size: 18px
}

.checkout-item-price {
    margin-bottom: 20px;
    text-align: right
}

.checkout-prod-price {
    font-size: 18px
}

.tally-label {
    color: #333;
    font-size: 18px;
    margin-bottom: 20px
}

.tally-price {
    color: #333;
    font-size: 18px;
    margin-bottom: 20px
}

.applied-user-credits {
    color: #999;
    font-size: 12px
}

.checkbox {
    float: left
}

.checkbox a {
    color: #888
}

.checkout-prod-info .out-of-stock span {
    color: #D9534F;
    font-weight: 400;
    font-size: 12px;
    border: solid 2px #D9534F;
    display: inline-block;
    margin-bottom: 15px;
    margin-top: 5px;
    border-radius: 11px;
    padding: 2px 7px
}

.large-message {
    background: #f8f8f8;
    margin-bottom: 20px
}

.large-message .container>.row>.col-sm-12>.content {
    min-height: 150px;
    margin-top: 0px;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px
}

.large-message h2 {
    font-size: 30px;
    font-weight: 600;
    margin: 0px;
    padding: 0px;
    margin-bottom: 20px
}

.large-message p {
    margin-bottom: 20px
}

.col-xs-3.product-thumb {
    margin: 0;
    padding: 8px
}

.quick-cart-mobile-header .title {
    font-size: 16px;
    font-weight: 600;
    margin: 0px 0px 5px 0px
}

.product-info .title,.theme-modal-title {
    font-size: 22px;
    font-weight: 600;
    margin: 0px 0px 5px 0px
}

.product-info .title h1 {
    font-size: inherit;
    margin: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit
}

.quick-cart-mobile-header .price-regular,.quick-cart-body .price-regular {
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0px 0px 0px
}

.product-info .price-regular {
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0px 0px 0px
}

.checkout-prod-info .price-crossed {
    text-decoration: line-through
}

.quick-cart-mobile-header .price-sale,.quick-cart-body .price-sale {
    font-size: 14px;
    font-weight: 400;
    color: #c0392b;
    text-transform: uppercase
}

.cart-promotion-lables {
    margin-bottom: 4px
}

.product-info .price-sale {
    font-size: 18px;
    font-weight: 400;
    color: #c0392b;
    text-transform: uppercase
}

.product-info .member-price.label {
    font-weight: 500;
    font-size: 80%;
    padding: .2em .5em
}

.product-info>div {
    margin-bottom: 10px
}

.quick-cart-body .out-of-stock,.product-info .out-of-stock,.addon-product-info .out-of-stock {
    color: #D9534F
}

.action-title {
    margin: 6px 10px 10px 0px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase
}

.quantity {
    width: 100%;
    overflow: hidden;
    float: left;
    margin-bottom: 10px
}

.messagetobuy {
    margin-top: 30px;
    font-style: italic
}

.quantity select {
    border: 1px solid #bbb !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("//static.shoplineapp.com/web/v1/img/custom_site/drop-down-arrow.png") no-repeat;
    background-position: 95% 50%;
    width: 50%;
    text-indent: 0.01px;
    text-overflow: "";
    color: #666;
    font-size: 16px;
    line-height: 1;
    height: 34px;
    margin-bottom: 20px;
    margin-right: 6px;
    box-shadow: 0px;
    float: left
}

.blog-post {
    padding: 10px 15px;
    margin: 10px 0
}

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

.blog-post .post-date {
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: grey
}

.blog-post .post-content {
    margin-top: 30px;
    margin-bottom: 30px
}

.card-box {
    background-color: white;
    border: solid 1px #e1e1e1;
    padding: 10px 9px;
    margin: 10px 0
}

.card-box .title {
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 5px 10px;
    text-align: left;
    font-weight: normal;
    font-size: 16px;
    color: #333333
}

.value-group {
    padding: 5px 10px
}

.value-group .label {
    display: block;
    font-weight: 400;
    line-height: 15px;
    text-align: left;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0;
    margin: 0 0 5px;
    font-size: 13px;
    color: #333333;
    padding: 0
}

.value-group .value {
    margin-bottom: 15px;
    font-size: 18px;
    color: #555555
}

.page-style {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 50px;
    padding: 0px 15px
}

.page-style img {
    max-width: 100%
}

.page-style ul,ol {
    margin: 15px
}

.page-style blockquote {
    font-size: 100%
}

.lightbox-modal-window>.modal-dialog>.modal-content {
    position: relative;
    background-color: transparent;
    border: none;
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

@media screen and (min-width: 768px) {
    .lightbox-modal-window .modal-dialog {
        position:absolute;
        top: 0;
        left: 50%;
        margin: 0 auto;
        transform: translate(-50%, 0%) !important;
        display: table;
        height: 100%
    }

    .lightbox-modal-window .modal-content {
        display: table-cell;
        vertical-align: middle
    }
}

.lightbox {
    position: relative
}

.lightbox-content {
    text-align: center
}

.lightbox-image img {
    max-width: 100%;
    max-height: 100%
}

.lightbox-description {
    width: 50%
}

.lightbox-close {
    position: absolute;
    right: 5px;
    top: 5px;
    font-weight: 600;
    font-size: 14px;
    color: #fff !important;
    background-color: rgba(0,0,0,0.2);
    border: 2px solid #fff;
    -webkit-font-smoothing: antialiased;
    padding: 5px 14px
}

.lightbox-prev {
    top: 10%;
    left: 10px;
    position: absolute;
    background-color: transparent;
    border: 0px;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    height: 80%;
    width: 15%;
    text-align: left;
    -moz-opacity: 0.1 !important;
    -webkit-opacity: 0.1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)" !important;
    filter: alpha(opacity=10) !important;
    opacity: 0.1 !important
}

.lightbox-next {
    top: 10%;
    position: absolute;
    right: 10px;
    background-color: transparent;
    border: 0px;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    height: 80%;
    width: 15%;
    text-align: right;
    -moz-opacity: 0.1 !important;
    -webkit-opacity: 0.1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)" !important;
    filter: alpha(opacity=10) !important;
    opacity: 0.1 !important
}

.lightbox-prev:hover,.lightbox-next:hover {
    -moz-opacity: 1.0 !important;
    -webkit-opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity=100) !important;
    opacity: 1.0 !important
}

.lightbox-prev:focus,.lightbox-next:focus {
    outline: none;
    border: none
}

.boxify-container {
    list-style: none;
    padding: 0;
    text-align: left
}

.boxify-container .boxify-item {
    position: relative;
    list-style: none;
    padding: 15px;
    margin-bottom: 40px;
    float: left
}

@media (max-width: 480px) {
    .container {
        padding-left:8px;
        padding-right: 8px
    }

    .row {
        margin-left: -8px;
        margin-right: -8px
    }

    .boxify-container {
        margin-left: 0px;
        margin-right: 0px
    }

    .boxify-container .boxify-item {
        width: 50%;
        padding: 8px
    }

    #footer>.container ul>li {
        margin-bottom: 20px
    }

    .body-content {
        margin-bottom: 50px
    }
}

@media (min-width: 480px) and (max-width: 750px) {
    .boxify-container {
        margin-left:0px;
        margin-right: 0px
    }

    .container {
        padding-left: 10px;
        padding-right: 10px
    }

    .row {
        margin-left: -10px;
        margin-right: -10px
    }

    .boxify-container .boxify-item {
        width: 33%;
        padding: 10px
    }

    #footer>.container ul>li {
        margin-bottom: 20px
    }

    .check-out-button {
        float: left;
        display: block
    }

    .body-content {
        margin-bottom: 50px
    }
}

@media (min-width: 750px) {
    .boxify-container .boxify-item {
        width:25%;
        padding: 15px
    }
}

@media (min-width: 970px) {
    .boxify-container .boxify-item {
        width:25%;
        padding: 15px
    }
}

@media (min-width: 1170px) {
    .boxify-container .boxify-item {
        width:25%;
        padding: 15px
    }
}

@media (min-width: 992px) {
    .row {
        margin-left:-10px;
        margin-right: -10px
    }
}

@media (min-width: 768px) {
    .row-eq-height {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width: 991px) {
    .boxify-container {
        display:flex;
        flex-wrap: wrap
    }

    .boxify-container .quick-cart-item {
        height: 100%
    }

    .boxify-container .quick-cart-mobile .quick-cart-price {
        margin-bottom: 35px;
        float: unset
    }

    .boxify-container .info-box {
        min-height: unset !important;
        height: unset
    }
}

.chat-container {
    max-width: 640px;
    margin: 0 auto;
    padding: 0px
}

.chat-container h2 {
    font-size: 20px;
    margin: 0px;
    padding: 10px;
    width: 100%;
    text-align: center;
    background-color: #f9f9f9;
    text-transform: none
}

.chat-list {
    padding: 0px;
    margin: 0px 0px 30px 0px
}

.chat-list li {
    text-decoration: none;
    list-style-type: none
}

.message-recipient .chat-head {
    float: left;
    margin-left: 15px
}

.message-recipient .media-body {
    float: left;
    text-align: left;
    max-width: 75%;
    padding: 10px;
    background-color: #fbfbfb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: 20px;
    max-width: 70%
}

.chat-head {
    margin-top: 15px
}

.chat-head {
    margin-top: 15px
}

.chat-time {
    color: #999
}

.chat-message {
    white-space: pre-wrap;
    word-break: break-word
}

.message-sender .chat-head {
    float: right;
    margin-right: 15px
}

.message-sender .media-body {
    float: right;
    text-align: left;
    max-width: 75%;
    padding: 10px;
    background-color: #fbfbfb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 20px;
    max-width: 70%
}

.chat-form {
    padding: 10px
}

.btn-chat {
    color: #fff !important;
    background-color: #333;
    border: 1px solid #111;
    -webkit-font-smoothing: antialiased
}

.chat-list .media {
    overflow: hidden
}

.description-container img[src=""],.description-container iframe[src=""],.ProductDetail-description img[src=""],.ProductDetail-description iframe[src=""] {
    opacity: 0
}

.box-info {
    position: relative;
    padding: 15px;
    background: #fff;
    margin-bottom: 20px;
    border: 1px solid #e0e0e0;
    font-size: 16px;
    -webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -o-transition: All 0.4s ease
}

@media screen and (max-width: 767px) {
    .box-info {
        padding:15px 0
    }
}

.box-info tr,td,th {
    border: 0px
}

.box-info:before,.box-info:after {
    display: table;
    content: " "
}

.box-info:after {
    clear: both
}

.box-info .des-thumbnail {
    padding: 20px
}

.box-info .img-wrap {
    width: 100%;
    height: auto;
    overflow: hidden
}

.box-info .img-wrap img {
    width: 100%
}

.box-info .icon-box {
    width: 65px;
    font-size: 30px;
    display: block;
    float: left
}

.box-info h2 {
    padding: 0 15px 15px 15px;
    margin: 5px -15px 20px -15px;
    font-weight: 400;
    font-size: 16px;
    display: block;
    border-bottom: 1px solid #ddd
}

.box-info h2.no-style {
    padding: 0px;
    margin: 20px 0px 10px 0px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 30px;
    border-bottom: none
}

.box-info .box-header {
    border-bottom: 1px solid #ddd;
    margin: 5px 0 0px 0
}

.box-info .box-header .pull-right {
    padding: 15px 30px 15px 15px
}

.box-info .box-header .pull-left {
    padding: 15px 15px 15px 20px
}

.box-info .box-body {
    padding: 10px
}

.box-info.full .box-header h2,.box-info .box-header h2 {
    padding: 0;
    margin: 0px 0px 0px 0px;
    display: block;
    border-bottom: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 18px
}

.box-info.box-messages h2 {
    border-bottom: none
}

.box-info .statistic-chart {
    padding: 0 0 30px 0
}

.box-info.full {
    padding: 0px
}

.box-info.full .box-footer {
    padding: 20px 20px 15px 20px
}

.box-info.full .box-footer a,.box-info.full .box-footer a:hover {
    color: #1B1E24;
    text-decoration: none
}

.box-info .nav-tabs {
    background: #1B1E24
}

.box-info .nav-tabs>li>a {
    margin-right: 0px;
    line-height: 1.428571429;
    font-size: 14px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: none;
    border-radius: 0px 0px 0 0;
    margin: 0;
    color: #8B91A0;
    -webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -o-transition: All 0.4s ease
}

.box-info .nav-tabs>li>a i {
    color: #fff
}

.box-info .media-list {
    margin-top: 20px
}

.box-info .media-list a {
    color: #1B1E24
}

.box-info .media-list a:hover {
    color: #212121;
    text-decoration: none
}

.box-info .media-list .media {
    padding: 5px 20px;
    border-bottom: 1px solid #eaeaea
}

.box-info .media-list li:last-child.media {
    border-bottom: none
}

.box-info .media-list .media .media-heading a {
    font-size: 14px;
    font-weight: 600;
    color: #1B1E24;
    margin-right: 5px
}

.box-info .media-list .media .media-heading small {
    color: #65BD77;
    font-size: 11px
}

.box-info .media-list .media p {
    color: #909090
}

.box-info .media-list .media .media-object {
    width: 50px
}

.box-info .nav-tabs>li.active>a,.box-info .nav-tabs>li.active>a:hover,.box-info .nav-tabs>li.active>a:focus {
    cursor: default;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: none;
    background-color: #ffffff;
    color: #1B1E24
}

.box-info .nav-tabs>li.active>a i,.box-info .nav-tabs>li.active>a:hover i,.box-info .nav-tabs>li.active>a:focus i {
    color: #212121
}

.box-info .additional-box {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 1
}

.box-info .additional-btn {
    position: absolute;
    top: 17px;
    right: 15px;
    z-index: 99991
}

.box-info .btn-group {
    z-index: 9999
}

.box-info table .btn-group {
    z-index: 1
}

.box-info .additional-btn .dropdown-menu {
    z-index: 999999
}

.box-info .additional-btn a.additional-icon {
    color: #909090;
    margin-left: 10px;
    cursor: pointer
}

.box-info .additional-btn a:hover.additional-icon {
    text-decoration: none
}

.box-info.success {
    background: #65BD77;
    color: #fff
}

.box-info.success h2 {
    color: #2C7439;
    border-bottom-color: #3B934B
}

.box-info.success:hover {
    color: #DEFFE5
}

.box-info.success .additional-btn a.additional-icon {
    color: #3B934B
}

.box-info.success .additional-btn a:hover.additional-icon {
    color: #2C7439
}

.box-info.success .text-box h3 {
    color: #215F2E
}

.box-info.success .progress-bar-success {
    background-color: #215F2E
}

.box-info.success i.success {
    color: #215F2E
}

.box-info.danger {
    background: #D9534F;
    color: #fff
}

.box-info.danger h2 {
    color: #791C1A;
    border-bottom-color: #791C1A
}

.box-info.danger:hover {
    color: #fff
}

.box-info.danger .additional-btn a.additional-icon {
    color: #791C1A
}

.box-info.danger .additional-btn a:hover.additional-icon {
    color: #791C1A
}

.box-info.danger .text-box h3 {
    color: #791C1A
}

.box-info.danger .progress-bar-danger {
    background-color: #791C1A
}

.box-info.danger i.danger {
    color: #791C1A
}

.box-info.info {
    background: #4393D8;
    color: #fff
}

.box-info.info h2 {
    color: #15558B;
    border-bottom-color: #15558B
}

.box-info.info:hover {
    color: #DEFFE5
}

.box-info.info .additional-btn a.additional-icon {
    color: #15558B
}

.box-info.info .additional-btn a:hover.additional-icon {
    color: #15558B
}

.box-info.info .text-box h3 {
    color: #15558B
}

.box-info.info .progress-bar-info {
    background-color: #15558B
}

.box-info.info i.info {
    color: #15558B
}

.box-info.warning {
    background: #F7CB17;
    color: #fff
}

.box-info.warning h2 {
    color: #9D5D03;
    border-bottom-color: #9D5D03
}

.box-info.warning:hover {
    color: #DEFFE5
}

.box-info.warning .additional-btn a.additional-icon {
    color: #9D5D03
}

.box-info.warning .additional-btn a:hover.additional-icon {
    color: #9D5D03
}

.box-info.warning .text-box h3 {
    color: #9D5D03
}

.box-info.warning .progress-bar-warning {
    background-color: #9D5D03
}

.box-info.warning i.warning {
    color: #9D5D03
}

.box-info .additional {
    padding: 0 15px;
    background: #fff;
    color: #909090;
    margin: 15px -15px -15px -15px
}

.box-info .additional .list-box-info {
    margin: 0 -15px
}

.box-info .additional .list-box-info ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.box-info .additional .list-box-info ul li {
    background: #fff;
    padding: 15px 20px;
    color: #909090;
    border-bottom: 1px solid #ddd
}

.box-info .additional .list-box-info ul li span.label {
    float: right;
    font-size: 13px
}

.box-info .additional .list-box-info ul li:last-child {
    border-bottom: 1px solid #fff
}

.box-info.full h2 {
    padding: 15px;
    margin: 5px 0px 20px 0px
}

.box-info table {
    margin: 0
}

.box-info table tr th,.box-info table tr td {
    padding-left: 15px;
    padding-right: 15px
}

.box-info .text-box h3 {
    padding: 0;
    margin: 5px 0;
    font-weight: 600;
    font-size: 20px;
    display: block;
    color: #4C5264
}

.box-info .text-box p {
    font-size: 14px
}

.birthday-datepicker-block table tr td,.birthday-datepicker-block table tr th {
    padding: 0 1px
}

.birthday-datepicker-block>.form-group>.controls {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.birthday-datepicker-block .btn-datepicker {
    border-radius: 0
}

.birthday-datepicker-block .datepicker-input {
    margin-right: -1px
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .table-responsive table,.table-responsive thead,.table-responsive tbody,.table-responsive th,.table-responsive td,.table-responsive tr {
        display:block
    }

    .table-responsive {
        border-width: 0px
    }

    .table-responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .table-responsive td {
        border: none;
        position: relative;
        padding-left: 50%
    }

    .table-responsive td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap
    }

    #store-credits .show-row-header {
        display: initial
    }

    #store-credits .credit-history td {
        white-space: normal
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .box-info .icon-box {
        width:45px;
        font-size: 20px;
        margin-top: 5px
    }

    .box-info .text-box p {
        font-size: 11px
    }

    .box-info table {
        margin: 0 0 0 0
    }

    .box-info .table-responsive {
        border: none
    }

    .nav.navbar-nav.top-navbar li span.absolute {
        left: 25px
    }

    .box-info .additional .list-group {
        margin-bottom: -10px
    }
}

@media (max-width: 480px) {
    .box-info .icon-box {
        width:100%;
        display: block
    }

    .box-info .icon-box,.box-info .text-box {
        text-align: center
    }
}

@media (max-width: 480px) {
    .box-info .box-header {
        margin:10px 0px 10px 0px;
        padding-bottom: 10px
    }

    .box-info .box-header .btn {
        margin-bottom: 10px
    }

    .box-info .box-header h2,.box-info .box-header .pull-right,.box-info .box-header .pull-left {
        text-align: center;
        padding: 5px;
        width: 100%
    }
}

.field-group {
    padding: 7.5px
}

.links-container {
    margin-top: 30px;
    margin-bottom: 30px
}

.field {
    margin-bottom: 20px
}

.login-input label {
    font-weight: 400
}

.login-input input {
    width: 90%;
    min-width: 275px
}

.login-input i {
    vertical-align: bottom;
    margin-right: 10px
}

.field>.field_with_errors {
    display: inline
}

.line-input {
    border: none;
    color: #333;
    background: transparent;
    border-bottom: 1px dotted black;
    padding: 5px 2px 0 2px
}

.line-input:focus {
    outline: none;
    border-color: #999999
}

.actions {
    margin-top: 20px
}

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

.full-content-center {
    width: 100%;
    max-width: 500px;
    margin: 5% auto;
    text-align: center
}

.signup-loader {
    padding-top: 50px;
    width: 100%;
    text-align: center
}

.fb-app-icon {
    height: 15px;
    padding-right: 5px
}

.modal-title {
    text-align: center;
    color: #444;
    font-weight: 700;
    font-size: 22px
}

.fb_customer_chat_bubble_pop_in {
    bottom: 60px !important
}

.fb_customer_chat_bounce_in_v2 {
    bottom: 130px !important
}

.fb_customer_chat_bounce_out_v2 {
    max-height: 0px !important
}

.facebook-container {
    text-align: center;
    margin: 20px 0px;
    padding: 20px 0px;
    background-color: #f8f8f8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.facebook-container a {
    color: #fff
}

.btn-facebook {
    margin: 0 auto;
    background-color: #3B5998;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 60%;
    padding: 10px 0px
}

.btn-facebook a {
    color: #fff
}

.forgot-pw {
    float: right;
    margin-top: 8px
}

.forgot-pw a {
    color: #666;
    text-transform: capitalize;
    font-size: 16px;
    text-decoration: none;
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    -ms-transition: color 0.15s linear;
    transition: color 0.15s linear
}

.forgot-pw a:hover {
    color: #333
}

.modal-backdrop {
    position: fixed;
    bottom: 0
}

.help-block.text-danger {
    color: #a94442
}

.owl-carousel-first-initializing {
    position: relative;
    padding-bottom: 35px;
    z-index: 2
}

.owl-carousel.initializing {
    position: absolute;
    top: 15px;
    padding-right: 30px
}

.box-info-width-full .owl-carousel.initializing,.Grid-row-wrapper.m-full-width .owl-carousel.initializing,.box-info .owl-carousel.initializing.remove-horizontal-padding {
    padding-right: 0
}

.owl-carousel.initializing .owl-stage-outer.owl-height {
    transition: none !important
}

#home-carousel .item {
    margin: 0 auto;
    text-align: center;
    padding: 20px 0 0
}

#home-carousel .owl-item .item-container {
    max-width: 100%;
    width: 100%;
    height: auto;
    max-height: auto;
    min-height: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

#home-carousel img.owl-image {
    max-width: 100%;
    min-height: 100px;
    max-height: 450px;
    display: none !important
}

#home-carousel .owl-video {
    max-width: 800px;
    margin: 0 auto
}

#home-carousel .owl-item .item-container {
    max-width: 100%;
    width: 100%;
    height: auto;
    max-height: auto;
    min-height: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

#home-carousel img.ratio {
    display: block;
    width: 100%;
    height: auto;
    opacity: 0;
    max-height: 450px
}

.res-iframe {
    position: relative
}

.res-iframe img.ratio,.res-iframe .ratio {
    display: block;
    width: 100%;
    height: auto;
    opacity: 0
}

.res-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.res-video-iframe-16x9 {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.res-video-iframe-4x3 {
    position: relative;
    padding-bottom: 70%;
    height: 0;
    overflow: hidden
}

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom:1;*display: inline;
    margin: 0px;
    padding: 0;
    font-size: 12px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: transparent;
    filter: Alpha(Opacity=20);
    opacity: 0.2
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
    position: absolute;
    top: 50%;
    left: 10px;
    background-image: url(https://shoplineimg.com/assets/misc/arrow-left.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    margin-top: -35px
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
    position: absolute;
    background-repeat: no-repeat;
    margin-top: -35px;
    top: 50%;
    right: 10px;
    background-image: url(https://shoplineimg.com/assets/misc/arrow-right.png);
    background-size: contain;
    background-position: center;
    height: 50px;
    width: 50px
}

@media (max-width: 480px) {
    .navbar {
        padding-left:8px;
        padding-right: 8px
    }

    .owl-carousel.initializing {
        padding-right: 0px
    }
}

@media (max-width: 750px) and (min-width: 480px) {
    .navbar {
        padding-left:10px;
        padding-right: 10px
    }
}

@media (min-width: 768px) {
    .navbar {
        width:750px
    }
}

@media (min-width: 992px) {
    .navbar {
        width:970px
    }
}

@media (min-width: 1200px) {
    .navbar {
        width:1170px
    }
}

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

.navbar {
    margin: 0 auto;
    border-bottom: 0
}

.navbar-header-wrapper {
    display: inline-block;
    width: 30%
}

.navbar-menu-wrapper {
    width: 68%;
    display: inline-block
}

.navbar-header-wrapper .container {
    width: 100%
}

.navbar-menu-wrapper .container {
    width: 100%;
    text-align: center
}

@media (max-width: 767px) {
    .navbar-header-wrapper {
        width:100%
    }

    .navbar-menu-wrapper {
        width: 100%;
        text-align: center
    }

    .navbar-menu {
        width: 100%
    }
}

@media (min-width: 767px) {
    .container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse {
        float:none;
        display: inline-block;
        max-width: 100%;
        width: 100%
    }
}

.navbar-menu {
    width: 100%;
    vertical-align: middle;
    text-align: right;
    margin: 0px auto;
    position: initial;
    bottom: 0px;
    right: 0;
    display: inline-block
}

.navbar-menu>ul {
    padding: 0
}

.navbar-header .logo-image {
    max-height: 140px;
    height: auto;
    max-width: 100%
}

.navbar-menu>ul>li>a.active,.navbar-menu>ul>li>a:hover {
    color: #666
}

.form-control {
    border-radius: 0px
}

.form-control-xs {
    width: 80px
}

.form-control.form-control-sm {
    width: auto;
    min-width: 200px
}

.form-control-inline {
    display: inline-block;
    margin-bottom: 20px;
    vertical-align: top
}

@media (max-width: 480px) {
    .form-control.form-control-sm.form-control-inline,.form-control-inline {
        display:block;
        width: 100%;
        margin-bottom: 20px;
        vertical-align: top
    }
}

.description-container {
    width: 100%;
    max-width: 100%
}

.description-container * {
    max-width: 100%
}

.description-container ul li,.description-container ol li {
    list-style-position: inside
}

.description-container p {
    margin-bottom: 0px;
    line-height: 22px
}

.catmenu ul.inner-list>li {
    padding-left: 0px;
    padding-bottom: 8px
}

ul.inner-list>li {
    padding-left: 35px
}

.btn.btn-clear:active,.btn.btn-clear:hover,.btn.btn-clear {
    border: 0 !important;
    background: transparent !important
}

.btn:focus,.btn:active:focus,.btn.active:focus {
    outline: thin dotted;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:active,.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 0px 0px transparent;
    box-shadow: inset 0 0px 0px transparent
}

.btn-category-collapse {
    padding: 0px 0 0 12px
}

.container-xs-height {
    display: table;
    padding-left: 0px;
    padding-right: 0px
}

.row-xs-height {
    display: table-row
}

.col-xs-height {
    display: table-cell;
    float: none
}

@media (min-width: 768px) {
    .container-sm-height {
        display:table;
        padding-left: 0px;
        padding-right: 0px
    }

    .row-sm-height {
        display: table-row
    }

    .col-sm-height {
        display: table-cell;
        float: none
    }
}

@media (min-width: 992px) {
    .container-md-height {
        display:table;
        padding-left: 0px;
        padding-right: 0px
    }

    .row-md-height {
        display: table-row
    }

    .col-md-height {
        display: table-cell;
        float: none
    }
}

@media (min-width: 1200px) {
    .container-lg-height {
        display:table;
        padding-left: 0px;
        padding-right: 0px
    }

    .row-lg-height {
        display: table-row
    }

    .col-lg-height {
        display: table-cell;
        float: none
    }

    .quantity {
        margin-bottom: 5px
    }
}

.newlines {
    white-space: pre-wrap
}

._4s7c {
    border: none
}

#fb-storefront-iframe {
    width: auto;
    text-align: center;
    overflow: hidden;
    border: 0;
    display: block;
    margin: 0 auto
}

.fb-storefront-wrapper {
    overflow: hidden;
    border: none
}

.edit-group {
    background-color: #f6f6f6
}

.edit-group .form-group {
    margin-bottom: 0
}

.edit-group .controls {
    display: inline-block;
    width: 69%;
    padding: 10px;
    vertical-align: middle;
    margin-bottom: 2px
}

.edit-group .edit-address-group .controls {
    width: 100%
}

.edit-group label {
    font-size: 14px;
    color: #666;
    width: 30%;
    padding: 10px;
    vertical-align: top;
    margin: 0
}

.edit-group .edit-address-group label {
    width: auto;
    padding: 0;
    font-size: 12px;
    display: block
}

.edit-group .edit-text {
    font-size: 14px;
    word-wrap: break-word
}

.edit-group .form-control {
    height: 44px;
    box-shadow: none;
    border: solid 2px transparent;
    background-color: #fff;
    border-radius: 0
}

.edit-group .edit-input-group {
    width: 69%;
    float: right
}

.edit-group .edit-input-group:not(:last-child) {
    margin-bottom: 10px
}

.edit-group .edit-address-group {
    margin-top: 10px
}

.edit-group .form-control:focus {
    border: solid 2px #666
}

.edit-group a.collapsed .edit-collapse-icon:before {
    content: "\f105";
    padding-right: 5px
}

.edit-group .edit-collapse-icon:before {
    font-family: FontAwesome;
    content: "\f107";
    padding-right: 5px
}

.edit-group .edit-delete,.edit-group .edit-add {
    padding-left: 5px
}

.edit-group .edit-delete {
    color: darkred
}

.edit-group .edit-add {
    color: green
}

.edit-group .input-deletable,.edit-group .input-addable {
    width: 90%
}

.edit-group .help-block {
    text-align: right;
    font-size: 14px;
    margin-right: 20px;
    margin-top: -20px
}

#userForm img {
    max-width: 100%
}

.tab-content .edit-group .help-block {
    margin: 0
}

.custom-field-note {
    margin-bottom: 15px
}

.checkout-plus-minus {
    cursor: pointer;
    background-color: #aaa;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    vertical-align: middle;
    color: white
}

.checkout-plus-minus:hover {
    background-color: #ddd
}

#fixed-menu-container .menu-button li span:hover {
    opacity: 0.7
}

#fixed-menu-container .menu-button.dropdown-menu {
    text-align: left;
    padding: 15px 16px;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    position: absolute
}

@media screen and (max-width: 767px) {
    #fixed-menu-container .menu-button.dropdown-menu {
        height:auto;
        text-align: center;
        padding-left: 8px;
        padding-right: 8px
    }
}

.addthis_32x32_style .line-image {
    background: url("images/line_40x40.png") no-repeat left
}

.checkout-label {
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    margin: 5px 0;
    display: inline-block;
    padding: 6px 9px;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    max-width: 100%;
    line-height: 1.4
}

.checkout-label.error {
    padding: 0;
    display: block
}

.shop-setting-wrapper .shop-setting {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    font-size: 14px;
    margin: 0px 15px
}

@media screen and (max-width: 368px) {
    .shop-setting-wrapper .shop-setting {
        max-width:256px;
        width: 100%;
        margin: 0px
    }
}

@media screen and (max-width: 768px) {
    .shop-setting-wrapper .shop-setting {
        margin-right:47px;
        margin-top: 5px
    }

    .shop-setting-wrapper {
        margin: 10px auto
    }
}

@media screen and (min-width: 368px) and (max-width: 767px) {
    .shop-setting-group {
        float:none;
        text-align: center
    }

    .shop-setting-wrapper {
        width: 340px
    }

    .shop-setting-wrapper .shop-setting {
        width: 280px
    }
}

@media screen and (min-width: 768px) {
    .shop-setting-wrapper {
        float:right
    }
}

.hide-input-number-spinner::-webkit-outer-spin-button,.hide-input-number-spinner::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0
}

.hide-input-number-spinner {
    -moz-appearance: textfield
}

.comment-media-preview {
    display: inline-block;
    padding: 10px;
    background-color: white;
    margin: 15px 0;
    border: solid 1px #ddd
}

.comment-media-preview span {
    display: block
}

.reset-bottom-to-zero {
    margin-bottom: 0px;
    line-height: 20px
}

.page-item-products-container .product-item.ng-leave {
    display: none
}

.page-item-products-container .pagination {
    border-radius: 4px;
    overflow: hidden
}

.page-item-products-container .pagination li.disabled {
    display: none
}

.fixed-checkout-summary .checkout-summary-container {
    position: fixed;
    top: 0
}

@media screen and (min-width: 992px) {
    #checkout-summary-wrapper {
        float:none;
        position: absolute;
        right: 20px;
        width: 400px;
        height: 100%;
        padding: 0;
        z-index: 1
    }

    #checkout-summary-container>:last-child {
        margin-bottom: 15px
    }

    #checkout-summary-wrapper.ui-scrollfix #checkout-summary-container {
        position: fixed;
        width: inherit;
        top: 50px
    }

    #checkout-summary-wrapper.ui-scrollfix-sticky-bottom #checkout-summary-container {
        position: absolute;
        width: inherit;
        bottom: 0px
    }
}

.checkout-controller .cart-product,.checkout-controller .cart-promotion {
    border-top: 1px solid #e0e0e0
}

.checkout-controller .cart-product {
    padding-bottom: 15px;
    padding-top: 15px
}

.checkout-controller .cart-promotion {
    padding: 10px 15px 10px 10px
}

.checkout-controller .cart-promotion .promotion-title {
    padding: 7px;
    margin-bottom: 10px
}

.checkout-controller .cart-promotion .promotion-item {
    padding-bottom: 15px
}

.checkout-controller .cart-promotion .promotion-item .promotion-label {
    width: 120px;
    line-height: 20px;
    display: inline-block;
    border-radius: 0;
    font-weight: 300;
    font-size: 13px
}

.checkout-controller .checkout-prod-info.prod-meta {
    min-height: 70px
}

@media screen and (max-width: 768px) {
    .checkout-controller button.apply-coupon {
        margin-top:5px
    }

    .cart-products>:first-child {
        border-top: 0px
    }

    .checkout-controller #checkout-summary-container {
        border-top: 1px solid #e0e0e0;
        padding-top: 15px
    }
}

@media screen and (min-width: 992px) {
    .text-center-md {
        text-align:center
    }
}

.checkout-controller button.apply-coupon {
    width: 100%
}

.checkout-controller .checkout-container h3 {
    margin-top: 30px
}

.page-item-google-map-iframe iframe {
    width: 100%;
    min-height: 400px
}

.ck-video-widget,.responsive-video {
    position: relative
}

.responsive-container {
    display: block;
    width: 100%;
    height: auto;
    padding: 28%
}

.responsive-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.boxify-image-wrapper {
    position: relative
}

.boxify-image-wrapper .btn-add-to-cart {
    display: none
}

.boxify-image-wrapper .btn-add-to-cart {
    position: absolute;
    left: 0;
    bottom: 0;
    width: inherit;
    height: 40px;
    background-color: black;
    color: white;
    padding-top: 10px;
    opacity: 0.65;
    z-index: 1;
    display: none
}

.boxify-image-wrapper .out-of-stock,.Product-image .out-of-stock,.quick-cart-item.coming-soon .boxify-image,.Product-item.coming-soon .Image-boxify-image,.quick-cart-item.available-time-over .boxify-image,.Product-item.available-time-over .Image-boxify-image,.boxify-image.not-in-available-time,.quick-cart-item.not-in-available-time .boxify-image,.Product-image.not-in-available-time .Image-boxify-image {
    filter: opacity(0.5)
}

.Image-boxify .second-image,.boxify-image-wrapper .second-image {
    visibility: hidden;
    position: absolute;
    top: 0
}

.sold-out-item-content,.available-time-content {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100;
    color: #ffffff;
    background-color: rgba(0,0,0,0.6);
    float: right;
    border-radius: 4px
}

.member-price-tag {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #c0392b;
    padding: 1.2px 4px;
    font-size: 12px;
    color: white;
    border-radius: 3px
}

.member-price-tag-content {
    vertical-align: middle
}

.member-only-tag {
    text-transform: capitalize
}

.member-price-tip {
    margin: 5px 0px 5px 0px
}

.member-price-tip-content {
    text-transform: capitalize !important;
    font-size: 14px !important
}

.member-price-tip-content:hover {
    text-decoration: underline
}

.sold-out-item-content .sold-out-item,.available-time-content .available-time-item {
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 2px;
    text-align: center
}

@media screen and (max-width: 340px) {
    .sold-out-item-content .sold-out-item,.available-time-content .available-time-item {
        font-size:12px
    }
}

.boxify-image {
    padding: 50%;
    min-height: initial
}

@media screen and (min-width: 768px) {
    .product-item:hover .btn-add-to-cart,.boxify-image-wrapper:hover .btn-add-to-cart {
        text-align:center;
        display: block
    }
}

.btn-add-to-cart.mobile-cart {
    float: right;
    border-style: solid;
    border-width: 1px;
    width: 32px;
    height: 32px;
    color: #999999;
    text-align: center;
    margin-right: 8px
}

.btn-add-to-cart.mobile-cart>i {
    font-size: 18px;
    padding-top: 5px
}

.quick-cart-cancel-holder {
    position: absolute;
    top: 0;
    right: 0
}

.quick-cart-cancel-holder .quick-cart-cancel {
    color: white;
    background: #DDDDDD;
    border-color: #DDDDDD;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0
}

.quick-cart-mobile-header {
    margin-top: 20px
}

.quick-cart-mobile-header .product-title {
    position: relative
}

.quick-cart-mobile-header .product-link {
    position: relative;
    text-decoration: underline
}

.quick-cart-body .product-link {
    float: right;
    text-decoration: underline
}

.quick-cart-body .product-link>a,.quick-cart-mobile-header .product-link>a {
    color: black
}

.quick-cart-mobile-header .product-info,.quick-cart-body .product-info {
    padding-left: 5px
}

.quick-cart-mobile-header .product-images,.quick-cart-body .product-images {
    padding-right: 10px
}

.quick-cart-body {
    margin-top: 20px;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .quick-cart-body {
        overflow:auto;
        max-height: calc(100vh - 80px)
    }
}

.quick-cart-body .product-info .reset-bottom-to-zero {
    padding-top: 0
}

.quick-cart-body .btn.btn-color-primary.form-control-inline {
    margin-bottom: 10px
}

.quick-cart-mobile .quick-cart-price {
    float: left;
    min-height: 51px
}

.quick-cart-mobile .info-box {
    min-height: 120px
}

.quick-cart-mobile .info-box {
    min-height: 120px
}

.quick-cart-mobile .info-box .title {
    min-height: 45px
}

.quick-cart-body .input-group {
    width: 100%
}

@media screen and (min-width: 768px) {
    .modal-dialog {
        position:absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%) !important
    }

    .QuickCart-modal .modal-dialog {
        position: relative;
        top: initial;
        left: initial;
        transform: initial !important
    }

    .hk-sfplus-areas .left-column {
        padding-right: 5px
    }

    .hk-sfplus-areas .mid-column {
        padding-left: 5px;
        padding-right: 5px
    }

    .hk-sfplus-areas .right-column {
        padding-left: 5px
    }
}

[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak {
    display: none !important
}

.visible-xs-plus {
    display: none !important
}

@media (max-width: 768px) {
    .hidden-xs-plus {
        display:none !important
    }

    .visible-xs-plus {
        display: block !important
    }
}

.text-word-wrap {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none
}

@media screen and (max-width: 767px) {
    .free-gift-quantity {
        text-align:left
    }

    #btn-add-to-cart {
        width: 100%
    }
}

@media not device and (max-width: 767px) {
    .m-search-button .fa-search:before {
        padding-left:1px
    }
}

.blacklisted-msg {
    max-width: 768px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto
}

.previewing-closed-store-banner {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    top: 0;
    width: 100%;
    height: 40px;
    background-color: #333;
    text-align: center;
    z-index: 9000
}

.previewing-closed-store-banner p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    color: #fff;
    margin: 0;
    line-height: 100%;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px
}

.previewing-closed-store-banner .btn-link {
    color: #fff
}

.previewing-closed-store-banner .notify-close-btn {
    position: absolute;
    top: 50%;
    right: 5px;
    padding: 0;
    margin-top: -10px;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 16px
}

@media screen and (max-width: 767px) {
    .previewing-closed-store-banner {
        height:45px
    }

    .previewing-closed-store-banner p {
        padding: 0 25px;
        line-height: 140%
    }
}

@media screen and (max-width: 320px) {
    .previewing-closed-store-banner {
        height:68px
    }

    .previewing-closed-store-banner .message-close-btn {
        top: 35%
    }
}

.video-width-100 {
    width: 100%
}

.video-width-75 {
    width: 75%
}

.video-width-66 {
    width: 66%
}

.video-width-50 {
    width: 50%
}

.video-width-33 {
    width: 33%
}

.video-width-25 {
    width: 25%
}

.ladda-button.disabled span.ladda-label {
    display: inline-block
}

.error-message {
    color: #D9534F
}

.intl-tel-input.iti-container {
    z-index: 1100;
    height: 400px;
    top: 100px !important
}

.in-authentication-page .large-message {
    margin-bottom: 0px
}

.in-authentication-page .body-content {
    margin-bottom: 0px
}

#cart-panel .remove .icon-delete {
    display: none
}

.cart-item-image {
    margin-right: 10px;
    width: 50px;
    height: 50px;
    float: left
}

body.home.index .ProductList-breadcrumb,body.home.index .Product-breadcrumb {
    display: none
}

.owl-carousel-first-initializing {
    padding-bottom: 0
}

.bundle-group-label {
    display: inline-flex;
    position: relative;
    margin-right: 9px;
    padding: 2px 6px 2px 4px;
    border-radius: 2px 4px 4px 2px;
    line-height: 14px;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-family: initial !important
}

.bundle-group-label.bundle-group-red {
    color: #fbebee;
    background-color: #f05c53
}

.bundle-group-label.bundle-group-green {
    color: #e8f5ef;
    background-color: #1ba462
}

.bundle-group-label::before {
    position: absolute;
    content: '';
    top: 0px;
    right: -5px;
    transform: rotate(135deg);
    border-width: 9px;
    border-style: solid;
    border-top-left-radius: 4px;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%
}

.bundle-group-red::before {
    border-color: #f05c53 transparent transparent #f05c53
}

.bundle-group-green::before {
    border-color: #1ba462 transparent transparent #1ba462
}

.bundle-group-label::after {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    opacity: 50%;
    border-radius: 50%;
    top: 50%;
    right: -2px;
    transform: translateY(-50%)
}

.bundle-group-red::after {
    background-color: #fbebee
}

.bundle-group-green::after {
    background-color: #e8f5ef
}

.FormBuilder-container {
    padding-top: 20px;
    max-width: 600px
}

.FormBuilder-container .loading {
    display: none
}

.FormBuilder-container .alert-danger {
    margin-top: 20px
}

.FormBuilder-container .fa-check-circle-o {
    font-size: 80px;
    color: #5cb75c
}

.FormBuilder-submit-success {
    display: none
}

.FormBuilder-submit-success.active {
    display: block
}

.FormBuilder-form .is-required .control-label:after {
    content: '*';
    margin-left: 4px;
    color: #ff4f54
}

.FormBuilder-form .checkbox {
    float: none
}

.FormBuilder-form.ng-cloak {
    display: none
}

.FormBuilder-form.ng-cloak+.loading {
    display: block
}

.FormBuilder-success-title {
    color: #3a3a3a;
    font-size: 40px
}

.FormBuilder-success-msg {
    color: #79797a
}

.FormBuilder-label.m-light {
    font-weight: 400
}

.Product-promotions {
    margin-top: -10px
}

.Product-promotions-tag {
    border-left: 3px solid #999899;
    padding: 0 8px;
    margin: 0;
    font-size: 14px;
    text-align: left
}

.Product-promotions-tag span {
    color: #999
}

.Product-promotions-tag a {
    color: #333
}

.Product-promotions-tag a:hover {
    text-decoration: underline
}

.Product-promotions-tag:nth-child(n+3) {
    display: none
}

.Util-cssToggle:checked ~ .Product-promotions .Product-promotions-tag:nth-child(n+3) {
    display: block
}

variation-selector {
    display: block;
    margin-bottom: 20px
}

variation-selector.quick-cart {
    width: 280px;
    margin-left: -4px
}

@media screen and (max-width: 767px) {
    variation-selector.quick-cart {
        width:100%
    }
}

variation-selector .Variation-container {
    max-height: 110px;
    overflow: hidden;
    transition: max-height 0.25s cubic-bezier(0, 1, 0, 1)
}

variation-selector .Variation-container.show {
    max-height: 700px;
    transition: max-height 0.25s ease-in-out
}

variation-selector .Variation-wrap {
    width: 38px;
    height: 38px;
    display: inline-block;
    margin-right: 2px
}

variation-selector .Variation-thumb {
    width: 30px;
    height: 30px;
    margin: 4px;
    background-size: cover;
    border: 1px solid #eee
}

variation-selector .Variation-border {
    width: 38px;
    height: 38px;
    position: absolute
}

@media not all and (pointer: coarse) {
    variation-selector .Variation-border:hover {
        border:solid 1px #979797
    }
}

variation-selector .Variation-border.selected {
    border: solid 1px #979797
}

variation-selector .Variation-showMore-content {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px
}

variation-selector .Variation-showMore-content .Variation-show-more {
    color: #666666;
    cursor: pointer;
    display: inline;
    font-size: 14px
}

.Wishlist {
    color: #797979
}

.Wishlist p {
    font-size: 12px;
    line-height: 17px;
    margin: 0
}

.Wishlist .Button-wishlistRemove {
    color: #797979
}

.Wishlist-title {
    border-bottom: 1px solid;
    border-color: #f1f1f1;
    padding-bottom: 7px;
    color: #4a4a4a;
    font-weight: 600
}

.Wishlist-block-row {
    padding: 15px 0
}

.Wishlist-block-row:hover {
    background-color: #f6f6f6
}

.Wishlist-productTitle {
    display: block;
    color: #4a4a4a;
    padding-bottom: 10px
}

.Wishlist-price {
    padding: 7px 0
}

.Wishlist-price.m-discount .Product-price {
    text-decoration: line-through
}

.Wishlist-price.m-discount .Product-price.m-sale {
    color: #9e3d48;
    text-decoration: none
}

.Wishlist-productStatus p {
    font-size: 14px
}

.Button-wishlistRemove .fa-trash-o {
    display: block
}

.Button-wishlistRemove .fa-times {
    display: none
}

.Button-addToCart {
    display: none;
    color: inherit
}

.Button-addToCart img {
    width: 50%
}

.Button-addToCart:hover {
    color: inherit
}

.Wishlist-placeholder .fa {
    font-size: 24px
}

.Wishlist-placeholder h3 {
    font-size: 16px;
    margin-top: 16px;
    margin-bottom: 43px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .Button-addToCart {
        display:inline-block
    }

    .Button-addToCart+.btn {
        display: none !important
    }
}

@media screen and (min-width: 1025px) {
    .Button-addToCart {
        display:none
    }
}

@media screen and (min-width: 768px) {
    .Wishlist-block-row {
        display:-webkit-flex;
        display: flex;
        align-items: center
    }

    .Wishlist-block-row+.Wishlist-block-row {
        border-top: 2px solid;
        border-color: #f1f1f1
    }

    .Wishlist-block-row>div {
        float: none;
        display: flex;
        flex-direction: column
    }

    .Wishlist-block-row .Wishlist-productStatus .btn-custom span {
        white-space: pre-line
    }
}

@media screen and (max-width: 767px) {
    .Wishlist-title {
        display:none
    }

    .Wishlist-block-row.row {
        position: relative;
        border: 1px solid;
        border-color: #f1f1f1;
        width: 80%;
        margin: auto;
        padding-bottom: 0
    }

    .Wishlist-block-row.row+.Wishlist-block-row {
        margin-top: 20px
    }

    .Wishlist-block-row.row img {
        display: inline-block;
        max-width: 80%;
        margin-bottom: 25px
    }

    .Wishlist-price {
        text-align: left
    }

    .Wishlist-productStatus {
        margin: 10px -15px 0
    }

    .Wishlist-productStatus p {
        padding: 15px 0;
        background-color: #efefef;
        line-height: 100%
    }

    .Wishlist-productStatus button {
        width: 100%;
        border-radius: 0;
        padding: 15px 0;
        line-height: 100%;
        border: none
    }

    .Button-wishlistRemove {
        position: absolute;
        padding: 0;
        top: 15px;
        right: 3%
    }

    .Button-wishlistRemove .fa-trash-o {
        display: none
    }

    .Button-wishlistRemove .fa-times {
        display: block
    }
}

.page-cart .btn-color-primary,.page-cart .btn-color-primary:not(.btn-clear),.page-cart .btn-color-primary:not(.btn-clear):not(.btn-checkout),.page-checkout .btn-color-primary,.page-checkout .btn-color-primary:not(.btn-clear),.page-checkout .btn-color-primary:not(.btn-clear):not(.btn-checkout),.page-order-show .btn-color-primary,.page-order-show .btn-color-primary:not(.btn-clear),.page-order-show .btn-color-primary:not(.btn-clear):not(.btn-checkout),.page-return-order-show .btn-color-primary,.page-return-order-show .btn-color-primary:not(.btn-clear),.page-return-order-show .btn-color-primary:not(.btn-clear):not(.btn-checkout) {
    background-color: #9DAAB0 !important;
    border: 1px solid #9DAAB0 !important;
    color: white !important
}

.page-cart .btn-default:hover,.page-cart .btn-default:focus,.page-cart .btn-default.focus,.page-cart .btn-default:active,.page-cart .btn-default.active,.page-cart .open>.dropdown-toggle.btn-default,.page-checkout .btn-default:hover,.page-checkout .btn-default:focus,.page-checkout .btn-default.focus,.page-checkout .btn-default:active,.page-checkout .btn-default.active,.page-checkout .open>.dropdown-toggle.btn-default,.page-order-show .btn-default:hover,.page-order-show .btn-default:focus,.page-order-show .btn-default.focus,.page-order-show .btn-default:active,.page-order-show .btn-default.active,.page-order-show .open>.dropdown-toggle.btn-default,.page-return-order-show .btn-default:hover,.page-return-order-show .btn-default:focus,.page-return-order-show .btn-default.focus,.page-return-order-show .btn-default:active,.page-return-order-show .btn-default.active,.page-return-order-show .open>.dropdown-toggle.btn-default {
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important
}

.page-cart .btn-default,.page-cart .btn-default:not(.btn-clear),.page-cart .btn-default:not(.btn-clear):not(.btn-checkout),.page-checkout .btn-default,.page-checkout .btn-default:not(.btn-clear),.page-checkout .btn-default:not(.btn-clear):not(.btn-checkout),.page-order-show .btn-default,.page-order-show .btn-default:not(.btn-clear),.page-order-show .btn-default:not(.btn-clear):not(.btn-checkout),.page-return-order-show .btn-default,.page-return-order-show .btn-default:not(.btn-clear),.page-return-order-show .btn-default:not(.btn-clear):not(.btn-checkout) {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
    border-width: 1px !important
}

.page-cart .btn-success:hover,.page-cart .btn-success:focus,.page-cart .btn-success.focus,.page-cart .btn-success:active,.page-cart .btn-success.active,.page-cart .open>.dropdown-toggle.btn-success,.page-checkout .btn-success:hover,.page-checkout .btn-success:focus,.page-checkout .btn-success.focus,.page-checkout .btn-success:active,.page-checkout .btn-success.active,.page-checkout .open>.dropdown-toggle.btn-success,.page-order-show .btn-success:hover,.page-order-show .btn-success:focus,.page-order-show .btn-success.focus,.page-order-show .btn-success:active,.page-order-show .btn-success.active,.page-order-show .open>.dropdown-toggle.btn-success,.page-return-order-show .btn-success:hover,.page-return-order-show .btn-success:focus,.page-return-order-show .btn-success.focus,.page-return-order-show .btn-success:active,.page-return-order-show .btn-success.active,.page-return-order-show .open>.dropdown-toggle.btn-success {
    color: #fff !important;
    background-color: #449d44 !important;
    border-color: #398439 !important
}

.page-cart .btn-success,.page-checkout .btn-success,.page-order-show .btn-success,.page-return-order-show .btn-success {
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important
}

.page-cart .form-group:not(.has-error),.page-checkout .form-group:not(.has-error),.page-order-show .form-group:not(.has-error),.page-return-order-show .form-group:not(.has-error) {
    color: #555 !important;
    border-color: transparent !important;
    background-color: #fff !important
}

.page-cart .form-group:not(.has-error) .form-control,.page-checkout .form-group:not(.has-error) .form-control,.page-order-show .form-group:not(.has-error) .form-control,.page-return-order-show .form-group:not(.has-error) .form-control {
    background-color: #fff !important;
    border-color: #ccc !important;
    color: #555 !important
}

.page-cart .btn-link,.page-checkout .btn-link,.page-order-show .btn-link,.page-return-order-show .btn-link {
    color: #337ab7 !important;
    border-radius: 0 !important;
    border: 0 !important
}

.page-cart .btn-link,.page-cart .btn-link:active,.page-cart .btn-link.active,.page-cart .btn-link[disabled],.page-cart fieldset[disabled] .btn-link,.page-checkout .btn-link,.page-checkout .btn-link:active,.page-checkout .btn-link.active,.page-checkout .btn-link[disabled],.page-checkout fieldset[disabled] .btn-link,.page-order-show .btn-link,.page-order-show .btn-link:active,.page-order-show .btn-link.active,.page-order-show .btn-link[disabled],.page-order-show fieldset[disabled] .btn-link,.page-return-order-show .btn-link,.page-return-order-show .btn-link:active,.page-return-order-show .btn-link.active,.page-return-order-show .btn-link[disabled],.page-return-order-show fieldset[disabled] .btn-link {
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.page-cart .btn.btn-link:visited .btn.btn-link:not(.btn-clear):not(.btn-checkout),.page-checkout .btn.btn-link:visited .btn.btn-link:not(.btn-clear):not(.btn-checkout),.page-order-show .btn.btn-link:visited .btn.btn-link:not(.btn-clear):not(.btn-checkout),.page-return-order-show .btn.btn-link:visited .btn.btn-link:not(.btn-clear):not(.btn-checkout) {
    background-color: transparent;
    border: 0 !important;
    padding: 0 !important;
    color: #337ab7 !important
}

.page-cart .form-inline.form-inline-2,.page-checkout .form-inline.form-inline-2,.page-order-show .form-inline.form-inline-2,.page-return-order-show .form-inline.form-inline-2 {
    letter-spacing: initial
}

.page-cart .container,.page-checkout .container,.page-order-show .container,.page-return-order-show .container {
    max-width: 100%
}

.page-cart hr,.page-checkout hr,.page-order-show hr,.page-return-order-show hr {
    border-top: 1px solid #eee
}

body.checkout_v2.checkout .navbar {
    margin-top: 0
}

@media (max-width: 768px) {
    body.checkout_v2.checkout .navbar-wrapper {
        height:initial
    }
}

@media (max-width: 480px) {
    body.checkout_v2.checkout .container .container {
        padding-right:15px;
        padding-left: 15px
    }
}

@media (min-width: 480px) and (max-width: 750px) {
    body.checkout_v2.checkout .container .container {
        padding-right:15px;
        padding-left: 15px
    }
}

@media (min-width: 768px) {
    body.checkout_v2.checkout .container .container {
        width:750px
    }
}

@media (min-width: 992px) {
    body.checkout_v2.checkout .container .container {
        width:970px
    }
}

@media (min-width: 1200px) {
    body.checkout_v2.checkout .container .container {
        width:1170px
    }
}

body.checkout_v2.checkout .body-content {
    margin-bottom: none
}

body.checkout_v2.checkout .yield-wrapper {
    margin: 0 !important;
    width: 100%
}

body.checkout_v2.checkout .navbar-wrapper {
    float: none;
    position: relative;
    padding: 0;
    text-align: center
}

@media screen and (min-width: 768px) {
    body.checkout_v2.checkout .navbar-header-wrapper,body.checkout_v2.checkout .navbar {
        max-width:100%
    }
}

.new-checkout-ui .navbar .container {
    max-width: 100%
}

.alert-ask-for-login {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #EDEDED;
    background-color: white
}

.alert-ask-for-login p {
    line-height: 34px
}

.alert-ask-for-login .btn {
    min-width: 120px
}

@media screen and (max-width: 767px) {
    .alert-ask-for-login p {
        line-height:22px
    }

    .alert-ask-for-login .btn {
        min-width: 80px
    }
}

.cart-items {
    overflow: hidden
}

.cart-items:before,.cart-items:after {
    content: " ";
    display: table
}

.cart-items:after {
    clear: both
}

.cart-items .product-image {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.cart-items .variant-name {
    display: block;
    color: #777777;
    font-size: 13px
}

.cart-items .price,.cart-items .sale-price,.cart-items .original-price {
    display: block;
    text-align: center
}

.cart-items .original-price {
    font-size: 12px;
    text-decoration: line-through
}

.cart-items .btn-remove-cart-item {
    display: block;
    font-size: 17px;
    line-height: 15px;
    padding: 0;
    color: #7F7F7F !important
}

@media screen and (min-width: 768px) {
    .page-cart .table-row.addon>:first-child,.page-checkout .table-row.addon>:first-child,.page-order-show .table-row.addon>:first-child {
        padding-left:25px
    }
}

#checkout-container .shopping-cart {
    padding: 0
}

#checkout-container .shopping-cart .section-header {
    margin: 0
}

.cart-share-btn {
    color: #363D4D;
    display: inline-block;
    width: 21px;
    text-align: center
}

.cart-share-btn.disable {
    color: #ccc;
    cursor: not-allowed
}

.cart-share-btn:hover,.cart-share-btn:active {
    border-radius: 4px;
    color: #3493FB;
    background-color: rgba(230,239,255,0.4)
}

#checkout-info {
    display: none
}

#checkout-container .panel.shopping-cart-empty {
    width: 550px;
    min-height: 350px;
    max-width: 100%;
    border: 0;
    margin: 0 auto;
    text-align: center
}

#checkout-container .panel.shopping-cart-empty .fa-shopping-cart {
    font-size: 120px;
    color: #CCCCCC;
    display: block;
    text-align: center;
    padding: 10px 0
}

#checkout-container .panel.shopping-cart-empty h5 {
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    margin: 5px 0px
}

#checkout-container .panel.shopping-cart-empty .btn {
    width: 70%;
    margin-top: 30px
}

.cart-item .product-image:not([href]) {
    cursor: default
}

.cart-item .item-information .description {
    margin-left: 70px;
    word-wrap: break-word;
    margin-bottom: 5px
}

.cart-item .item-information .pre-order-note {
    color: white;
    display: inline-block;
    word-wrap: break-word;
    white-space: normal;
    padding: 3px 6px;
    font-weight: 400;
    font-size: 12px;
    border-radius: 5px;
    text-align: justify;
    background-color: #828282
}

.cart-item .item-promotion .badge {
    width: 100%;
    max-width: 150px;
    display: block;
    border-radius: 0;
    padding: 5px 0;
    font-weight: 400;
    font-size: 11px;
    background-color: #E8F8E8;
    color: #000
}

.cart-item .item-quantity .return-quantity {
    margin-top: 10px
}

.cart-item .disable {
    opacity: 0.4
}

.cart-promotions {
    margin-bottom: 10px;
    display: table;
    width: 100%;
    padding: 5px 15px
}

.cart-promotions:not(:last-child) {
    border-bottom: 1px solid #ededed
}

.cart-promotions.untriggered-promotions {
    display: block
}

.cart-promotions.untriggered-promotions a {
    text-decoration: underline;
    color: black
}

.cart-promotions .promotion {
    display: table-row
}

.cart-promotions .promotion .discount,.cart-promotions .promotion .description {
    padding-top: 5px;
    padding-bottom: 5px
}

.cart-promotions .promotion .discount a,.cart-promotions .promotion .description a {
    color: #333
}

.cart-promotions .promotion .discount a:hover,.cart-promotions .promotion .description a:hover {
    text-decoration: underline
}

.cart-promotions .badge,.cart-promotions .description,.cart-promotions .discount {
    display: table-cell;
    vertical-align: text-top
}

.cart-promotions .badge {
    width: 150px;
    border-radius: 0;
    font-weight: 400;
    font-size: 11px;
    background-color: transparent;
    padding: 0
}

.cart-promotions .badge .untriggered {
    background-color: #F3F3F3
}

.cart-promotions .badge span {
    display: block;
    background-color: #E8F8E8;
    padding: 5px 0;
    color: #000;
    font-weight: 400;
    font-size: 11px
}

.cart-promotions .discount {
    text-align: right;
    margin-left: 15px;
    min-width: 95px
}

.cart-promotions .discount span {
    display: block
}

.cart-promotions .description {
    padding: 0 15px
}

.cart-promotions .promotion.coupon {
    min-height: 50px
}

.cart-promotions .promotion.coupon .btn-remove-coupon {
    color: #C85C59;
    font-size: 12px;
    padding: 0;
    text-decoration: underline
}

#apply-credit-form {
    display: none
}

#checkout-container .alert-ask-for-login .btn-color-primary {
    border-radius: 4px
}

#checkout-container .order-summary .section-body>div {
    margin-bottom: 10px
}

#checkout-container .order-summary .total,#checkout-container .order-summary .subtotal,#checkout-container .order-summary .discount,#checkout-container .order-summary .tax-fee,#checkout-container .order-summary .applied-store-credits,#checkout-container .order-summary .delivery-fee,#checkout-container .order-summary .payment-fee {
    margin-bottom: 10px
}

#checkout-container .order-summary .total:before,#checkout-container .order-summary .total:after,#checkout-container .order-summary .subtotal:before,#checkout-container .order-summary .subtotal:after,#checkout-container .order-summary .discount:before,#checkout-container .order-summary .discount:after,#checkout-container .order-summary .tax-fee:before,#checkout-container .order-summary .tax-fee:after,#checkout-container .order-summary .applied-store-credits:before,#checkout-container .order-summary .applied-store-credits:after,#checkout-container .order-summary .delivery-fee:before,#checkout-container .order-summary .delivery-fee:after,#checkout-container .order-summary .payment-fee:before,#checkout-container .order-summary .payment-fee:after {
    content: " ";
    display: table
}

#checkout-container .order-summary .total:after,#checkout-container .order-summary .subtotal:after,#checkout-container .order-summary .discount:after,#checkout-container .order-summary .tax-fee:after,#checkout-container .order-summary .applied-store-credits:after,#checkout-container .order-summary .delivery-fee:after,#checkout-container .order-summary .payment-fee:after {
    clear: both
}

#checkout-container .order-summary .applied-store-credits .row-text {
    display: inline-block;
    width: 100%
}

#checkout-container .order-summary .applied-store-credits .user-credits-label {
    display: inline-block
}

#checkout-container .order-summary .applied-store-credits .user-credits-remaining-hint {
    color: #cecaca;
    font-size: 12px
}

#checkout-container .order-summary .applied-store-credits .error-text {
    color: #a94442
}

#checkout-container .order-summary .applied-store-credits,#checkout-container .order-summary .cart-coupon {
    margin-bottom: 10px
}

#checkout-container .order-summary .applied-store-credits .btn-toggle,#checkout-container .order-summary .cart-coupon .btn-toggle {
    padding-left: 0;
    padding-right: 0
}

#checkout-container .order-summary .cart-coupon .form-group:before,#checkout-container .order-summary .cart-coupon .form-group:after {
    content: " ";
    display: table
}

#checkout-container .order-summary .cart-coupon .form-group:after {
    clear: both
}

#checkout-container .order-summary .cart-coupon form label,#checkout-container .order-summary .applied-store-credits form label {
    display: block;
    font-weight: 400
}

#checkout-container .order-summary .cart-coupon form input,#checkout-container .order-summary .applied-store-credits form input {
    float: left;
    width: 67%
}

#checkout-container .order-summary .cart-coupon form .btn,#checkout-container .order-summary .applied-store-credits form .btn {
    float: right;
    width: 30%
}

#checkout-container .order-summary .coupon .btn-link {
    padding: 0;
    text-decoration: underline
}

#checkout-container .order-summary .total {
    font-weight: 600
}

#checkout-container .order-summary .btn-checkout {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    margin-top: 5px
}

#checkout-container .order-summary .btn-checkout.disabled {
    color: #fff !important;
    background-color: #cccccc !important;
    border-color: #c2c2c2 !important
}

#checkout-container .cart-addon {
    padding: 0
}

#checkout-container .cart-addon .section-header {
    margin: 0
}

#checkout-container .cart-addon .addon-items-row {
    white-space: nowrap;
    overflow-x: hidden
}

#checkout-container .cart-addon .addon-items-row.os-host-overflow-x {
    padding-bottom: 3px
}

#checkout-container .cart-addon .addon-items-row.section-loading-placeholder>.cart-addon-items {
    visibility: hidden;
    pointer-events: none;
    cursor: default
}

#checkout-container .cart-addon .owl-dots {
    margin-top: -5px;
    margin-bottom: 10px
}

#checkout-container .cart-addon .os-scrollbar-handle {
    background-color: #afafaf
}

#checkout-container .cart-addon .os-scrollbar-track {
    background-color: #dfdfdf
}

#checkout-container .cart-addon .section-loading-placeholder {
    background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(50%, #f0f0f0), to(#fff));
    background: linear-gradient(to right, #fff 0%, #f0f0f0 50%, #fff 100%);
    background-size: 1000px 100%;
    -webkit-animation-name: backgroundSlideShimmer;
    animation-name: backgroundSlideShimmer;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

#checkout-container .cart-addon-items {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    position: relative;
    padding: 20px 15px;
    min-height: auto
}

#checkout-container .cart-addon-items .addon-product-image {
    width: 114px;
    height: 114px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    cursor: pointer
}

#checkout-container .cart-addon-items .description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 15px;
    overflow: hidden;
    vertical-align: top
}

#checkout-container .cart-addon-items .description .addon-promotion-name {
    text-align: left;
    display: block;
    display: -webkit-box;
    max-height: 40px;
    font-size: 13px;
    margin: 0 auto;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

#checkout-container .cart-addon-items .description .addon-purchase-hint {
    margin: 0;
    padding: 3px 0;
    text-align: left;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #999999
}

#checkout-container .cart-addon-items .price {
    font-size: 14px;
    font-weight: 500;
    padding: 4px 0;
    text-align: left !important
}

#checkout-container .cart-addon-items .addon-product-quantity {
    text-align: center
}

#checkout-container .cart-addon-items .cart-addon-quantity {
    display: inline-block;
    vertical-align: middle
}

#checkout-container .cart-addon-items .btn-addon {
    width: 100%;
    padding: 6px 10px;
    border-radius: 4px;
    background-color: #000;
    color: #fff;
    font-size: 12px
}

#checkout-container .cart-addon-items .btn-addon.disabled {
    color: #fff !important;
    background-color: #cccccc !important;
    border-color: #c2c2c2 !important
}

@media screen and (max-width: 767px) {
    #checkout-container .cart-addon-items {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 30vw;
        min-width: 160px;
        padding: 15px
    }

    #checkout-container .cart-addon-items .addon-product-image {
        max-width: none;
        min-width: 130px;
        width: 100%;
        background-size: contain
    }

    #checkout-container .cart-addon-items .description {
        padding: 10px 0
    }

    #checkout-container .cart-addon-items .description .addon-purchase-hint {
        padding-bottom: 0
    }

    #checkout-container .cart-addon-items .description .price {
        padding-top: 0
    }
}

#checkout-container .cart-addon-items-overlay {
    background: rgba(255,255,255,0.9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: none
}

#checkout-container .cart-addon-items-overlay.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#checkout-container .cart-addon-items-overlay .cart-addon-items-overlay-check {
    font-size: 25px
}

.promotion-exclude-memo-icon,.promotion-excluded-item {
    color: #008edd;
    font-size: 25px
}

.promotion-exclude-memo-icon {
    position: relative;
    top: 5px;
    margin-top: -12px;
    display: inline-block
}

.promotion-excluded-item {
    position: absolute;
    margin: -3px 0 0 3px;
    cursor: pointer
}

.excluded-promotion-item-panel {
    padding: 10px 15px 10px 10px
}

.excluded-promotion-item-panel.popover.right {
    margin-left: 8px
}

.excluded-promotion-item-panel .hint-list {
    margin-left: 20px
}

.excluded-promotion-item-panel .hint-list .hint-item {
    display: list-item
}

@keyframes backgroundSlideShimmer {
    0% {
        background-position: -1000px 0
    }

    100% {
        background-position: 1000px 0
    }
}

.btn-apple-pay {
    width: 100%;
    max-width: 320px
}

.btn-google-pay {
    width: calc(50% - 30px)
}

.google-pay-wrapper {
    width: calc(50% - 60px);
    height: 40px;
    position: absolute;
    background-color: rgba(128,128,128,0.5);
    display: none
}

.google-pay-wrapper img {
    top: -3px;
    position: relative
}

.google-pay-wrapper.show {
    z-index: 10;
    display: inline-block
}

#payment-request-button.disabled {
    opacity: 0.5;
    pointer-events: none
}

.delivery-fee-notice {
    float: right;
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 5px;
    border: solid 1px #bce8f1;
    background-color: #d9edf7;
    color: #31708f;
    min-height: 52px;
    line-height: 100%;
    margin: 10px auto 0;
    padding: 0px 15px
}

.delivery-fee-notice .fa-exclamation-circle {
    margin-right: 10px
}

.page-checkout {
    padding-top: 40px
}

.page-checkout .form-group .form-control.mod-stripe {
    width: 100%;
    padding: 8px 10px
}

.page-checkout .form-group.has-error .form-control {
    border-color: #a94442 !important
}

.page-checkout .form-group.has-error .form-control.StripeElement--empty,.page-checkout .form-group.has-error .form-control.StripeElement--invalid {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important;
    border-color: #a94442 !important
}

.page-checkout [uib-datepicker-popup-wrap] {
    display: inline-block
}

.page-checkout .hidden-group {
    display: none
}

.page-cart,.page-checkout,.page-order-show,.page-apply-return,.page-return-order-show {
    background-color: #F8F8FA
}

.page-cart .intl-tel-input,.page-checkout .intl-tel-input,.page-order-show .intl-tel-input,.page-apply-return .intl-tel-input,.page-return-order-show .intl-tel-input {
    z-index: 30
}

.page-cart .order-customer-phone-select-wrapper #order-customer-phone,.page-checkout .order-customer-phone-select-wrapper #order-customer-phone,.page-order-show .order-customer-phone-select-wrapper #order-customer-phone,.page-apply-return .order-customer-phone-select-wrapper #order-customer-phone,.page-return-order-show .order-customer-phone-select-wrapper #order-customer-phone {
    display: inline-block
}

.page-cart .order-customer-phone-select-wrapper #order-customer-phone.has-country-selector,.page-checkout .order-customer-phone-select-wrapper #order-customer-phone.has-country-selector,.page-order-show .order-customer-phone-select-wrapper #order-customer-phone.has-country-selector,.page-apply-return .order-customer-phone-select-wrapper #order-customer-phone.has-country-selector,.page-return-order-show .order-customer-phone-select-wrapper #order-customer-phone.has-country-selector {
    width: 90%
}

.page-cart .order-customer-phone-select-wrapper .contry-content,.page-checkout .order-customer-phone-select-wrapper .contry-content,.page-order-show .order-customer-phone-select-wrapper .contry-content,.page-apply-return .order-customer-phone-select-wrapper .contry-content,.page-return-order-show .order-customer-phone-select-wrapper .contry-content {
    margin-left: 15px
}

.page-cart .order-customer-phone-select-wrapper .intl-tel-input,.page-checkout .order-customer-phone-select-wrapper .intl-tel-input,.page-order-show .order-customer-phone-select-wrapper .intl-tel-input,.page-apply-return .order-customer-phone-select-wrapper .intl-tel-input,.page-return-order-show .order-customer-phone-select-wrapper .intl-tel-input {
    width: 9%;
    right: 7px
}

.page-cart .order-customer-phone-input-wrap,.page-checkout .order-customer-phone-input-wrap,.page-order-show .order-customer-phone-input-wrap,.page-apply-return .order-customer-phone-input-wrap,.page-return-order-show .order-customer-phone-input-wrap {
    margin-top: 15px
}

.page-cart .cart-summary,.page-checkout .cart-summary,.page-order-show .cart-summary,.page-apply-return .cart-summary,.page-return-order-show .cart-summary {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    overflow: hidden
}

.page-cart .cart-summary h3.summary-header,.page-checkout .cart-summary h3.summary-header,.page-order-show .cart-summary h3.summary-header,.page-apply-return .cart-summary h3.summary-header,.page-return-order-show .cart-summary h3.summary-header {
    margin: 5px 0;
    font-size: 20px;
    font-weight: 600;
    text-align: center
}

.page-cart .cart-summary h5.summary-header,.page-checkout .cart-summary h5.summary-header,.page-order-show .cart-summary h5.summary-header,.page-apply-return .cart-summary h5.summary-header,.page-return-order-show .cart-summary h5.summary-header {
    margin: 5px;
    font-size: 16px;
    text-align: center
}

.page-cart .cart-summary h5.summary-header .fa,.page-checkout .cart-summary h5.summary-header .fa,.page-order-show .cart-summary h5.summary-header .fa,.page-apply-return .cart-summary h5.summary-header .fa,.page-return-order-show .cart-summary h5.summary-header .fa {
    line-height: 18px
}

.page-cart .cart-summary .shopping-cart,.page-checkout .cart-summary .shopping-cart,.page-order-show .cart-summary .shopping-cart,.page-apply-return .cart-summary .shopping-cart,.page-return-order-show .cart-summary .shopping-cart {
    margin: 0 -15px;
    border-left: 0;
    border-right: 0
}

.page-cart .cart-summary .shopping-cart .cart-items .item-total,.page-cart .cart-summary .shopping-cart .cart-items .item-total .price,.page-checkout .cart-summary .shopping-cart .cart-items .item-total,.page-checkout .cart-summary .shopping-cart .cart-items .item-total .price,.page-order-show .cart-summary .shopping-cart .cart-items .item-total,.page-order-show .cart-summary .shopping-cart .cart-items .item-total .price,.page-apply-return .cart-summary .shopping-cart .cart-items .item-total,.page-apply-return .cart-summary .shopping-cart .cart-items .item-total .price,.page-return-order-show .cart-summary .shopping-cart .cart-items .item-total,.page-return-order-show .cart-summary .shopping-cart .cart-items .item-total .price {
    text-align: right
}

.page-cart .cart-summary .order-summary,.page-checkout .cart-summary .order-summary,.page-order-show .cart-summary .order-summary,.page-apply-return .cart-summary .order-summary,.page-return-order-show .cart-summary .order-summary {
    padding-top: 15px;
    margin: 0 -15px
}

.page-cart .cart-summary .panel-header,.page-checkout .cart-summary .panel-header,.page-order-show .cart-summary .panel-header,.page-apply-return .cart-summary .panel-header,.page-return-order-show .cart-summary .panel-header {
    padding: 20px
}

.page-cart .cart-summary .panel-header .fa,.page-checkout .cart-summary .panel-header .fa,.page-order-show .cart-summary .panel-header .fa,.page-apply-return .cart-summary .panel-header .fa,.page-return-order-show .cart-summary .panel-header .fa {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 20px;
    height: 20px;
    font-size: 20px
}

.page-cart .cart-summary .panel-body,.page-checkout .cart-summary .panel-body,.page-order-show .cart-summary .panel-body,.page-apply-return .cart-summary .panel-body,.page-return-order-show .cart-summary .panel-body {
    padding-top: 0;
    padding-bottom: 0
}

.page-cart .cart-summary .panel-footer,.page-checkout .cart-summary .panel-footer,.page-order-show .cart-summary .panel-footer,.page-apply-return .cart-summary .panel-footer,.page-return-order-show .cart-summary .panel-footer {
    background-color: white;
    border-top: 1px solid #EDEDED;
    padding: 10px;
    font-size: 25px
}

.page-cart .tax-fee-notice,.page-checkout .tax-fee-notice,.page-order-show .tax-fee-notice,.page-apply-return .tax-fee-notice,.page-return-order-show .tax-fee-notice {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: solid 1px #bce8f1;
    background-color: #d9edf7;
    color: #31708f;
    min-height: 52px;
    line-height: 100%;
    margin: 10px auto 0;
    width: 100px
}

.page-cart .product-review-block .panel-header,.page-checkout .product-review-block .panel-header,.page-order-show .product-review-block .panel-header,.page-apply-return .product-review-block .panel-header,.page-return-order-show .product-review-block .panel-header {
    padding: 15px
}

.page-cart .product-review-block .product-review-description .product-review-description-title,.page-checkout .product-review-block .product-review-description .product-review-description-title,.page-order-show .product-review-block .product-review-description .product-review-description-title,.page-apply-return .product-review-block .product-review-description .product-review-description-title,.page-return-order-show .product-review-block .product-review-description .product-review-description-title {
    text-align: left;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 600
}

.page-cart .product-review-block .product-review-description .product-review-description-content,.page-checkout .product-review-block .product-review-description .product-review-description-content,.page-order-show .product-review-block .product-review-description .product-review-description-content,.page-apply-return .product-review-block .product-review-description .product-review-description-content,.page-return-order-show .product-review-block .product-review-description .product-review-description-content {
    text-align: left;
    margin-left: 0px;
    margin-top: 3px;
    margin-bottom: 0px
}

.page-cart .product-review-block .product-review-button,.page-checkout .product-review-block .product-review-button,.page-order-show .product-review-block .product-review-button,.page-apply-return .product-review-block .product-review-button,.page-return-order-show .product-review-block .product-review-button {
    position: absolute;
    right: 40px;
    top: 25px;
    padding: 0;
    margin-top: inherit
}

.page-cart .cart-summary.collapsed .panel-header .fa,.page-checkout .cart-summary.collapsed .panel-header .fa,.page-order-show .cart-summary.collapsed .panel-header .fa,.page-apply-return .cart-summary.collapsed .panel-header .fa,.page-return-order-show .cart-summary.collapsed .panel-header .fa {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.page-cart .delivery-form label[for="order-delivery-location-code"],.page-checkout .delivery-form label[for="order-delivery-location-code"],.page-order-show .delivery-form label[for="order-delivery-location-code"],.page-apply-return .delivery-form label[for="order-delivery-location-code"],.page-return-order-show .delivery-form label[for="order-delivery-location-code"] {
    line-height: 26px;
    margin-bottom: 10px
}

.page-cart .delivery-form label[for="order-delivery-location-code"] img,.page-checkout .delivery-form label[for="order-delivery-location-code"] img,.page-order-show .delivery-form label[for="order-delivery-location-code"] img,.page-apply-return .delivery-form label[for="order-delivery-location-code"] img,.page-return-order-show .delivery-form label[for="order-delivery-location-code"] img {
    height: 26px;
    margin-right: 5px
}

.page-cart .delivery-form .form-group.radio label,.page-checkout .delivery-form .form-group.radio label,.page-order-show .delivery-form .form-group.radio label,.page-apply-return .delivery-form .form-group.radio label,.page-return-order-show .delivery-form .form-group.radio label {
    width: 100%
}

.page-cart .delivery-form #recipient-name.form-control[disabled],.page-cart .delivery-form #recipient-phone.form-control[disabled],.page-checkout .delivery-form #recipient-name.form-control[disabled],.page-checkout .delivery-form #recipient-phone.form-control[disabled],.page-order-show .delivery-form #recipient-name.form-control[disabled],.page-order-show .delivery-form #recipient-phone.form-control[disabled],.page-apply-return .delivery-form #recipient-name.form-control[disabled],.page-apply-return .delivery-form #recipient-phone.form-control[disabled],.page-return-order-show .delivery-form #recipient-name.form-control[disabled],.page-return-order-show .delivery-form #recipient-phone.form-control[disabled] {
    background-color: #F1F1F1 !important;
    color: #999999 !important
}

.page-cart .delivery-form .arrival-time-title,.page-checkout .delivery-form .arrival-time-title,.page-order-show .delivery-form .arrival-time-title,.page-apply-return .delivery-form .arrival-time-title,.page-return-order-show .delivery-form .arrival-time-title {
    font-weight: 500;
    margin-bottom: 10px;
    color: #555
}

.page-cart .delivery-form .arrival-time-description,.page-checkout .delivery-form .arrival-time-description,.page-order-show .delivery-form .arrival-time-description,.page-apply-return .delivery-form .arrival-time-description,.page-return-order-show .delivery-form .arrival-time-description {
    color: #666
}

.page-cart .delivery-form .date-picker,.page-checkout .delivery-form .date-picker,.page-order-show .delivery-form .date-picker,.page-apply-return .delivery-form .date-picker,.page-return-order-show .delivery-form .date-picker {
    padding-top: 5px
}

.page-cart .delivery-form .date-picker .date-picker-title,.page-checkout .delivery-form .date-picker .date-picker-title,.page-order-show .delivery-form .date-picker .date-picker-title,.page-apply-return .delivery-form .date-picker .date-picker-title,.page-return-order-show .delivery-form .date-picker .date-picker-title {
    font-weight: 500;
    margin-bottom: 10px
}

.page-cart .delivery-form .date-picker input,.page-checkout .delivery-form .date-picker input,.page-order-show .delivery-form .date-picker input,.page-apply-return .delivery-form .date-picker input,.page-return-order-show .delivery-form .date-picker input {
    display: inline-block;
    width: calc(100% - 40px);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.page-cart .delivery-form .date-picker button,.page-checkout .delivery-form .date-picker button,.page-order-show .delivery-form .date-picker button,.page-apply-return .delivery-form .date-picker button,.page-return-order-show .delivery-form .date-picker button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    vertical-align: bottom
}

.page-cart .delivery-form .date-picker thead .btn-default,.page-cart .delivery-form .date-picker tbody td button,.page-checkout .delivery-form .date-picker thead .btn-default,.page-checkout .delivery-form .date-picker tbody td button,.page-order-show .delivery-form .date-picker thead .btn-default,.page-order-show .delivery-form .date-picker tbody td button,.page-apply-return .delivery-form .date-picker thead .btn-default,.page-apply-return .delivery-form .date-picker tbody td button,.page-return-order-show .delivery-form .date-picker thead .btn-default,.page-return-order-show .delivery-form .date-picker tbody td button {
    border: 0
}

.page-cart .delivery-form .date-picker tbody td button.active.btn-default,.page-checkout .delivery-form .date-picker tbody td button.active.btn-default,.page-order-show .delivery-form .date-picker tbody td button.active.btn-default,.page-apply-return .delivery-form .date-picker tbody td button.active.btn-default,.page-return-order-show .delivery-form .date-picker tbody td button.active.btn-default {
    border-radius: 4px;
    background-color: #2B60AB !important;
    color: #EEE !important
}

.page-cart .delivery-form .date-picker tbody td button[disabled],.page-checkout .delivery-form .date-picker tbody td button[disabled],.page-order-show .delivery-form .date-picker tbody td button[disabled],.page-apply-return .delivery-form .date-picker tbody td button[disabled],.page-return-order-show .delivery-form .date-picker tbody td button[disabled] {
    text-decoration: line-through;
    opacity: 0.3
}

.page-cart .delivery-form .date-picker .dropdown-menu,.page-checkout .delivery-form .date-picker .dropdown-menu,.page-order-show .delivery-form .date-picker .dropdown-menu,.page-apply-return .delivery-form .date-picker .dropdown-menu,.page-return-order-show .delivery-form .date-picker .dropdown-menu {
    padding: 10px
}

.page-cart .delivery-form .date-picker .dropdown-menu>li>div>table:focus,.page-checkout .delivery-form .date-picker .dropdown-menu>li>div>table:focus,.page-order-show .delivery-form .date-picker .dropdown-menu>li>div>table:focus,.page-apply-return .delivery-form .date-picker .dropdown-menu>li>div>table:focus,.page-return-order-show .delivery-form .date-picker .dropdown-menu>li>div>table:focus {
    outline: none
}

.page-cart .delivery-form .time-slots,.page-checkout .delivery-form .time-slots,.page-order-show .delivery-form .time-slots,.page-apply-return .delivery-form .time-slots,.page-return-order-show .delivery-form .time-slots {
    padding-top: 5px
}

.page-cart .delivery-form .time-slots .time-slots-title,.page-checkout .delivery-form .time-slots .time-slots-title,.page-order-show .delivery-form .time-slots .time-slots-title,.page-apply-return .delivery-form .time-slots .time-slots-title,.page-return-order-show .delivery-form .time-slots .time-slots-title {
    font-weight: 500;
    margin-bottom: 10px
}

.page-cart .invoice-form #donation-unit,.page-checkout .invoice-form #donation-unit,.page-order-show .invoice-form #donation-unit,.page-apply-return .invoice-form #donation-unit,.page-return-order-show .invoice-form #donation-unit {
    line-height: 34px
}

.page-cart .additional-form .checkbox,.page-checkout .additional-form .checkbox,.page-order-show .additional-form .checkbox,.page-apply-return .additional-form .checkbox,.page-return-order-show .additional-form .checkbox {
    float: none
}

.page-cart .additional-form .checkbox a,.page-checkout .additional-form .checkbox a,.page-order-show .additional-form .checkbox a,.page-apply-return .additional-form .checkbox a,.page-return-order-show .additional-form .checkbox a {
    color: #337ab7
}

.page-cart .additional-form .form-group.checkbox.has-error input,.page-checkout .additional-form .form-group.checkbox.has-error input,.page-order-show .additional-form .form-group.checkbox.has-error input,.page-apply-return .additional-form .form-group.checkbox.has-error input,.page-return-order-show .additional-form .form-group.checkbox.has-error input {
    outline: 1px solid #a94442
}

.page-cart .additional-form .checkbox:first-child,.page-checkout .additional-form .checkbox:first-child,.page-order-show .additional-form .checkbox:first-child,.page-apply-return .additional-form .checkbox:first-child,.page-return-order-show .additional-form .checkbox:first-child {
    margin-top: 0
}

.page-cart .additional-form .checkbox:last-child,.page-checkout .additional-form .checkbox:last-child,.page-order-show .additional-form .checkbox:last-child,.page-apply-return .additional-form .checkbox:last-child,.page-return-order-show .additional-form .checkbox:last-child {
    margin-bottom: 0
}

.page-cart .panel-place-order>.panel-body,.page-checkout .panel-place-order>.panel-body,.page-order-show .panel-place-order>.panel-body,.page-apply-return .panel-place-order>.panel-body,.page-return-order-show .panel-place-order>.panel-body {
    padding-left: calc(50% + 30px)
}

.page-cart .btn-default.btn-pick-store,.page-checkout .btn-default.btn-pick-store,.page-order-show .btn-default.btn-pick-store,.page-apply-return .btn-default.btn-pick-store,.page-return-order-show .btn-default.btn-pick-store {
    background-color: #9DAAB0;
    color: white;
    font-weight: 600;
    border: 0
}

.page-cart .panel-place-order .panel-footer,.page-checkout .panel-place-order .panel-footer,.page-order-show .panel-place-order .panel-footer,.page-apply-return .panel-place-order .panel-footer,.page-return-order-show .panel-place-order .panel-footer {
    background-color: white;
    border-top: 1px solid #EDEDED;
    line-height: 45px;
    padding: 20px 15px
}

.page-cart .panel-place-order .panel-footer:before,.page-cart .panel-place-order .panel-footer:after,.page-checkout .panel-place-order .panel-footer:before,.page-checkout .panel-place-order .panel-footer:after,.page-order-show .panel-place-order .panel-footer:before,.page-order-show .panel-place-order .panel-footer:after,.page-apply-return .panel-place-order .panel-footer:before,.page-apply-return .panel-place-order .panel-footer:after,.page-return-order-show .panel-place-order .panel-footer:before,.page-return-order-show .panel-place-order .panel-footer:after {
    content: " ";
    display: table
}

.page-cart .panel-place-order .panel-footer:after,.page-checkout .panel-place-order .panel-footer:after,.page-order-show .panel-place-order .panel-footer:after,.page-apply-return .panel-place-order .panel-footer:after,.page-return-order-show .panel-place-order .panel-footer:after {
    clear: both
}

.page-cart .panel-place-order .btn.btn-link,.page-checkout .panel-place-order .btn.btn-link,.page-order-show .panel-place-order .btn.btn-link,.page-apply-return .panel-place-order .btn.btn-link,.page-return-order-show .panel-place-order .btn.btn-link {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 500
}

.page-cart .panel-place-order .btn-place-order,.page-cart .panel-place-order .btn-validate-order,.page-checkout .panel-place-order .btn-place-order,.page-checkout .panel-place-order .btn-validate-order,.page-order-show .panel-place-order .btn-place-order,.page-order-show .panel-place-order .btn-validate-order,.page-apply-return .panel-place-order .btn-place-order,.page-apply-return .panel-place-order .btn-validate-order,.page-return-order-show .panel-place-order .btn-place-order,.page-return-order-show .panel-place-order .btn-validate-order {
    width: calc(50% - 30px)
}

.page-cart .panel-place-order .tax-fee,.page-checkout .panel-place-order .tax-fee,.page-order-show .panel-place-order .tax-fee,.page-apply-return .panel-place-order .tax-fee,.page-return-order-show .panel-place-order .tax-fee {
    width: calc(50% - 30px);
    margin-left: calc(50% + 30px)
}

.page-cart .panel-place-order .tax-calculate,.page-checkout .panel-place-order .tax-calculate,.page-order-show .panel-place-order .tax-calculate,.page-apply-return .panel-place-order .tax-calculate,.page-return-order-show .panel-place-order .tax-calculate {
    display: flex;
    align-items: center;
    justify-content: center
}

.page-cart .panel-place-order .tax-calculate .loading-icon,.page-checkout .panel-place-order .tax-calculate .loading-icon,.page-order-show .panel-place-order .tax-calculate .loading-icon,.page-apply-return .panel-place-order .tax-calculate .loading-icon,.page-return-order-show .panel-place-order .tax-calculate .loading-icon {
    display: block !important
}

.page-cart .panel-place-order .tax-calculate i,.page-checkout .panel-place-order .tax-calculate i,.page-order-show .panel-place-order .tax-calculate i,.page-apply-return .panel-place-order .tax-calculate i,.page-return-order-show .panel-place-order .tax-calculate i {
    font-size: 14px;
    color: #f595a2;
    margin-right: 5px;
    line-height: 45px
}

.page-cart .panel-place-order .tax-calculate a,.page-checkout .panel-place-order .tax-calculate a,.page-order-show .panel-place-order .tax-calculate a,.page-apply-return .panel-place-order .tax-calculate a,.page-return-order-show .panel-place-order .tax-calculate a {
    margin: 0 5px
}

.page-cart .form-inline.form-inline-2>*,.page-checkout .form-inline.form-inline-2>*,.page-order-show .form-inline.form-inline-2>*,.page-apply-return .form-inline.form-inline-2>*,.page-return-order-show .form-inline.form-inline-2>* {
    display: inline-block;
    vertical-align: top
}

.page-cart .form-inline.form-inline-2>*:first-child,.page-checkout .form-inline.form-inline-2>*:first-child,.page-order-show .form-inline.form-inline-2>*:first-child,.page-apply-return .form-inline.form-inline-2>*:first-child,.page-return-order-show .form-inline.form-inline-2>*:first-child {
    margin-right: 2%;
    width: 49%
}

.page-cart .form-inline.form-inline-2>*:last-child,.page-checkout .form-inline.form-inline-2>*:last-child,.page-order-show .form-inline.form-inline-2>*:last-child,.page-apply-return .form-inline.form-inline-2>*:last-child,.page-return-order-show .form-inline.form-inline-2>*:last-child {
    margin-left: -5px;
    width: 49%
}

.page-cart .form-inline.form-inline-2>.form-group input,.page-cart .form-inline.form-inline-2>.form-group select,.page-checkout .form-inline.form-inline-2>.form-group input,.page-checkout .form-inline.form-inline-2>.form-group select,.page-order-show .form-inline.form-inline-2>.form-group input,.page-order-show .form-inline.form-inline-2>.form-group select,.page-apply-return .form-inline.form-inline-2>.form-group input,.page-apply-return .form-inline.form-inline-2>.form-group select,.page-return-order-show .form-inline.form-inline-2>.form-group input,.page-return-order-show .form-inline.form-inline-2>.form-group select {
    width: 100%
}

.page-cart .customer-form .btn.btn-link.btn-login,.page-checkout .customer-form .btn.btn-link.btn-login,.page-order-show .customer-form .btn.btn-link.btn-login,.page-apply-return .customer-form .btn.btn-link.btn-login,.page-return-order-show .customer-form .btn.btn-link.btn-login {
    margin-bottom: 3px;
    padding-left: 0;
    padding-right: 0
}

.page-cart .three-layer-address-form .sl-delivery-address-postcode,.page-checkout .three-layer-address-form .sl-delivery-address-postcode,.page-order-show .three-layer-address-form .sl-delivery-address-postcode,.page-apply-return .three-layer-address-form .sl-delivery-address-postcode,.page-return-order-show .three-layer-address-form .sl-delivery-address-postcode {
    width: 100%;
    height: 34px;
    padding-left: 8px
}

.page-cart .email-required,.page-checkout .email-required,.page-order-show .email-required,.page-apply-return .email-required,.page-return-order-show .email-required {
    color: #337ab7
}

.page-cart input:disabled+span,.page-checkout input:disabled+span,.page-order-show input:disabled+span,.page-apply-return input:disabled+span,.page-return-order-show input:disabled+span {
    color: #ccc
}

.payment-body {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 30px;
    background-color: #f8f8f8
}

.payment-container {
    background-color: #fff;
    border: solid 1px #e7e7e7;
    padding: 30px 0 50px 30px;
    max-width: 1170px;
    width: 100%;
    overflow: auto;
    display: flex;
    flex-direction: column;
    height: fit-content
}

.payment-container .merchant-logo-container {
    height: 80px;
    display: flex;
    justify-content: center;
    margin-bottom: 30px
}

.payment-container .merchant-logo,.payment-container .merchant-logo-mobile {
    width: 370px;
    height: 80px;
    text-align: center;
    width: fit-content
}

.payment-container .merchant-logo img,.payment-container .merchant-logo-mobile img {
    height: 100%
}

.payment-container .merchant-logo-mobile {
    display: none
}

.payment-container .fpx-selector-container {
    display: flex;
    border-radius: 2px;
    border: solid 1px #ccc;
    align-items: center;
    height: 38px
}

.payment-container .fpx-selector-container #fpx-bank-element {
    flex: 7
}

.payment-container .fpx-selector-container .fpx-logo {
    flex: 3;
    display: flex;
    justify-content: center;
    height: 36px
}

.payment-container .fpx-selector-container .fpx-right-border {
    width: 1px;
    background-color: #ccc;
    height: 23px
}

.payment-container .payment-main-container {
    display: flex;
    height: 100%
}

.payment-container .payment-introduce {
    flex: 1;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    display: flex;
    border-right: solid 1px #e7e7e7
}

.payment-container .payment-introduce-container {
    width: 67%;
    padding-bottom: 10px;
    text-align: center
}

.payment-container .payment-introduce-container .introduce-piecure {
    display: inline-block;
    width: 240px;
    height: 240px
}

.payment-container .payment-introduce-container .introduce-piecure img {
    height: 100%
}

.payment-container .payment-introduce-container .introduce-text {
    margin-top: 10px
}

.payment-container .payment-form {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

.payment-container .payment-form .payment-form-container {
    max-width: 410px
}

.payment-container .payment-form .payment-description {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    border-radius: 6px;
    background-color: #f8f8f8;
    padding: 16px 20px
}

.payment-container .payment-form .payment-description .clock-logo {
    width: 28px;
    height: 28px;
    margin-right: 13px
}

.payment-container .payment-form .payment-description .clock-logo img {
    height: 100%
}

.payment-container .payment-form .payment-bank-selector {
    margin-bottom: 20px
}

.payment-container .payment-form .submit-btn {
    width: 100%
}

.payment-container .ElementsApp--isSecondaryFrame>div {
    margin-top: -1px
}

.payment-container .error-message {
    display: none
}

@media screen and (max-width: 968px) {
    .payment-container {
        padding:15px
    }

    .payment-container .payment-body {
        overflow: auto
    }

    .payment-container .payment-main-container {
        flex-direction: column;
        align-items: center;
        max-width: unset;
        width: 100%;
        height: auto
    }

    .payment-container .payment-introduce-container {
        width: fit-content
    }

    .payment-container .introduce-text {
        display: none
    }

    .payment-container .payment-introduce {
        display: none
    }

    .payment-container .payment-form .payment-form-container {
        padding-left: 0;
        flex-direction: unset;
        max-width: unset
    }

    .payment-container .payment-form .payment-description {
        justify-content: center;
        margin-bottom: 15px;
        margin-top: 10px
    }

    .payment-container .merchant-logo-container {
        height: 40px
    }

    .payment-container .merchant-logo-container img {
        height: 40px
    }

    .payment-container .error-message {
        text-align: center
    }

    .payment-container .merchant-logo-mobile {
        display: block
    }

    .payment-container .merchant-logo {
        display: none
    }
}

.checkout-shopline-payment-form .ui-pnotify {
    color: white;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,0.19);
    background-color: rgba(43,52,61,0.9);
    font-weight: normal
}

.checkout-shopline-payment-form .ui-pnotify .ui-pnotify-container {
    display: flex;
    align-items: center
}

.checkout-shopline-payment-form .ui-pnotify.success .ui-pnotify-icon {
    font-size: 20px;
    color: #90ee90
}

.checkout-shopline-payment-form .ui-pnotify.success .ui-pnotify-title {
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 3px
}

.checkout-shopline-payment-form .ui-pnotify.error .ui-pnotify-icon {
    font-size: 20px;
    color: #ffc0cb
}

.checkout-shopline-payment-form .ui-pnotify.error .ui-pnotify-title {
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 3px
}

.checkout-payment-form .input-container {
    display: flex;
    align-items: center;
    border: solid 1px #cccccc;
    padding: 6px 12px;
    border-radius: 3px
}

.checkout-payment-form .input-container.error {
    border: solid 1px #c94f1c
}

.checkout-payment-form .title-text {
    color: #555;
    margin-bottom: 5px;
    display: inline-block
}

.checkout-payment-form .card-number-frame,.checkout-payment-form .expiry-date-frame,.checkout-payment-form .cvv-frame {
    height: 24px;
    padding-left: 6px
}

.checkout-payment-form .icon-container {
    display: flex;
    margin-right: 8px
}

.checkout-payment-form .expiry-date-container {
    margin-right: 16px
}

.checkout-payment-form .date-and-code {
    display: flex;
    margin-bottom: 20px
}

.checkout-payment-form .card-number-container {
    margin-bottom: 20px
}

.checkout-payment-form .card-number {
    display: flex
}

.checkout-payment-form .cvv-description {
    margin-top: 5px;
    display: block;
    color: #555
}

.checkout-payment-form .error-text {
    color: #c94f1c;
    margin-top: 4px
}

.payment-description-text {
    color: #9a9a9a;
    text-align: center;
    margin-top: 40px
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.page-cart .confirm-message>div,.page-checkout .confirm-message>div,.page-order-show .confirm-message>div {
    display: inline-block
}

.page-cart .confirm-message,.page-checkout .confirm-message,.page-order-show .confirm-message {
    display: inline-block;
    max-width: 100%;
    padding-left: 110px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 50%;
    transform: translateX(-50%)
}

.page-cart .confirm-message:before,.page-cart .confirm-message:after,.page-checkout .confirm-message:before,.page-checkout .confirm-message:after,.page-order-show .confirm-message:before,.page-order-show .confirm-message:after {
    content: " ";
    display: table
}

.page-cart .confirm-message:after,.page-checkout .confirm-message:after,.page-order-show .confirm-message:after {
    clear: both
}

.page-cart .confirm-message .fa,.page-checkout .confirm-message .fa,.page-order-show .confirm-message .fa {
    line-height: 100px;
    color: green;
    margin-left: -110px;
    text-align: center;
    font-size: 38px;
    font-weight: 300;
    border: 5px solid green;
    line-height: 51px;
    border-radius: 50%;
    width: 60px;
    height: 60px
}

.page-cart .confirm-message h4,.page-checkout .confirm-message h4,.page-order-show .confirm-message h4 {
    margin-bottom: 5px
}

.page-cart .confirm-message p,.page-checkout .confirm-message p,.page-order-show .confirm-message p {
    line-height: 18px;
    margin-bottom: 15px
}

.page-cart .shipped-message,.page-checkout .shipped-message,.page-order-show .shipped-message {
    display: inline-block;
    max-width: 100%;
    padding-left: 110px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 50%;
    transform: translateX(-50%)
}

.page-cart .shipped-message:before,.page-cart .shipped-message:after,.page-checkout .shipped-message:before,.page-checkout .shipped-message:after,.page-order-show .shipped-message:before,.page-order-show .shipped-message:after {
    content: " ";
    display: table
}

.page-cart .shipped-message:after,.page-checkout .shipped-message:after,.page-order-show .shipped-message:after {
    clear: both
}

.page-cart .shipped-message .fa,.page-checkout .shipped-message .fa,.page-order-show .shipped-message .fa {
    line-height: 100px;
    margin-left: -110px;
    text-align: center;
    font-size: 38px;
    font-weight: 300;
    border: 5px solid green;
    line-height: 51px;
    border-radius: 50%;
    width: 60px;
    height: 60px
}

.page-cart .shipped-message h4,.page-checkout .shipped-message h4,.page-order-show .shipped-message h4 {
    line-height: 100px;
    margin: 0
}

.page-cart .order-detail-section,.page-cart .order-notification-section,.page-checkout .order-detail-section,.page-checkout .order-notification-section,.page-order-show .order-detail-section,.page-order-show .order-notification-section {
    margin: 0 0 15px 0
}

.page-cart .order-detail-section.delivery-detail .row span:nth-child(1),.page-checkout .order-detail-section.delivery-detail .row span:nth-child(1),.page-order-show .order-detail-section.delivery-detail .row span:nth-child(1) {
    word-break: normal
}

.page-cart .panel-order-info form[name="commentForm"],.page-checkout .panel-order-info form[name="commentForm"],.page-order-show .panel-order-info form[name="commentForm"] {
    margin-bottom: 15px
}

.page-cart .panel-order-info h4,.page-checkout .panel-order-info h4,.page-order-show .panel-order-info h4 {
    font-weight: 600
}

.page-cart .panel-order-info .panel-body>.row,.page-checkout .panel-order-info .panel-body>.row,.page-order-show .panel-order-info .panel-body>.row {
    word-break: break-all
}

.page-cart .panel-order-info .panel-footer,.page-checkout .panel-order-info .panel-footer,.page-order-show .panel-order-info .panel-footer {
    padding: 15px;
    background-color: white
}

.page-cart .panel-order-info .panel-footer:before,.page-cart .panel-order-info .panel-footer:after,.page-checkout .panel-order-info .panel-footer:before,.page-checkout .panel-order-info .panel-footer:after,.page-order-show .panel-order-info .panel-footer:before,.page-order-show .panel-order-info .panel-footer:after {
    content: " ";
    display: table
}

.page-cart .panel-order-info .panel-footer:after,.page-checkout .panel-order-info .panel-footer:after,.page-order-show .panel-order-info .panel-footer:after {
    clear: both
}

.page-cart .panel-order-info .delivery-detail>.row>span:first-child,.page-checkout .panel-order-info .delivery-detail>.row>span:first-child,.page-order-show .panel-order-info .delivery-detail>.row>span:first-child {
    padding-right: 14px
}

.page-cart .panel-order-info .link,.page-checkout .panel-order-info .link,.page-order-show .panel-order-info .link {
    color: #337ab7;
    text-decoration: underline
}

.page-cart .order-hint-section,.page-checkout .order-hint-section,.page-order-show .order-hint-section {
    padding: 10px 15px 6px 15px
}

.page-cart .order-hint-section .alert.hint,.page-checkout .order-hint-section .alert.hint,.page-order-show .order-hint-section .alert.hint {
    display: inline-block;
    margin: 0;
    font-size: 14px
}

.page-cart .order-hint-section .alert.hint i.fa,.page-checkout .order-hint-section .alert.hint i.fa,.page-order-show .order-hint-section .alert.hint i.fa {
    font-size: 15px
}

.page-cart .panel-check-order,.page-checkout .panel-check-order,.page-order-show .panel-check-order {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.page-cart .panel-check-order .panel-check-order-title,.page-checkout .panel-check-order .panel-check-order-title,.page-order-show .panel-check-order .panel-check-order-title {
    margin-top: 0
}

.page-cart .btn-continue-shopping,.page-checkout .btn-continue-shopping,.page-order-show .btn-continue-shopping {
    min-width: 45%
}

.page-cart .chat-widget>.padding-md,.page-checkout .chat-widget>.padding-md,.page-order-show .chat-widget>.padding-md {
    padding: 0
}

.page-cart .chat-widget+.box-body,.page-checkout .chat-widget+.box-body,.page-order-show .chat-widget+.box-body {
    margin: 0 !important
}

.modal-confirm .modal-header {
    border: none
}

.modal-confirm .modal-body h5 {
    font-size: 18px;
    letter-spacing: 0.3px;
    color: #333333;
    padding: 20px 0
}

.modal-confirm .modal-footer {
    border: none;
    padding: 0 10px 10px;
    font-size: 14px
}

.modal-confirm .modal-footer button {
    display: inline-block;
    height: 32px;
    border-radius: 3px;
    width: 80px;
    letter-spacing: 0.5px
}

.modal-confirm .modal-footer .btn-cancel {
    background-color: #ffffff;
    border: solid 1px #cccccc;
    color: #666666
}

.modal-confirm .modal-footer .btn-confirm {
    background-color: #c93020;
    border: solid 1px #c93020;
    color: #ffffff
}

.page-cart,.page-checkout,.page-order-show,.page-apply-return,.page-return-order-show {
    font-size: 14px
}

@media (max-width: 480px) {
    .page-cart .container,.page-checkout .container,.page-order-show .container,.page-apply-return .container,.page-return-order-show .container {
        padding-right:15px;
        padding-left: 15px
    }
}

@media (min-width: 480px) and (max-width: 750px) {
    .page-cart .container,.page-checkout .container,.page-order-show .container,.page-apply-return .container,.page-return-order-show .container {
        padding-right:15px;
        padding-left: 15px
    }
}

@media (min-width: 768px) {
    .page-cart .container,.page-checkout .container,.page-order-show .container,.page-apply-return .container,.page-return-order-show .container {
        width:750px
    }
}

@media (min-width: 992px) {
    .page-cart .container,.page-checkout .container,.page-order-show .container,.page-apply-return .container,.page-return-order-show .container {
        width:970px
    }
}

@media (min-width: 1200px) {
    .page-cart .container,.page-checkout .container,.page-order-show .container,.page-apply-return .container,.page-return-order-show .container {
        width:1170px
    }
}

@media (max-width: 480px) {
    .page-cart .row,.page-checkout .row,.page-order-show .row,.page-apply-return .row,.page-return-order-show .row {
        margin-left:-15px;
        margin-right: -15px;
        width: auto
    }
}

@media (min-width: 480px) and (max-width: 750px) {
    .page-cart .row,.page-checkout .row,.page-order-show .row,.page-apply-return .row,.page-return-order-show .row {
        margin-left:-15px;
        margin-right: -15px;
        width: auto
    }
}

@media screen and (max-width: 991px) {
    .page-cart .row,.page-checkout .row,.page-order-show .row,.page-apply-return .row,.page-return-order-show .row {
        margin-left:-15px;
        margin-right: -15px;
        width: auto
    }
}

@media (min-width: 992px) {
    .page-cart .row,.page-checkout .row,.page-order-show .row,.page-apply-return .row,.page-return-order-show .row {
        margin-left:-15px;
        margin-right: -15px;
        width: auto
    }
}

.page-cart label,.page-checkout label,.page-order-show label,.page-apply-return label,.page-return-order-show label {
    font-weight: 400
}

.page-cart .panel,.page-checkout .panel,.page-order-show .panel,.page-apply-return .panel,.page-return-order-show .panel {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #EDEDED;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 30px
}

.page-cart .panel-transparent,.page-checkout .panel-transparent,.page-order-show .panel-transparent,.page-apply-return .panel-transparent,.page-return-order-show .panel-transparent {
    background-color: transparent
}

.page-cart .alert,.page-checkout .alert,.page-order-show .alert,.page-apply-return .alert,.page-return-order-show .alert {
    margin-bottom: 30px
}

.page-cart .input-group-btn .btn,.page-checkout .input-group-btn .btn,.page-order-show .input-group-btn .btn,.page-apply-return .input-group-btn .btn,.page-return-order-show .input-group-btn .btn {
    border-radius: 0
}

.page-cart form .form-group:last-child,.page-cart form .form-group :last-child,.page-checkout form .form-group:last-child,.page-checkout form .form-group :last-child,.page-order-show form .form-group:last-child,.page-order-show form .form-group :last-child,.page-apply-return form .form-group:last-child,.page-apply-return form .form-group :last-child,.page-return-order-show form .form-group:last-child,.page-return-order-show form .form-group :last-child {
    margin-bottom: 0
}

.page-cart form textarea,.page-checkout form textarea,.page-order-show form textarea,.page-apply-return form textarea,.page-return-order-show form textarea {
    resize: vertical;
    padding: 8px
}

.page-cart .panel,.page-checkout .panel,.page-order-show .panel,.page-apply-return .panel,.page-return-order-show .panel {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #EDEDED;
    -webkit-box-shadow: none;
    box-shadow: none
}

.page-cart section,.page-checkout section,.page-order-show section,.page-apply-return section,.page-return-order-show section {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #EDEDED;
    margin-bottom: 30px;
    padding: 0 15px;
    background-color: white
}

.page-cart section .section-header,.page-checkout section .section-header,.page-order-show section .section-header,.page-apply-return section .section-header,.page-return-order-show section .section-header {
    padding: 10px 15px;
    margin: 0 -15px;
    font-weight: 500;
    background-color: #F6F6F6;
    line-height: 26px
}

.page-cart section .section-header h3,.page-checkout section .section-header h3,.page-order-show section .section-header h3,.page-apply-return section .section-header h3,.page-return-order-show section .section-header h3 {
    padding: 2px 0;
    font-weight: 500;
    margin: 0;
    font-size: 18px;
    line-height: 22px
}

.page-cart section h5,.page-checkout section h5,.page-order-show section h5,.page-apply-return section h5,.page-return-order-show section h5 {
    font-size: 14px
}

.page-cart section hr,.page-checkout section hr,.page-order-show section hr,.page-apply-return section hr,.page-return-order-show section hr {
    display: block
}

.page-cart section .section-body,.page-checkout section .section-body,.page-order-show section .section-body,.page-apply-return section .section-body,.page-return-order-show section .section-body {
    padding: 15px 0
}

.page-cart section .table-header,.page-cart section .table-row,.page-checkout section .table-header,.page-checkout section .table-row,.page-order-show section .table-header,.page-order-show section .table-row,.page-apply-return section .table-header,.page-apply-return section .table-row,.page-return-order-show section .table-header,.page-return-order-show section .table-row {
    padding: 15px
}

.page-cart section .table-row,.page-checkout section .table-row,.page-order-show section .table-row,.page-apply-return section .table-row,.page-return-order-show section .table-row {
    border-top: 1px solid #EDEDED;
    border-bottom: none
}

.page-cart section>*:not(:last-child),.page-checkout section>*:not(:last-child),.page-order-show section>*:not(:last-child),.page-apply-return section>*:not(:last-child),.page-return-order-show section>*:not(:last-child) {
    border-bottom: 1px solid #EDEDED
}

.page-cart .form-group:not(.has-error) select:disabled,.page-cart .form-group:not(.has-error) input[disabled],.page-checkout .form-group:not(.has-error) select:disabled,.page-checkout .form-group:not(.has-error) input[disabled],.page-order-show .form-group:not(.has-error) select:disabled,.page-order-show .form-group:not(.has-error) input[disabled],.page-apply-return .form-group:not(.has-error) select:disabled,.page-apply-return .form-group:not(.has-error) input[disabled],.page-return-order-show .form-group:not(.has-error) select:disabled,.page-return-order-show .form-group:not(.has-error) input[disabled] {
    background-color: #EFEFEF !important;
    color: #7D7D7D !important
}

.page-cart .margin-top-large,.page-checkout .margin-top-large,.page-order-show .margin-top-large,.page-apply-return .margin-top-large,.page-return-order-show .margin-top-large {
    margin-top: 30px
}

.page-cart .margin-top-standard,.page-checkout .margin-top-standard,.page-order-show .margin-top-standard,.page-apply-return .margin-top-standard,.page-return-order-show .margin-top-standard {
    margin-top: 15px
}

.page-cart .margin-top-small,.page-checkout .margin-top-small,.page-order-show .margin-top-small,.page-apply-return .margin-top-small,.page-return-order-show .margin-top-small {
    margin-top: 5px
}

.page-cart .margin-bottom-standard,.page-checkout .margin-bottom-standard,.page-order-show .margin-bottom-standard,.page-apply-return .margin-bottom-standard,.page-return-order-show .margin-bottom-standard {
    margin-bottom: 15px
}

.page-cart .margin-bottom-small,.page-checkout .margin-bottom-small,.page-order-show .margin-bottom-small,.page-apply-return .margin-bottom-small,.page-return-order-show .margin-bottom-small {
    margin-bottom: 5px
}

.page-cart .margin-bottom-none,.page-checkout .margin-bottom-none,.page-order-show .margin-bottom-none,.page-apply-return .margin-bottom-none,.page-return-order-show .margin-bottom-none {
    margin-bottom: 0
}

.page-cart .sk-three-bounce,.page-checkout .sk-three-bounce,.page-order-show .sk-three-bounce,.page-apply-return .sk-three-bounce,.page-return-order-show .sk-three-bounce {
    margin: 0;
    width: 40px
}

.page-cart .sk-three-bounce .sk-child,.page-checkout .sk-three-bounce .sk-child,.page-order-show .sk-three-bounce .sk-child,.page-apply-return .sk-three-bounce .sk-child,.page-return-order-show .sk-three-bounce .sk-child {
    width: 9px;
    height: 9px;
    letter-spacing: 0
}

.page-cart .tappay-hint,.page-checkout .tappay-hint,.page-order-show .tappay-hint,.page-apply-return .tappay-hint,.page-return-order-show .tappay-hint {
    color: #737373;
    font-size: 13px
}

.checkout-nav {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px
}

.checkout-nav .step {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    max-width: 33%;
    margin-left: -2px;
    margin-right: -2px;
    color: black
}

.checkout-nav .step span {
    display: block;
    padding: 0 5px
}

.checkout-nav .step .badge {
    position: relative;
    background-color: transparent;
    height: 50px;
    line-height: 50px;
    padding: 0
}

.checkout-nav .step .badge::before {
    content: " ";
    background-color: #CCCCCC;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    z-index: 0
}

.checkout-nav .step .badge::after {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: " ";
    background-color: #CCCCCC;
    height: 30px;
    width: 30px;
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 0
}

.checkout-nav .step .badge .text {
    position: absolute;
    width: 100%;
    z-index: 1
}

.checkout-nav .step:first-child .badge::before {
    width: 50%;
    left: 50%
}

.checkout-nav .step:last-child .badge::before {
    width: 50%;
    right: 50%
}

.checkout-nav .step.visited .badge::after,.checkout-nav .step.active .badge::after {
    background-color: #9DAAB2
}

.page-order-show .return-order-block {
    text-align: center
}

.page-order-show .return-order-block .return-order-btn {
    margin-bottom: 10px;
    padding: 9px 30px
}

.page-order-show .return-order-block .return-order-deadline {
    font-size: 12px;
    color: #737373;
    padding: 0
}

.page-order-show .return-order-block .return-order-deadline.warning {
    color: #970100
}

.page-apply-return .return-section-title.has-error {
    color: #a94442
}

.page-apply-return .not-select-return-error {
    display: inline-block;
    color: #a94442;
    margin-bottom: 30px
}

.page-apply-return .return-items-section.has-return-error {
    margin-bottom: 0
}

.page-apply-return .return-items-section .table-header {
    padding-left: 0;
    padding-right: 0
}

.page-apply-return .return-items-section .return-item-row.table-row {
    padding-left: 0;
    padding-right: 0
}

.page-apply-return .return-items-section .return-item-row .item-information {
    display: flex
}

.page-apply-return .return-items-section .return-item-row .item-information .product-image {
    float: unset;
    display: block
}

.page-apply-return .return-items-section .return-item-row .return-item-checkbox {
    align-self: center;
    margin-right: 13px
}

.page-apply-return .return-items-section .return-item-row .return-item-checkbox.has-error {
    outline: 1px solid #a94442
}

.page-apply-return .return-items-section .return-reason {
    background-color: #f9f9f9;
    padding: 20px 15px 20px 110px;
    margin-left: -15px;
    margin-right: -15px
}

.member-content-center {
    max-width: 100%;
    margin-bottom: 6%
}

.member-content-center .nav-tabs {
    margin-bottom: 45px
}

.member-content-center .tab-pane .order-container>.box-info {
    border: none
}

.member-content-center .tab-pane .order-container td {
    vertical-align: middle;
    line-height: 1
}

.member-content-center .loading-items img {
    width: auto;
    margin: 0 auto
}

.member-content-center #store-credits th {
    text-align: center
}

.member-content-center #store-credits th,.member-content-center .order-container th {
    font-size: 12px
}

.member-content-center .table {
    font-size: 14px
}

.member-content-center .order-container th {
    width: 20%
}

.member-content-center .order-container th:nth-of-type(1) {
    width: 25%
}

.member-content-center .order-container th:nth-of-type(5) {
    min-width: 230px
}

.member-content-center .order-container .btn-view-return-order {
    margin-right: 5px;
    border: solid 1px #d1d1d1;
    color: #737373
}

.member-content-center .order-container .btn-view-return-order:hover {
    color: #737373;
    background-color: #efefef
}

.member-content-center .order-container td {
    position: relative;
    vertical-align: middle
}

.member-content-center .order-container td .product-subscription-label {
    position: absolute;
    margin-left: 5px;
    margin-top: -2px
}

.member-content-center .load-more-wrapper {
    margin: 10px 0 20px
}

.member-content-center .no-order .container {
    width: auto
}

@media screen and (max-width: 767px) {
    .member-content-center .content-tabset {
        border:none
    }
}

.member-content-center .tabset-arrow-left {
    position: fixed;
    font-size: 16px;
    left: 10px;
    top: 68px;
    display: none;
    z-index: 2
}

.member-content-center .tabset-arrow-right {
    position: fixed;
    font-size: 16px;
    right: 10px;
    top: 68px;
    z-index: 2
}

.member-content-center .intl-tel-input-block {
    width: 100%
}

.member-content-center .intl-tel-input-block select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 52px;
    margin: 0
}

.member-content-center .mobile-phone-control,.member-content-center .email-control {
    position: relative
}

.member-content-center .mobile-phone-control .select-saved-phones-btn,.member-content-center .email-control .select-saved-phones-btn {
    position: absolute;
    right: 0
}

.member-content-center .mobile-phone-control .help-hint-danger,.member-content-center .email-control .help-hint-danger {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #a94442;
    font-size: 12px
}

@media screen and (max-width: 767px) {
    .member-content-center .mobile-phone-control .help-hint-danger,.member-content-center .email-control .help-hint-danger {
        top:40px
    }
}

.member-content-center .mobile-phone-control .help-hint-success,.member-content-center .email-control .help-hint-success {
    color: #30652f;
    font-size: 12px;
    margin-left: 5px
}

.member-content-center .mobile-phone-control .fa-icon,.member-content-center .email-control .fa-icon {
    margin-right: 3px
}

.member-content-center .mobile-phone-control .mobile-phone-text,.member-content-center .email-control .mobile-phone-text {
    margin: 0px
}

.member-content-center .mobile-phone-control .mobile-phone-text .help-hint-danger,.member-content-center .email-control .mobile-phone-text .help-hint-danger {
    top: auto
}

.member-content-center .email-control .help-hint-success {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #30652f;
    font-size: 12px
}

@media screen and (max-width: 767px) {
    .member-content-center .email-control .help-hint-success {
        top:40px
    }
}

.member-content-center .phone-input-wrapper .intl-tel-input {
    width: 94%
}

.member-content-center .format-error {
    margin-top: 10px
}

.member-content-center .email-verification-hint {
    font-family: PingFangTC;
    font-size: 13px;
    color: #737373;
    margin-top: -15px
}

.member-content-center .order-container .box-info.full tr {
    text-align: left
}

.member-content-center .btn-custom.btn-buy-now {
    margin-top: 10px
}

@media screen and (max-width: 1024px) {
    .member-content-center .btn-custom.btn-buy-now {
        display:none
    }
}

.email-verification-dialog .description {
    margin: 10px 0px
}

.member-center-title {
    text-align: left;
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 500
}

.member-center-title .hello {
    display: inline-block;
    margin: 0 30px 0 0
}

.member-center-logout {
    display: inline-block
}

.member-center-logout #signoutForm .btn-link {
    background-color: transparent;
    color: #333;
    text-decoration: underline;
    padding: 0;
    font-size: inherit
}

.member-center-select {
    color: #3493fb;
    vertical-align: text-top
}

.member-center-phones .controls {
    width: 100% !important
}

.phone-update {
    color: #3493fb;
    display: block;
    margin-top: -5px
}

.phone-delete {
    line-height: 44px
}

.btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle,.btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:active,.btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:visited,.btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:hover,.btn:not(.btn-clear):not(.btn-checkout).member-profile-save,.btn:not(.btn-clear):not(.btn-checkout).member-profile-save:active,.btn:not(.btn-clear):not(.btn-checkout).member-profile-save:visited,.btn:not(.btn-clear):not(.btn-checkout).member-profile-save:hover {
    border-radius: 4px
}

.btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle,.btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:active,.btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:visited,.btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:hover {
    background-color: transparent;
    border: 1px solid #ccc;
    color: #333
}

.tab-pane .edit-group {
    background-color: #fff;
    font-size: 14px
}

.tab-pane .edit-group label,.tab-pane .edit-group .controls {
    padding: 0;
    text-align: left
}

.tab-pane .edit-group label {
    display: inline-block;
    width: 130px;
    vertical-align: middle
}

.tab-pane .edit-group label.label-empty {
    display: inline-block !important
}

.tab-pane .edit-group .controls,.tab-pane .edit-group .edit-input-group {
    width: calc(100% - 134px)
}

.tab-pane .edit-group .edit-input-group {
    text-align: left
}

.tab-pane .member-center-vertical-top label {
    vertical-align: text-top
}

.tab-pane .member-center-vertical-top.label-top label {
    vertical-align: top
}

.tab-pane .form-control {
    border: 1px solid #ddd
}

.tab-pane #userForm .box-info.edit-group {
    border: none;
    padding: 0
}

@media screen and (max-width: 767px) {
    .tab-pane .users-edit-buttons {
        width:100%
    }
}

.tab-pane .chat-container {
    max-width: 100%
}

.tab-pane .order-container th {
    text-align: center
}

.content.content-with-tabset {
    max-width: 600px
}

.content-tabset {
    width: 600px;
    border: 1px solid #ddd;
    font-size: 14px;
    background-color: #fff;
    max-width: 100%;
    overflow: hidden
}

.content-tabset.tabset-member-center {
    width: 100%;
    overflow: visible
}

.content-tabset hr {
    border-color: #ddd;
    width: calc(100% + 40px);
    margin: 20px 0 20px -20px;
    display: block
}

.content-tabset .links-container {
    margin: 20px 0 0
}

.content-tabset .links-container a {
    color: #666;
    font-size: 14px
}

.content-tabset .links-container a:nth-of-type(1) {
    margin-bottom: 8px;
    display: inline-block
}

.content-tabset label {
    font-weight: normal;
    display: block
}

.content-tabset .divider {
    margin: 10px auto;
    width: auto
}

.content-tabset .form-group {
    margin-bottom: 20px
}

.content-tabset .notice-content {
    color: #666;
    font-size: 12px;
    margin-top: 7px
}

.nav-tabs {
    margin-bottom: 20px
}

.nav-tabs.nav-justified>li>a {
    border-radius: 0;
    background-color: #fbfbfb;
    border-color: transparent #ddd #ddd transparent;
    margin-right: 0;
    padding: 20px 15px;
    color: #333
}

.nav-tabs.nav-justified>li:nth-last-of-type(1)>a {
    border-right-color: transparent !important
}

.nav-tabs.nav-justified>li.active>a,.nav-tabs.nav-justified>li.active a:hover,.nav-tabs.nav-justified>li.active>a:focus {
    background-color: #fff;
    border-color: transparent #ddd transparent transparent
}

.tab-pane {
    padding: 0 20px;
    margin-bottom: 30px
}

.tab-pane a.btn.btn-facebook-login,.tab-pane button.btn.btn-success {
    border-radius: 4px !important;
    font-size: 14px;
    cursor: pointer
}

.tab-pane button.btn.btn-success {
    background-color: #3493fb;
    border-color: #3493fb
}

.tab-pane button.btn.btn-success:hover {
    background-color: #3493fb;
    opacity: 0.8;
    border-color: #3493fb
}

.tab-pane .line-input {
    border: 1px solid #ddd;
    padding: 10px 20px;
    width: 100%;
    border-radius: 0;
    outline: none;
    color: #666
}

.tab-pane select.line-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.tab-pane select.line-input::-ms-expand {
    display: none
}

.tab-pane select.line-input:after {
    content: ''
}

.tabset-title {
    text-align: center;
    margin-bottom: 20px
}

.input-dropdown {
    position: relative
}

.input-dropdown .dropdown-arrow {
    position: absolute;
    top: 0;
    right: 5px;
    line-height: 42px
}

.datepicker-section table {
    color: initial
}

.datepicker-section .btn-datepicker {
    width: 15%;
    height: 44px;
    vertical-align: top;
    line-height: 0;
    padding: 0
}

.tnc-checkbox-error {
    color: #a94442
}

.tnc-checkbox-error .agree-highlight {
    color: #a94442
}

@media screen and (min-width: 768px) {
    .member-content-center .nav-tabs {
        display:-webkit-flex;
        display: flex
    }

    .member-content-center .nav-justified li {
        flex: 1
    }

    .tabset-arrow-left,.tabset-arrow-right {
        display: none
    }

    .tabset-arrow-left,.tabset-arrow-right {
        display: none !important
    }

    .member-content-center {
        margin-top: 10px;
        margin-bottom: 0
    }

    .member-content-center .panel {
        box-shadow: none;
        -webkit-box-shadow: none
    }

    .member-content-center .product-review-block .product-review-description {
        border: 1px solid #ddd;
        padding: 15px 0 15px 15px
    }

    .member-content-center .product-review-block .product-review-description p {
        margin: 0
    }

    .member-content-center .product-review-block .product-review-description .product-review-description-title {
        font-weight: 600
    }

    .member-content-center .product-review-block .product-review-description .product-review-description-content {
        margin-top: 3px;
        margin-bottom: 0px
    }

    .member-content-center .product-review-block .product-review-button {
        margin-left: 90%;
        position: absolute;
        right: 40px;
        padding: 0;
        margin-top: -60px
    }
}

@media screen and (max-width: 767px) {
    .member-content-center {
        position:relative;
        margin-top: 0
    }

    .container .member-center-title {
        position: inherit;
        top: 80px
    }

    .container .member-center-title .member-content-center {
        margin-top: 20px
    }

    .container .member-center-title .member-content-center .panel {
        box-shadow: none;
        -webkit-box-shadow: none
    }

    .container .member-center-title .member-content-center .product-review-block .product-review-description p {
        margin: 0
    }

    .container .member-center-title .member-content-center .product-review-block .product-review-description .product-review-description-title {
        font-weight: 600;
        font-size: 16px
    }

    .container .member-center-title .member-content-center .product-review-block .product-review-description .product-review-description-content {
        font-size: 13px
    }

    .container .member-center-title .member-content-center .product-review-block .product-review-button {
        display: grid;
        padding-top: 15px
    }

    .member-content-center .address .form-group {
        margin-bottom: 0px
    }

    .member-content-center .nav-tabs {
        white-space: nowrap;
        text-align: left;
        overflow-x: auto;
        overflow-y: hidden;
        font-size: 14px;
        background-color: #fcfcfc;
        position: fixed;
        top: 51px;
        left: 0;
        z-index: 999
    }

    .member-content-center .nav-justified li {
        margin-left: -4px;
        padding: 15px 20px;
        min-width: 25%;
        float: none;
        width: auto;
        text-align: center;
        display: inline-block
    }

    .member-content-center .nav-justified li:nth-of-type(1) {
        margin-left: 0
    }

    .member-content-center .nav-justified li.active a,.member-content-center .nav-justified li.active a:hover,.member-content-center .nav-justified li.active a:active,.member-content-center .nav-justified li.active a:focus {
        background-color: transparent;
        border-style: solid;
        border-width: 0 0 3px;
        border-bottom-color: #757575;
        color: #333;
        font-weight: 500
    }

    .member-content-center .nav-justified li>a {
        padding: 5px 0
    }

    .member-content-center .nav-justified a {
        padding: 0;
        border: none;
        color: #666;
        display: inline
    }

    .member-content-center .tab-pane {
        padding: 0 15px
    }

    .member-content-center .tab-content {
        margin-top: 130px
    }

    .member-content-center .content-tabset {
        border: none
    }

    .member-center-title {
        position: absolute;
        top: -50px;
        left: 15px;
        font-size: 15px;
        width: calc(100% - 30px)
    }

    .btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle,.btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:active,.btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:visited,.btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:hover,.btn:not(.btn-clear):not(.btn-checkout).member-profile-save,.btn:not(.btn-clear):not(.btn-checkout).member-profile-save:active,.btn:not(.btn-clear):not(.btn-checkout).member-profile-save:visited,.btn:not(.btn-clear):not(.btn-checkout).member-profile-save:hover {
        width: 100%
    }

    .btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle,.btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:active,.btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:visited,.btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:hover,.btn:not(.btn-clear):not(.btn-checkout).member-profile-save,.btn:not(.btn-clear):not(.btn-checkout).member-profile-save:active,.btn:not(.btn-clear):not(.btn-checkout).member-profile-save:visited,.btn:not(.btn-clear):not(.btn-checkout).member-profile-save:hover {
        margin-bottom: 10px
    }

    .tab-pane .edit-group label {
        width: 100%
    }

    .tab-pane .edit-group .controls,.tab-pane .edit-group .edit-input-group {
        width: 100%
    }

    .tab-pane #userForm .box-info.edit-group {
        border-bottom: 1px solid #ddd
    }

    .tab-pane #userForm .box-info.edit-group:nth-last-of-type(1) {
        border-bottom-width: 0
    }

    .content.content-with-tabset {
        max-width: calc(100% - 5px)
    }

    .content-2-tabset .nav-justified li {
        float: left;
        width: 50%
    }

    .content-tabset {
        width: 100%;
        margin: 0
    }

    .content-tabset hr {
        width: 100%;
        margin-left: 0
    }

    .content-tabset .notice-content {
        font-size: 14px
    }

    .tab-pane {
        padding: 0 20px;
        margin-bottom: 20px
    }

    .tab-pane button.btn.btn-success {
        padding: 10px 0
    }

    .tab-pane .line-input {
        min-width: 100%
    }

    .users-edit-container {
        padding: 0
    }

    .in-authentication-page .container .row .content-with-tabset {
        padding-top: 20px
    }

    .member-content-center #userForm .box-info:nth-of-type(1) span {
        margin: 0 0 0 20px !important
    }
}

@media screen and (max-width: 384px) {
    .member-content-center .nav-justified li {
        padding:15px 10px
    }
}

@media screen and (max-width: 360px) {
    .member-content-center .nav-justified li {
        padding:15px 5px
    }
}

@media screen and (max-width: 320px) {
    .member-content-center #userForm .box-info:nth-of-type(1) span {
        margin:0 0 0 10px !important;
        font-size: 12px
    }

    .member-content-center .nav-justified li {
        padding: 15px 0
    }
}

.MemberCenter .form-group {
    margin-bottom: 20px
}

.MemberCenter .edit-group {
    border: none;
    padding: 0;
    background-color: #fff
}

.MemberCenter .edit-group label {
    word-break: break-word
}

.MemberCenter .edit-group label,.MemberCenter .edit-group .controls {
    padding: 0;
    text-align: left;
    font-weight: normal;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 129px;
    vertical-align: middle
}

@media screen and (max-width: 767px) {
    .MemberCenter .edit-group label,.MemberCenter .edit-group .controls {
        width:100%
    }
}

.MemberCenter .edit-group .form-control {
    border: 1px solid #ddd
}

.MemberCenter .edit-input-group {
    text-align: left
}

.MemberCenter .edit-group .controls,.MemberCenter .edit-group .edit-input-group {
    width: calc(100% - 134px)
}

@media screen and (max-width: 767px) {
    .MemberCenter .edit-group .controls,.MemberCenter .edit-group .edit-input-group {
        width:100%;
        text-align: left
    }
}

@media screen and (max-width: 767px) {
    .MemberCenter .users-edit-buttons {
        width:100%
    }
}

.MemberCenter .mobile-phone-control .help-hint-danger {
    right: 30px
}

@media screen and (max-width: 767px) {
    .MemberCenter #userForm .box-info.edit-group:not(:last-child) {
        border-bottom:1px solid #ddd
    }
}

.MemberCenter .edit-group .controls {
    display: inline-block
}

.MemberCenter .edit-group .edit-delete {
    color: #7F7F7F
}

.MemberCenter .edit-group .help-block {
    margin-right: 0;
    margin-top: 0
}

.MemberCenter .birthday-datepicker-block>.form-group>.controls {
    display: inline-flex
}

.MemberCenter .member-center-vertical-top.label-top label {
    vertical-align: top
}

.MemberCenter select {
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist
}

@media screen and (min-width: 768px) {
    .MemberCenter .Wishlist-block {
        text-align:left
    }
}

.line-messenger {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    padding-top: 4px;
    padding-bottom: 4px
}

.line-messenger .app-icon {
    height: 20px;
    width: 57px;
    display: inline-block;
    vertical-align: middle
}

.line-messenger input[type='checkbox'] {
    display: inline-block;
    vertical-align: middle;
    margin: 0
}

.line-messenger .message {
    display: inline-block;
    vertical-align: middle
}

.line-messenger .clear-btn {
    color: #337ab7;
    border: none;
    background: none;
    padding: 0 8px;
    display: inline-block;
    cursor: pointer;
    outline: none
}

.line-liff-page .container {
    text-align: center;
    padding: 0 18px
}

.line-liff-page img {
    width: 100%;
    margin: 0 auto
}

.line-liff-page .title {
    font-size: 20px;
    font-weight: 600;
    color: #333
}

.line-liff-page .description {
    font-size: 16px;
    color: #5b5b5b
}

.line-liff-page .btn-submit {
    background-color: #52af52;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-radius: 0;
    position: fixed;
    bottom: 0
}

.line-quick-sign-up-success-page .container {
    text-align: center;
    padding: 0 18px 144px 18px
}

.line-quick-sign-up-success-page img {
    width: 288px;
    margin: 0 auto
}

.line-quick-sign-up-success-page .title {
    color: #52af52;
    font-size: 22px;
    font-weight: 600
}

.line-quick-sign-up-success-page .description {
    font-size: 16px;
    color: #5b5b5b
}

.line-quick-sign-up-success-page .btn-line-redirect {
    background-color: #52af52;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 320px
}

.line-quick-sign-up-success-page .btn-container {
    padding: 24px 0
}

.facebook-quick-signup-success-page .container {
    text-align: center;
    padding: 0 18px 144px 18px
}

.facebook-quick-signup-success-page img {
    width: 288px;
    margin: 0 auto
}

.facebook-quick-signup-success-page .title {
    color: #52af52;
    font-size: 22px;
    font-weight: 600
}

.facebook-quick-signup-success-page .description {
    font-size: 16px;
    color: #5b5b5b
}

.facebook-quick-signup-success-page .btn-facebook-redirect {
    background-color: #52af52;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 320px
}

.facebook-quick-signup-success-page .btn-container {
    padding: 24px 0
}

.line-quick-signup-failure-page .container {
    text-align: center;
    padding: 0 18px 144px 18px
}

.line-quick-signup-failure-page img {
    width: 288px;
    margin: 0 auto
}

.line-quick-signup-failure-page .title {
    font-size: 22px;
    color: #333;
    font-weight: 600
}

.line-quick-signup-failure-page .description {
    font-size: 16px;
    color: #5b5b5b
}

.line-quick-signup-failure-page .btn-line-redirect {
    background-color: #52af52;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 320px
}

.line-quick-signup-failure-page .btn-container {
    padding: 24px 0
}

.facebook-quick-signup-failure-page .container {
    text-align: center;
    padding: 0 18px 144px 18px
}

.facebook-quick-signup-failure-page img {
    width: 288px;
    margin: 0 auto
}

.facebook-quick-signup-failure-page .title {
    font-size: 22px;
    color: #333;
    font-weight: 600
}

.facebook-quick-signup-failure-page .description {
    font-size: 16px;
    color: #5b5b5b
}

.facebook-quick-signup-failure-page .btn-facebook-redirect {
    background-color: #52af52;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 320px
}

.facebook-quick-signup-failure-page .btn-container {
    padding: 24px 0
}

.facebook-quick-signup-page .container {
    text-align: center;
    padding: 144px 0px
}

.facebook-messenger {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    padding-top: 4px;
    padding-bottom: 4px
}

.facebook-messenger .fb-messenger-checkbox {
    margin-left: -15px;
    margin-top: -12px;
    min-height: 70px;
    display: block
}

.facebook-messenger .fb-messenger-checkbox>span {
    width: 100% !important;
    height: 70px !important
}

.facebook-messenger .fb-messenger-checkbox>span>iframe {
    width: 100% !important;
    height: 70px !important
}

.facebook-messenger .app-icon {
    height: 20px;
    display: inline-block;
    vertical-align: middle
}

.facebook-messenger .message {
    display: inline-block;
    vertical-align: middle
}

.facebook-messenger .clear-btn {
    color: #337ab7;
    border: none;
    background: none;
    padding: 0 8px;
    display: inline-block;
    cursor: pointer;
    outline: none
}

.email-messenger {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 4px
}

.email-messenger input[type='checkbox'] {
    display: inline-block;
    vertical-align: middle;
    margin: 0
}

.sms-messenger {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    padding-top: 4px;
    padding-bottom: 4px
}

.sms-messenger input[type='checkbox'] {
    display: inline-block;
    vertical-align: middle;
    margin: 0
}

.sms-messenger .message {
    display: inline-block;
    vertical-align: middle
}

.sms-messenger .clear-btn {
    color: #337ab7;
    border: none;
    background: none;
    padding: 0 8px;
    display: inline-block;
    cursor: pointer;
    outline: none
}

.subscription-checkbox-button {
    border: solid 1px #e7e7e7;
    border-radius: 5px;
    outline: none;
    line-height: normal;
    padding: 0;
    margin: 0
}

.subscription-checkbox-button.is-active .subscription-checkbox-wrapper {
    padding: 7px;
    position: relative
}

.subscription-checkbox-button.is-active .subscription-checkbox-wrapper span {
    font-size: 13px;
    padding-left: 19px;
    color: #2e3942;
    display: inline-block;
    line-height: 16px
}

.subscription-checkbox-button.is-active .subscription-checkbox-wrapper span {
    color: #c2c2c2
}

.subscription-checkbox-button.is-active .subscription-checkbox-wrapper .subscription-icon {
    position: absolute;
    top: 7px;
    left: 7px;
    font-size: 16px
}

.subscription-checkbox-button.is-active .subscription-checkbox-wrapper .fa-check-circle-o {
    color: #303a43
}

.subscription-checkbox-button.is-active.facebook-checkbox .fa-check-circle-o {
    color: #0584ff
}

.subscription-checkbox-button.is-active.line-checkbox .fa-check-circle-o {
    color: #00c300
}

.fb-send-to-messenger-container {
    display: table
}

.signup-page-subscription-title {
    padding-bottom: 4px;
    text-align: left
}

.btn-custom.btn-buy-now {
    border-color: #fb7813;
    border-color: var(--buy-now-button-color, #fb7813);
    background-color: #fb7813;
    background-color: var(--buy-now-button-color, #fb7813);
    color: #ffffff;
    fill: #ffffff
}

.btn-custom.btn-buy-now:hover,.btn-custom.btn-buy-now:focus {
    opacity: 0.8
}

.btn-custom.btn-buy-now.btn-cart-fixed {
    display: none;
    align-items: center;
    justify-content: center
}

.btn-custom.btn-buy-now .btn-buy-now-content {
    display: flex;
    align-items: center;
    justify-content: center
}

.btn-custom.btn-buy-now .btn-buy-now-content .buy-now-icon {
    display: none;
    margin-right: 4px;
    min-width: 16px;
    min-height: 16px;
    width: 16px;
    height: 16px
}

.btn-custom.btn-buy-now .btn-buy-now-content .buy-now-text {
    white-space: pre-line
}

.btn-custom.btn-buy-now .ladda-label {
    display: flex;
    align-items: center;
    justify-content: center
}

.buy-now-preorder-hint {
    margin: 10px 0;
    padding: 6px;
    text-align: center
}

#left-panel.sidr ul li a,#left-panel.sidr ul li span {
    padding: 0 40px 0 32px
}

#left-panel.sidr .collapse {
    display: none
}

#left-panel.sidr .collapse.in {
    display: block
}

.categories-mobile-list li {
    position: relative
}

.categories-mobile-list .btn.btn-clear:active,.categories-mobile-list .btn.btn-clear:hover,.categories-mobile-list .btn.btn-clear,.categories-mobile-list .catcount {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 48px;
    padding: 0 12px 0 32px
}

.categories-mobile-list i.fa.fa-angle-down,.categories-mobile-list i.fa.fa-angle-up {
    font-size: 18px;
    font-weight: bold;
    color: #ababab
}

.trial-order-dialog {
    position: relative;
    text-align: center;
    padding: 20px
}

.trial-order-dialog .dialog-img {
    width: 380px;
    margin-bottom: 20px
}

.trial-order-dialog .title {
    font-size: 20px;
    color: #333;
    font-weight: 500;
    margin-bottom: 10px
}

.trial-order-dialog .description {
    font-size: 14px;
    color: #606060;
    line-height: normal;
    margin-bottom: 20px
}

.trial-order-dialog .checkout-btn {
    padding: 6px 45px;
    border-radius: 4px;
    background-color: #000;
    color: #fff
}

.trial-order-dialog .cancel-btn {
    display: block;
    text-decoration: underline;
    font-size: 14px;
    color: rgba(0,0,0,0.5);
    margin-top: 20px
}

@media screen and (max-width: 767px) {
    .page-cart h3,.page-checkout h3,.page-order-show h3 {
        font-size:16px;
        line-height: 18px
    }

    .page-cart .table-row.cart-item,.page-checkout .table-row.cart-item,.page-order-show .table-row.cart-item {
        padding: 10px 15px;
        position: relative;
        min-height: 130px
    }

    .page-cart .table-row.cart-item.read-only,.page-checkout .table-row.cart-item.read-only,.page-order-show .table-row.cart-item.read-only {
        min-height: 115px
    }

    .page-cart .product-image,.page-checkout .product-image,.page-order-show .product-image {
        position: absolute;
        left: 25px
    }

    .page-cart .cart-item .item-information,.page-checkout .cart-item .item-information,.page-order-show .cart-item .item-information {
        position: static
    }

    .page-cart .cart-item .item-information .description,.page-checkout .cart-item .item-information .description,.page-order-show .cart-item .item-information .description {
        margin-left: 65px;
        margin-right: 25px
    }

    .page-cart .cart-item .item-promotion,.page-checkout .cart-item .item-promotion,.page-order-show .cart-item .item-promotion {
        position: static;
        padding-left: 80px;
        margin-bottom: 5px
    }

    .page-cart .cart-item .item-promotion .badge,.page-checkout .cart-item .item-promotion .badge,.page-order-show .cart-item .item-promotion .badge {
        margin-bottom: 0
    }

    .page-cart .cart-item .item-price .price,.page-cart .cart-item .item-price .sale-price,.page-cart .cart-item .item-price .original-price,.page-checkout .cart-item .item-price .price,.page-checkout .cart-item .item-price .sale-price,.page-checkout .cart-item .item-price .original-price,.page-order-show .cart-item .item-price .price,.page-order-show .cart-item .item-price .sale-price,.page-order-show .cart-item .item-price .original-price {
        text-align: right
    }

    .page-cart .cart-item .price-label,.page-checkout .cart-item .price-label,.page-order-show .cart-item .price-label {
        display: block;
        text-align: right
    }

    .page-cart .item-quantity,.page-checkout .item-quantity,.page-order-show .item-quantity {
        left: 10px;
        padding: 0;
        padding-top: 16px;
        width: 160px
    }

    .page-cart .item-quantity .text-danger,.page-checkout .item-quantity .text-danger,.page-order-show .item-quantity .text-danger {
        max-width: initial;
        text-align: left;
        width: 85vw
    }

    .page-cart .cart-item.read-only .item-quantity,.page-checkout .cart-item.read-only .item-quantity,.page-order-show .cart-item.read-only .item-quantity {
        text-align: left;
        padding-top: 24px;
        padding-bottom: 5px
    }

    .page-cart .item-action,.page-checkout .item-action,.page-order-show .item-action {
        width: 34px;
        position: absolute;
        right: 25px
    }

    .page-cart .item-total,.page-checkout .item-total,.page-order-show .item-total {
        float: right;
        width: auto;
        padding-top: 24px
    }

    .page-cart .cart-promotions .promotion .badge,.page-cart .cart-item .item-promotion .badge,.page-checkout .cart-promotions .promotion .badge,.page-checkout .cart-item .item-promotion .badge,.page-order-show .cart-promotions .promotion .badge,.page-order-show .cart-item .item-promotion .badge {
        float: none;
        display: block;
        margin-bottom: 5px
    }

    .page-cart .cart-promotions,.page-checkout .cart-promotions,.page-order-show .cart-promotions {
        display: block
    }

    .page-cart .cart-promotions .promotion,.page-checkout .cart-promotions .promotion,.page-order-show .cart-promotions .promotion {
        display: block
    }

    .page-cart .cart-promotions .promotion:nth-last-of-type(1),.page-checkout .cart-promotions .promotion:nth-last-of-type(1),.page-order-show .cart-promotions .promotion:nth-last-of-type(1) {
        padding-top: 15px
    }

    .page-cart .cart-promotions .promotion:nth-last-of-type(1) .discount,.page-cart .cart-promotions .promotion:nth-last-of-type(1) .description,.page-checkout .cart-promotions .promotion:nth-last-of-type(1) .discount,.page-checkout .cart-promotions .promotion:nth-last-of-type(1) .description,.page-order-show .cart-promotions .promotion:nth-last-of-type(1) .discount,.page-order-show .cart-promotions .promotion:nth-last-of-type(1) .description {
        padding: 0
    }

    .page-cart .cart-promotions .description,.page-cart .cart-promotions .discount,.page-checkout .cart-promotions .description,.page-checkout .cart-promotions .discount,.page-order-show .cart-promotions .description,.page-order-show .cart-promotions .discount {
        display: inline-block;
        vertical-align: top
    }

    .page-cart .cart-promotions .description,.page-checkout .cart-promotions .description,.page-order-show .cart-promotions .description {
        padding: 0;
        width: calc(100% - 120px)
    }

    .page-cart .cart-summary .order-summary,.page-checkout .cart-summary .order-summary,.page-order-show .cart-summary .order-summary {
        margin: 0 !important;
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width: 320px) {
    .page-cart .item-quantity,.page-checkout .item-quantity,.page-order-show .item-quantity {
        width:130px
    }
}

@media screen and (max-width: 767px) {
    .yield-wrapper .page-cart .container,.yield-wrapper .page-checkout .container,.yield-wrapper .page-order-show .container {
        padding-left:15px;
        padding-right: 15px
    }

    .page-cart section,.page-checkout section,.page-order-show section,.page-apply-return section,.page-return-order-show section {
        margin-bottom: 15px
    }

    .page-cart .panel-place-order .panel-footer,.page-checkout .panel-place-order .panel-footer,.page-order-show .panel-place-order .panel-footer,.page-apply-return .panel-place-order .panel-footer,.page-return-order-show .panel-place-order .panel-footer {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .page-cart .panel-place-order .btn-link,.page-checkout .panel-place-order .btn-link,.page-order-show .panel-place-order .btn-link,.page-apply-return .panel-place-order .btn-link,.page-return-order-show .panel-place-order .btn-link {
        display: block;
        float: none !important;
        width: 100%;
        text-align: center;
        margin-top: 10px;
        order: 2
    }

    .page-cart .panel-place-order .btn-place-order,.page-cart .btn-validate-order,.page-checkout .panel-place-order .btn-place-order,.page-checkout .btn-validate-order,.page-order-show .panel-place-order .btn-place-order,.page-order-show .btn-validate-order,.page-apply-return .panel-place-order .btn-place-order,.page-apply-return .btn-validate-order,.page-return-order-show .panel-place-order .btn-place-order,.page-return-order-show .btn-validate-order {
        display: block;
        float: none !important;
        width: 100% !important;
        order: 1
    }

    .page-cart .tax-fee,.page-checkout .tax-fee,.page-order-show .tax-fee,.page-apply-return .tax-fee,.page-return-order-show .tax-fee {
        width: 100% !important;
        margin-left: 0 !important
    }

    .page-cart .panel-place-order>.panel-body,.page-checkout .panel-place-order>.panel-body,.page-order-show .panel-place-order>.panel-body,.page-apply-return .panel-place-order>.panel-body,.page-return-order-show .panel-place-order>.panel-body {
        padding-left: 15px !important
    }

    .page-cart .form-inline-placeholder,.page-checkout .form-inline-placeholder,.page-order-show .form-inline-placeholder,.page-apply-return .form-inline-placeholder,.page-return-order-show .form-inline-placeholder {
        display: none
    }

    .page-cart #seven-eleven-cross-border-address .row,.page-cart #seven-eleven-address .row,.page-checkout #seven-eleven-cross-border-address .row,.page-checkout #seven-eleven-address .row,.page-order-show #seven-eleven-cross-border-address .row,.page-order-show #seven-eleven-address .row,.page-apply-return #seven-eleven-cross-border-address .row,.page-apply-return #seven-eleven-address .row,.page-return-order-show #seven-eleven-cross-border-address .row,.page-return-order-show #seven-eleven-address .row {
        margin-bottom: 5px
    }

    .page-cart .three-layer-address-form .form-group,.page-checkout .three-layer-address-form .form-group,.page-order-show .three-layer-address-form .form-group,.page-apply-return .three-layer-address-form .form-group,.page-return-order-show .three-layer-address-form .form-group {
        width: 100% !important;
        margin-left: 0 !important
    }

    .page-cart .delivery-form .form-inline .form-group,.page-checkout .delivery-form .form-inline .form-group,.page-order-show .delivery-form .form-inline .form-group,.page-apply-return .delivery-form .form-inline .form-group,.page-return-order-show .delivery-form .form-inline .form-group {
        width: 100% !important;
        margin-left: 0 !important
    }

    .page-cart .invoice-form .form-group,.page-checkout .invoice-form .form-group,.page-order-show .invoice-form .form-group,.page-apply-return .invoice-form .form-group,.page-return-order-show .invoice-form .form-group {
        width: 100% !important;
        margin-left: 0 !important
    }

    .page-cart .invoice-form .invoice-select-address .form-group:first-child,.page-checkout .invoice-form .invoice-select-address .form-group:first-child,.page-order-show .invoice-form .invoice-select-address .form-group:first-child,.page-apply-return .invoice-form .invoice-select-address .form-group:first-child,.page-return-order-show .invoice-form .invoice-select-address .form-group:first-child {
        margin-bottom: 5px
    }

    .page-cart .cart-summary .panel-header,.page-checkout .cart-summary .panel-header,.page-order-show .cart-summary .panel-header,.page-apply-return .cart-summary .panel-header,.page-return-order-show .cart-summary .panel-header {
        padding: 10px 15px
    }

    .page-cart .cart-summary .panel-header:before,.page-cart .cart-summary .panel-header:after,.page-checkout .cart-summary .panel-header:before,.page-checkout .cart-summary .panel-header:after,.page-order-show .cart-summary .panel-header:before,.page-order-show .cart-summary .panel-header:after,.page-apply-return .cart-summary .panel-header:before,.page-apply-return .cart-summary .panel-header:after,.page-return-order-show .cart-summary .panel-header:before,.page-return-order-show .cart-summary .panel-header:after {
        content: " ";
        display: table
    }

    .page-cart .cart-summary .panel-header:after,.page-checkout .cart-summary .panel-header:after,.page-order-show .cart-summary .panel-header:after,.page-apply-return .cart-summary .panel-header:after,.page-return-order-show .cart-summary .panel-header:after {
        clear: both
    }

    .page-cart .cart-summary h3.summary-header,.page-checkout .cart-summary h3.summary-header,.page-order-show .cart-summary h3.summary-header,.page-apply-return .cart-summary h3.summary-header,.page-return-order-show .cart-summary h3.summary-header {
        font-size: 15px;
        text-align: left;
        font-weight: 600;
        float: left;
        line-height: 20px
    }

    .page-cart .cart-summary h5.summary-header,.page-checkout .cart-summary h5.summary-header,.page-order-show .cart-summary h5.summary-header,.page-apply-return .cart-summary h5.summary-header,.page-return-order-show .cart-summary h5.summary-header {
        float: right;
        margin-left: 0;
        margin-right: 0
    }

    .page-cart .cart-summary h5.summary-header span,.page-checkout .cart-summary h5.summary-header span,.page-order-show .cart-summary h5.summary-header span,.page-apply-return .cart-summary h5.summary-header span,.page-return-order-show .cart-summary h5.summary-header span {
        display: none
    }

    .page-cart .product-review-block .product-review-button,.page-checkout .product-review-block .product-review-button,.page-order-show .product-review-block .product-review-button,.page-apply-return .product-review-block .product-review-button,.page-return-order-show .product-review-block .product-review-button {
        position: inherit;
        padding: 0 15px 15px 15px;
        display: grid;
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    .page-order-show .confirm-message {
        padding-left:0;
        margin-left: 0;
        transform: initial;
        width: 100%;
        display: block
    }

    .page-order-show .confirm-message .fa {
        float: none !important;
        text-align: center;
        display: block;
        margin: 0 auto
    }

    .page-order-show .confirm-message h4 {
        text-align: center;
        line-height: 25px;
        margin-bottom: 15px
    }

    .page-order-show .order-detail-section {
        margin: 10px 0
    }

    .page-order-show .order-hint-section {
        padding: 10px 15px
    }

    .page-order-show .panel-order-info .panel-body>.row:not(:first-child),.page-order-show .panel-order-info .panel-body>.row>.col-sm-6:not(:first-child) {
        border-top: 1px solid #ededed
    }

    .page-order-show .panel-order-info .panel-body>.row>.col-sm-6 {
        margin-top: -1px
    }

    .page-order-show .btn-continue-shopping {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .page-cart .margin-top-large,.page-checkout .margin-top-large,.page-order-show .margin-top-large {
        margin-bottom:15px
    }

    .btn-apple-pay {
        width: 100%;
        max-width: 100%
    }

    .btn-google-pay {
        width: 100%;
        max-width: 100%
    }

    .google-pay-wrapper {
        width: calc(100% - 60px);
        max-width: 100%
    }

    #payment-request-button.disabled {
        opacity: 0.5;
        pointer-events: none
    }
}

.cart-addon-product {
    margin-top: 10px;
    padding-top: 15px;
    padding-left: 5px;
    border-top: 1px solid #f1f1f1
}

.promotion-label {
    border-radius: 0;
    font-weight: 300;
    padding: 2px 10px
}

.addon-cart-item {
    padding: 15px 15px 15px 30px;
    border-bottom: 1px solid #1F2429
}

.page-checkout form .form-group .input-password-style {
    font-size: 18px;
    font-weight: bold
}

.form-group.relative {
    position: relative
}

@media screen and (max-width: 767px) {
    .cart-addon-product .row>:nth-child(1) {
        padding-left:30px
    }
}

.sl-checkout-section-icon {
    margin: 0 .5em 0 0
}

#delivery-form-content hr {
    border-top: 1px solid #ccc;
    margin: 20px 0
}

.delivery-country-code-sign {
    display: none
}

@media only screen and (min-width: 768px) {
    .checkout-coupon-form {
        margin-top:4.5em
    }
}

.custom-field-readable input[disabled] {
    background-color: transparent !important;
    border-style: none !important
}

.confirmation {
    padding: 100px
}

@media screen and (max-width: 767px) {
    .confirmation {
        padding:10px
    }
}

.confirmation .confirmation-block {
    width: 600px;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    padding: 30px;
    margin: auto
}

@media screen and (max-width: 767px) {
    .confirmation .confirmation-block {
        width:auto
    }
}

.confirmation .confirmation-block .oval {
    width: 68px;
    height: 68px;
    margin-bottom: 20px;
    border-style: solid;
    border-width: 3px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.confirmation .confirmation-block .oval.exclamation {
    border-color: #f2a246
}

.confirmation .confirmation-block .oval.paper-plane {
    border-color: #3493fb
}

.confirmation .confirmation-block .oval .fa {
    font-family: FontAwesome;
    font-size: 36px;
    font-style: normal;
    line-height: normal
}

.confirmation .confirmation-block .oval .fa.confirmation-plane {
    padding-right: 5px;
    color: #3493fb
}

.confirmation .confirmation-block .oval .fa.confirmation-exclamation {
    color: #f2a246
}

.confirmation .confirmation-block .confirmation-email {
    width: 100%;
    height: 42px;
    padding-left: 15px;
    margin-bottom: 10px
}

.confirmation .confirmation-block .confirmation-title {
    font-family: PingFangTC;
    font-size: 18px;
    font-weight: 500
}

.confirmation .confirmation-block .confirmation-description {
    font-family: PingFangTC;
    font-size: 14px
}

.confirmation .confirmation-block .confirmation-signin-link {
    color: #337ab7;
    text-decoration: underline
}

.confirmation .confirmation-block .confirmation-button {
    width: 100%;
    height: 42px;
    color: #fff;
    background-color: #2d88fb
}

.confirmation .confirmation-block .confirmation-hint {
    margin-top: 10px;
    font-size: 14px;
    color: #337ab7
}

.confirmation .confirmation-block .alert {
    width: 100%
}

.grid-h1_tag-item h1,.grid-h1_tag-item h2,.grid-text-item h1,.grid-text-item h2,.Grid-item h1,.Grid-item h2 {
    text-transform: unset
}

.Grid-row-wrapper:not(.m-remove-padding) .Grid-row .Grid-image-item {
    margin-bottom: -2% !important
}

.container.padding-v-none {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important
}

.container.padding-v-none .container-md-height {
    margin-bottom: 0 !important
}

.container.padding-v-none .box-info {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0 !important
}

.container .item.padding-h-none {
    padding-left: 0;
    padding-right: 0
}

.container .item.padding-h-none .box-info {
    padding-left: 0;
    padding-right: 0
}

.Customer-cancel-order-modal .cancel-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 15px 70px;
    width: 100%
}

.Customer-cancel-order-modal .cancel-section img {
    margin-bottom: 20px;
    max-height: 190px
}

.Customer-cancel-order-modal .cancel-section .cancel-section-title {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 22px
}

.Customer-cancel-order-modal .cancel-section .theme-modal-title {
    margin-bottom: 10px !important
}

.Customer-cancel-order-modal .cancel-section .theme-modal-description {
    margin-bottom: 20px !important;
    text-align: center
}

.Customer-cancel-order-modal .cancel-section .theme-modal-selector .selectpicker {
    width: 100% !important
}

.Customer-cancel-order-modal .cancel-section .theme-modal-btn {
    margin: unset;
    min-width: 100px;
    width: unset
}

.Customer-cancel-order-modal .cancel-section .sl-loading-spinner {
    margin: 25px 0
}

.Customer-cancel-order-modal .cancel-section .cancel-confirm-form {
    margin: 0;
    padding: 0 70px;
    width: 100%
}

.Customer-cancel-order-modal .cancel-section .cancel-confirm-form .form-group {
    margin-bottom: 0
}

.Customer-cancel-order-modal .cancel-section .cancel-confirm-form .has-error .help-block {
    color: #c0392b
}

.Customer-cancel-order-modal .cancel-section .cancel-confirm-form .has-error .form-control {
    border-color: #c0392b
}

.Customer-cancel-order-modal .cancel-section .cancel-confirm-form .message-count {
    margin-top: 15px;
    text-align: right;
    font-size: 12px
}

.Customer-cancel-order-modal .cancel-section .cancel-confirm-form textarea {
    margin-top: 5px;
    width: 100%;
    height: 100px;
    resize: none
}

.Customer-cancel-order-modal .cancel-section .cancel-confirm-form .theme-modal-btn {
    margin-top: 15px !important;
    max-width: 100%;
    width: 100%
}

@media (max-width: 768px) {
    .Customer-cancel-order-modal .cancel-section {
        padding:15px 0
    }

    .Customer-cancel-order-modal .cancel-section .cancel-confirm-form {
        padding: 0
    }
}

.customer-cancel-order {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px
}

.customer-cancel-order .customer-cancel-order-button {
    min-width: 100px
}

[uib-datepicker-popup-wrap] .glyphicon {
    font: normal normal normal 14px/1 FontAwesome
}

[uib-datepicker-popup-wrap] .glyphicon-chevron-left:before {
    content: "\f053"
}

[uib-datepicker-popup-wrap] .glyphicon-chevron-right:before {
    content: "\f054"
}

[uib-datepicker-popup-wrap] .uib-weeks .btn:not(.active) {
    border: none
}

[uib-datepicker-popup-wrap] .uib-weeks .text-info {
    color: #333
}

body.pages.show.express-checkout-page {
    margin-bottom: 80px
}

.sl-goto-top {
    display: none;
    width: 46px;
    height: 46px;
    background-image: url("https://s3-ap-southeast-1.amazonaws.com/static.shoplineapp.com/web/v1/img/back-to-top.jpg");
    background-size: contain;
    position: fixed;
    bottom: 0;
    bottom: env(safe-area-inset-bottom);
    bottom: constant(safe-area-inset-bottom);
    right: 5%;
    z-index: 100;
    cursor: pointer
}

.mobile-logo {
    display: none
}

.mobile-logo a {
    width: 140px;
    height: 40px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    margin: auto
}

.search-panel-mobile {
    display: none
}

@media screen and (max-width: 767px) {
    .body-wrapper {
        padding-top:51px
    }

    .body-wrapper.has-trial-banner {
        padding-top: 109px
    }

    .mobile-logo {
        display: block
    }

    .mobile-revamp-navigation .main-navigation {
        display: none
    }

    .mobile-revamp-navigation .content-controller {
        margin-top: 20px
    }

    .body-wrapper.no-padding-top {
        padding-top: 0
    }

    #fixed-menu-container.mobile-revamp-navigation {
        z-index: 1100;
        background-color: #fff;
        border-bottom: 1px solid #ddd
    }

    #fixed-menu-container.mobile-revamp-navigation .menu-button {
        border-width: 0;
        padding: 14px 0 14px 20px;
        width: 11%
    }

    #fixed-menu-container.mobile-revamp-navigation .menu-button {
        padding: 14px 20px
    }

    #fixed-menu-container.mobile-revamp-navigation.fixed-menu-container-zIndex {
        z-index: 1050
    }

    #fixed-menu-container.mobile-revamp-navigation .cart-panel-button,#fixed-menu-container.mobile-revamp-navigation .signin-signup-button,#fixed-menu-container.mobile-revamp-navigation .member-myaccount-button {
        text-align: right;
        padding: 14px 20px 14px 0
    }

    #fixed-menu-container.mobile-revamp-navigation .cart-panel-button {
        position: relative;
        text-align: center
    }

    #fixed-menu-container.mobile-revamp-navigation .cart-panel-button .cart-count {
        position: absolute;
        width: 20px;
        height: 20px;
        line-height: 20px;
        background-color: #000;
        border-radius: 50%;
        color: #fff;
        font-size: 12px;
        top: 5px;
        right: 35%;
        opacity: 1
    }
}

@media screen and (max-width: 767px) and (max-width: 500px) {
    #fixed-menu-container.mobile-revamp-navigation .cart-panel-button .cart-count {
        right:30%
    }
}

@media screen and (max-width: 767px) and (max-width: 430px) {
    #fixed-menu-container.mobile-revamp-navigation .cart-panel-button .cart-count {
        right:25%
    }
}

@media screen and (max-width: 767px) and (max-width: 335px) {
    #fixed-menu-container.mobile-revamp-navigation .cart-panel-button .cart-count {
        right:20%
    }
}

@media screen and (max-width: 767px) and (max-width: 235px) {
    #fixed-menu-container.mobile-revamp-navigation .cart-panel-button .cart-count {
        right:15%
    }
}

@media screen and (max-width: 767px) {
    #fixed-menu-container.mobile-revamp-navigation .left-panel-button,#fixed-menu-container.mobile-revamp-navigation .m-search-button {
        text-align:left;
        display: table-cell !important
    }

    #fixed-menu-container .trial-banner {
        display: flex
    }

    .fixed-menu-wrapper {
        width: 100%;
        display: table;
        table-layout: fixed;
        position: relative
    }

    .search-panel-mobile {
        display: block;
        width: 100%;
        position: fixed;
        top: -4px;
        left: 0;
        background-color: #fff;
        padding: 15px 20px;
        transition: top 0.3s linear;
        pointer-events: none;
        z-index: 1000;
        opacity: 0
    }

    .search-panel-mobile.click {
        top: 50px;
        pointer-events: auto;
        opacity: 1
    }

    .search-panel-mobile.click .search-mask {
        top: 105px;
        opacity: 1;
        pointer-events: auto
    }

    .search-panel-mobile.click.has-trial-banner {
        top: 108px
    }

    .search-panel-mobile.click.has-trial-banner .search-mask {
        top: 163px
    }

    .search-panel-mobile:after {
        content: '';
        display: block;
        width: calc(100% - 40px);
        height: 1px;
        position: absolute;
        bottom: 15px;
        left: 20px;
        background-color: #ddd
    }

    .search-panel-mobile button {
        display: inline-block;
        padding: 2px 6px 3px
    }

    .search-panel-mobile .search-mask {
        opacity: 0;
        pointer-events: none;
        width: 100%;
        height: calc(100% - 51px);
        position: fixed;
        top: 51px;
        left: 0;
        background-color: rgba(0,0,0,0.5);
        transition: top 0.25s cubic-bezier(0.41, 0.15, 1, 1)
    }

    .search-panel-mobile form {
        text-align: left;
        padding-left: 10px
    }

    .mobile-revamp-navigation .side-panel-search.search-panel-mobile form .fa-times {
        right: 10px;
        top: 20%
    }
}

@media screen and (max-width: 768px) {
    .search-panel-mobile button {
        background-color:transparent;
        border: 0
    }

    .body-wrapper.has-previewing-closed-store-banner {
        padding-top: 94px
    }
}

@media screen and (max-width: 323px) {
    #fixed-menu-container .cart-panel-button .cart-count {
        font-size:16px;
        line-height: 16px
    }
}

@media screen and (max-width: 320px) {
    .body-wrapper.has-previewing-closed-store-banner {
        padding-top:113px
    }
}

@media screen and (max-width: 767px) {
    #fixed-menu-container {
        height:51px
    }
}

body.hsbc-transaction {
    padding-left: 64px;
    padding-right: 64px;
    min-width: 991px
}

body.hsbc-transaction main {
    max-width: 1170px;
    margin-top: 38px;
    margin-left: auto;
    margin-right: auto;
    padding: 52px 56px;
    background: #fff;
    border: solid 1px #e7e7e7;
    text-align: center
}

body.hsbc-transaction .description {
    display: inline-block;
    margin: 0 auto 50px;
    font-size: 14px;
    line-height: 19px;
    position: relative
}

body.hsbc-transaction .description:before {
    content: '!';
    position: absolute;
    left: -24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    font-weight: 12px;
    background: #999;
    color: #fff;
    border-radius: 50%
}

body.hsbc-transaction .hsbc-container {
    display: flex;
    max-width: 818px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between
}

body.hsbc-transaction .hsbc-container>:nth-child(1),body.hsbc-transaction .hsbc-container>:nth-child(2) {
    min-width: 400px
}

body.hsbc-transaction .hsbc-container>:nth-child(2) {
    display: none
}

body.hsbc-transaction .hsbc-container.expired>:nth-child(1) {
    display: none
}

body.hsbc-transaction .hsbc-container.expired>:nth-child(2) {
    display: block
}

body.hsbc-transaction .col:last-child {
    text-align: left;
    max-width: 320px
}

body.hsbc-transaction .col:last-child small {
    color: #ccc
}

body.hsbc-transaction .qrcode-wrapper {
    padding-top: 4px;
    background: url("https://s3-ap-southeast-1.amazonaws.com/static.shoplineapp.com/web/v1/img/loaders/loader1.gif") center center no-repeat
}

body.hsbc-transaction .qrcode-wrapper .hsbc-icon {
    width: 100%;
    max-width: 150px;
    margin-top: 10px
}

body.hsbc-transaction .qrcode {
    min-width: 200px;
    min-height: 200px;
    display: flex;
    justify-content: center
}

body.hsbc-transaction .hint-container {
    max-width: 320px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 11px 8px;
    background-color: #f8f8f8
}

body.hsbc-transaction .hint-container img {
    float: left;
    margin-right: 10px
}

body.hsbc-transaction .hint {
    font-size: 14px;
    text-align: left
}

body.hsbc-transaction .step {
    position: relative
}

body.hsbc-transaction .step:not(:last-of-type) {
    margin-bottom: 38px
}

body.hsbc-transaction .step:last-child {
    margin-bottom: 10px
}

body.hsbc-transaction .step:before {
    position: absolute;
    left: -46px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background: #eee;
    border-radius: 50%;
    padding: 6px
}

body.hsbc-transaction .step:first-child:before {
    content: '1'
}

body.hsbc-transaction .step:nth-child(2):before {
    content: '2'
}

body.hsbc-transaction .step:nth-child(3):before {
    content: '3'
}

body.hsbc-transaction .step small {
    display: block
}

body.hsbc-transaction .hsbc-modal .modal-header,body.hsbc-transaction .hsbc-modal .modal-footer {
    border: none
}

body.hsbc-transaction .hsbc-modal .modal-body {
    max-width: 444px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin: 0 auto 10px
}

body.hsbc-transaction .hsbc-modal .modal-footer button,body.hsbc-transaction .hsbc-modal .modal-footer .btn-confirm {
    display: inline-block;
    border-radius: 4px;
    padding: 4px 14px;
    font-size: 14px
}

body.hsbc-transaction .btn-cancel {
    background: #fff;
    color: #666;
    border: 1px solid #ccc
}

body.hsbc-transaction .btn-cancel:hover {
    background: #eee
}

body.hsbc-transaction .btn-confirm {
    background-color: #5cb85c;
    color: #fff;
    border: solid 1px #4cae4c
}

body.hsbc-transaction .btn-confirm:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

body.hsbc-transaction .btn-go-back {
    display: inline-block;
    background-color: #9daab0;
    min-width: 195px;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    padding-top: 7px;
    padding-bottom: 7px
}

body.hsbc-transaction .text-danger {
    margin-top: 26px
}

@media screen and (max-width: 940px) {
    body.hsbc-transaction {
        padding-left:38px;
        padding-right: 38px;
        min-width: 480px
    }

    body.hsbc-transaction main {
        margin-bottom: 38px;
        padding-left: 0;
        padding-right: 0
    }

    body.hsbc-transaction .hsbc-container {
        flex-direction: column
    }

    body.hsbc-transaction .hsbc-container>:nth-child(2) {
        min-width: 0
    }

    body.hsbc-transaction .hint {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%
    }

    body.hsbc-transaction .col:last-child {
        max-width: 100%;
        margin-left: 90px;
        margin-right: 57px
    }

    body.hsbc-transaction .description {
        padding-left: 30px;
        padding-right: 30px
    }

    body.hsbc-transaction .col:last-child {
        margin-top: 50px
    }

    body.hsbc-transaction .get-app-wrapper {
        justify-content: center
    }
}

@keyframes sl-loading-spinner-line {
    0% {
        stroke-dasharray: 2, 85.964;
        transform: rotate(0)
    }

    50% {
        stroke-dasharray: 65.973, 21.9911;
        stroke-dashoffset: 0
    }

    100% {
        stroke-dasharray: 2, 85.964;
        stroke-dashoffset: -65.973;
        transform: rotate(90deg)
    }
}

@keyframes sl-loading-spinner-rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(450deg)
    }
}

.sl-loading-spinner>circle {
    fill: none;
    box-sizing: border-box;
    stroke-width: 3px;
    transform-origin: 50%;
    animation: sl-loading-spinner-line 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite,sl-loading-spinner-rotate 1.6s linear infinite
}

.btn-facebook-login {
    color: #fff;
    background-color: #3B5998;
    display: block;
    padding: 0;
    border: none;
    text-align: left
}

@media screen and (max-width: 768px) {
    .btn-facebook-login {
        padding:0
    }
}

.btn-facebook-login img {
    width: 40px;
    height: 40px;
    padding: 5px;
    display: inline-block
}

.btn-facebook-login:hover,.btn-facebook-login:active,.btn-facebook-login:focus {
    opacity: 0.8 !important;
    background: #3B5998 !important
}

.login-btn-label {
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    padding: 10px 0px;
    color: #fff;
    line-height: 1.43;
    width: 100%;
    margin-left: -40px
}

.btn-line-login {
    background-color: #00c300;
    padding: 0;
    border: none;
    display: block;
    text-align: left
}

.btn-line-login img {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: top
}

.btn-line-login:hover {
    opacity: 0.8 !important;
    background: #00c300 !important
}

.btn-customer-authentication-login {
    background-color: #fff;
    padding: 0;
    border: none;
    display: block;
    text-align: left
}

.btn-customer-authentication-login .login-btn-label {
    color: #000
}

.btn-customer-authentication-login img {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: top
}

.btn-customer-authentication-login:hover {
    opacity: 0.8 !important;
    background: #fff !important
}

.social-login-container {
    display: block
}

.social-login-container div {
    float: left
}

@media screen and (max-width: 768px) {
    .social-login-container div {
        float:unset
    }
}

.social-login-container::after {
    clear: both;
    content: ' ';
    display: block
}

.social-login-container div:nth-last-child(2n+1) {
    width: 100%;
    padding: 0 3px;
    display: block
}

.social-login-container div:nth-last-child(2n),.social-login-container div:nth-last-child(2n) ~ div {
    width: 50%;
    padding: 0 3px;
    display: inline-block
}

@media screen and (max-width: 768px) {
    .social-login-container div:nth-last-child(2n+1) {
        width:100%;
        padding: 9px;
        display: block
    }

    .social-login-container div:nth-last-child(2n),.social-login-container div:nth-last-child(2n) ~ div {
        width: 100%;
        padding: 9px;
        display: block
    }
}

.member-center-profile label {
    vertical-align: top !important
}

.member-center-profile .container {
    padding: 0px;
    margin-bottom: 16px
}

.member-center-profile .container .platform-icon {
    height: 20px;
    width: auto
}

.member-center-profile .container .profile-icon {
    width: 20px;
    height: 20px;
    margin: 0px 2px;
    border-radius: 11px
}

.member-center-profile .container span {
    width: 48px;
    height: 20px;
    font-family: PingFangTC;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #999999
}

section.order-summary .member-point {
    padding-top: 10px;
    padding-bottom: 10px
}

#cartSummary .member-point {
    margin-bottom: 60px
}

.member-referral-customer-popup-desktop {
    position: absolute;
    background-color: #fff;
    width: 186px;
    height: auto;
    box-shadow: 3px 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06),-1px -2px 4px -1px rgba(0,0,0,0.06);
    transform: translate(-92px, 48px)
}

.member-referral-customer-popup-desktop::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    box-sizing: border-box;
    border: 1rem solid black;
    border-color: transparent transparent #fff #fff;
    top: 2px;
    left: 152px;
    transform-origin: 0 0;
    transform: rotate(135deg);
    box-shadow: -3px 3px 4px -3px rgba(0,0,0,0.1)
}

.member-referral-customer-popup-desktop .body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    height: 100%
}

.member-referral-customer-popup-desktop .body .close {
    display: flex;
    align-self: flex-end;
    padding: 5px;
    color: #A1A1A1
}

.member-referral-customer-popup-desktop .body .close-button {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 15px;
    right: 15px
}

.member-referral-customer-popup-desktop .body .close-button:before,.member-referral-customer-popup-desktop .body .close-button:after {
    position: absolute;
    right: 8px;
    content: '';
    height: 14px;
    width: 2px;
    background-color: #333
}

.member-referral-customer-popup-desktop .body .close-button:before {
    transform: rotate(45deg)
}

.member-referral-customer-popup-desktop .body .close-button:after {
    transform: rotate(-45deg)
}

.member-referral-customer-popup-desktop .body .description {
    width: 112px;
    text-align: center;
    margin-bottom: 8px;
    color: #333
}

.member-referral-customer-popup-desktop .body .description .icon {
    width: 81px;
    height: 77px
}

.member-referral-customer-popup-desktop .body .action-button {
    color: #fff;
    background-color: #000;
    border-radius: 0.5rem;
    padding: 6px 12px;
    width: 156px;
    border: solid;
    border-color: #000;
    text-align: center
}

@media screen and (max-width: 991px) {
    .member-referral-customer-popup-desktop {
        transform:translate(-29px, 48px)
    }
}

@media screen and (max-width: 768px) {
    .member-referral-customer-popup-desktop {
        display:none
    }
}

.member-referral-customer-popup-mobile {
    background-color: #121416;
    padding: 15px
}

.member-referral-customer-popup-mobile .member-referral-link {
    display: flex;
    align-items: center;
    color: white
}

.member-referral-customer-popup-mobile .member-referral-link .icon {
    margin-right: 12px;
    font-size: 20px !important
}

.member-referral-customer-popup-mobile .member-referral-link:hover {
    color: white
}

#member-points .box-body {
    padding: 0
}

#member-points .show-row-header {
    display: initial
}

#member-points .field-value {
    display: inline;
    margin-left: 3em
}

#member-points .normal-font {
    font-weight: normal
}

#member-points .PromotionInfo-icon img {
    max-width: unset;
    width: 33px
}

#member-points .member-points-history td {
    white-space: normal
}

#member-points .table.member-points-history th:nth-child(1) {
    width: 16%
}

#member-points .member-points-expiry-date {
    width: 105px
}

#member-points .table-name {
    font-size: 12px;
    text-align: left;
    padding-left: 20px;
    font-weight: bold
}

#member-points .member-points-balance {
    flex: 1.5;
    border-right: solid 1px #e0e0e0
}

#member-points .points-balance {
    width: 69px;
    height: 41px;
    font-size: 30px;
    font-weight: 600;
    color: #666666
}

#member-points th {
    text-align: center
}

#member-points table.member-points-history th {
    font-size: 15px;
    font-weight: normal;
    border: 0;
    white-space: nowrap
}

#member-points .PromotionInfo-redeem-btn {
    padding: 15px 21px
}

#member-points .PromotionInfo-redeem-btn .redeem-btn-wrapper {
    margin: 0px auto
}

#member-points .PromotionInfo-redeem-btn .btn {
    width: 122px;
    height: 36px;
    border-radius: 4px;
    border: solid 1px #2e6da4;
    background-color: #337ab7;
    color: white
}

@media (min-width: 768px) {
    .member-points-balance {
        border-right:solid 1px #e0e0e0
    }
}

.points-none {
    background-color: transparent
}

.member-points td {
    word-break: break-all
}

#member-points th,.order-container th {
    font-size: 12px
}

#left-panel.sidr .other-setting-list {
    display: none
}

#left-panel.sidr .other-setting-list li>div {
    cursor: pointer
}

#left-panel.sidr .other-setting-list span.fa {
    padding: 0 5px 0 0;
    display: inline
}

.mobile-revamp-navigation .sidr {
    background-color: #323536;
    color: #fff
}

.mobile-revamp-navigation .sidr .section-header {
    background-color: #121416
}

.mobile-revamp-navigation .sidr .mobile-search-btn {
    padding: 2px 6px 3px
}

.mobile-revamp-navigation .sidr ul li:hover>a,.mobile-revamp-navigation .sidr ul li:hover>span {
    background-color: #323536
}

.mobile-revamp-navigation .sidr ul li a,.mobile-revamp-navigation .sidr ul li span {
    color: #ababab
}

.mobile-revamp-navigation .sidr ul li .fa-v5-globe {
    fill: #ababab;
    height: 16px;
    width: 16px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 3px
}

.mobile-revamp-navigation .sidr .fa {
    font-size: 18px
}

.mobile-revamp-navigation .side-panel-search form {
    position: relative
}

.mobile-revamp-navigation .side-panel-search form input[name="searchQuery"] {
    width: calc(100% - 60px);
    border: 0;
    background: none;
    outline: none
}

.mobile-revamp-navigation .side-panel-search form .fa-times {
    position: absolute;
    top: 45%;
    right: 0;
    display: none
}

.mobile-revamp-navigation .side-panel-search form .fa-times.has-search-query {
    display: block
}

@media screen and (max-width: 767px) {
    .mobile-revamp-navigation .sidr {
        left:-87.5%;
        width: 87.5%;
        min-width: 280px
    }

    .panel-mobile {
        top: 51px;
        height: calc(100vh - 50px);
        padding-bottom: 100px
    }

    .panel-mobile .side-panel-search {
        margin: 20px
    }

    .language-header,.currency-header {
        text-align: center;
        padding-left: 0 !important;
        position: relative
    }

    .language-header .menu-button,.currency-header .menu-button {
        position: absolute;
        left: 20px;
        top: 15px
    }
}

.session-your-number-title {
    margin-top: 40px;
    line-height: 26px;
    font-size: 14px
}

.session-your-number-value {
    line-height: 46px;
    font-size: 20px
}

.session-your-number-value>span:not(:last-child) {
    margin-right: 4px
}

.session-send-code-btn {
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 30px
}

.session-varify-code-btn {
    margin-top: 16px;
    margin-bottom: 10px
}

.QuickCart-modal {
    top: 50%;
    transform: translateY(-50%);
    bottom: auto
}

.QuickCart-modal .modal-content {
    max-height: calc(100vh - 30px)
}

@media screen and (max-width: 767px) {
    body.modal-open #fixed-menu-container {
        z-index:1040
    }

    .QuickCart-modal,.promotion-term-modal-window {
        top: 50%;
        transform: translateY(-50%);
        bottom: auto
    }

    .QuickCart-modal .modal-dialog,.QuickCart-modal .modal-content,.promotion-term-modal-window .modal-dialog,.promotion-term-modal-window .modal-content {
        height: 100%;
        max-height: calc(100vh - 80px);
        overflow-y: auto
    }

    .QuickCart-modal .modal-dialog,.QuickCart-modal .modal-body,.promotion-term-modal-window .modal-dialog,.promotion-term-modal-window .modal-body {
        position: static
    }

    .QuickCart-modal .modal-dialog,.promotion-term-modal-window .modal-dialog {
        transform: none !important;
        margin-top: 0;
        margin-bottom: 0
    }

    .QuickCart-modal .quick-cart-cancel-holder,.promotion-term-modal-window .quick-cart-cancel-holder {
        z-index: 2;
        position: fixed;
        top: 1px;
        right: 11px
    }

    .QuickCart-modal .modal-content.os-host-overflow-y .quick-cart-cancel-holder,.promotion-term-modal-window .modal-content.os-host-overflow-y .quick-cart-cancel-holder {
        top: 0;
        right: 10px
    }

    .QuickCart-modal .quick-cart-mobile-header,.promotion-term-modal-window .quick-cart-mobile-header {
        margin-top: 0;
        min-height: 0;
        padding-top: 24px;
        display: flex !important;
        flex: 1
    }

    .QuickCart-modal .quick-cart-mobile-header>*,.promotion-term-modal-window .quick-cart-mobile-header>* {
        float: none;
        width: auto;
        flex: 1
    }

    .QuickCart-modal .modal-body,.promotion-term-modal-window .modal-body {
        display: flex;
        flex-direction: column
    }

    .QuickCart-modal .quick-cart-body,.promotion-term-modal-window .quick-cart-body {
        margin-bottom: 0
    }

    .QuickCart-modal .quantity,.QuickCart-modal .btn-color-primary,.promotion-term-modal-window .quantity,.promotion-term-modal-window .btn-color-primary {
        margin-bottom: 0
    }

    .QuickCart-modal .product-info>div,.promotion-term-modal-window .product-info>div {
        margin-bottom: 0
    }

    .QuickCart-modal select.form-control-inline,.promotion-term-modal-window select.form-control-inline {
        font-size: 16px;
        margin-bottom: 10px !important
    }

    .QuickCart-modal .title,.promotion-term-modal-window .title {
        min-height: 0;
        overflow-y: hidden
    }

    .QuickCart-modal .product-info,.promotion-term-modal-window .product-info {
        display: flex;
        flex-direction: column;
        padding-right: 5px
    }

    .QuickCart-modal .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical,.promotion-term-modal-window .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical {
        top: 40px;
        width: 7px;
        margin-right: 1px
    }
}

.Modal-credit-card .row {
    margin: 0 -15px
}

.Modal-credit-card .padding-none {
    padding: 0
}

.Modal-credit-card .full-width {
    width: 100%
}

.Modal-credit-card .Credit-card-icon {
    display: inline-block;
    max-height: 30px;
    margin: 0 5px
}

.Modal-credit-card .Credit-card-price {
    width: 50%
}

@media screen and (max-width: 767px) {
    .Modal-credit-card .Credit-card-price {
        width:70%
    }
}

.Modal-credit-card .Credit-card-popover-hint {
    position: absolute;
    right: 15px;
    top: 0px
}

.Message-close-button {
    display: none
}

#instagram-profile-pic {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

#instagram-username {
    display: inline-block;
    font-weight: bold
}

.instagram-post {
    overflow: hidden;
    float: none;
    display: inline-block;
    vertical-align: bottom;
    padding: 15px
}

.instagram-post a {
    display: block
}

.instagram-post .image {
    width: 100%
}

.instagram-post .like {
    font-weight: bold
}

.instagram-post .caption {
    height: 68px;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 767px) {
    .instagram-post.col-4 {
        width:33.3% !important
    }
}

.grid-h1_tag-item h1 {
    font-size: 35px
}

.Footer-grids .box-info {
    margin-bottom: 0px;
    height: 100%;
    border-style: none;
    background-color: transparent;
    text-transform: none
}

.Footer-grids .owl-item>img {
    width: 100%;
    display: block;
    height: auto
}

.Footer-grids .item .product-item {
    margin-bottom: 40px;
    padding: 15px
}

@media screen and (max-width: 767px) {
    .Footer-grids .item .product-item {
        margin-bottom:20px;
        padding: 8px
    }
}

.Footer-grids .item .image-container {
    overflow: hidden;
    margin-bottom: 14px
}

.Footer-grids .item img {
    display: block;
    width: 100%;
    height: auto
}

.Footer-grids .credit-cards img {
    display: inline-block;
    width: auto;
    max-height: 40px
}

.user-name-input {
    margin-left: 30px
}

.ui-pnotify {
    color: white;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,0.19);
    background-color: rgba(43,52,61,0.9)
}

.ui-pnotify.success .ui-pnotify-icon {
    font-size: 20px;
    color: #90ee90
}

.ui-pnotify.success .ui-pnotify-title {
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 3px
}

@media screen and (max-width: 767px) {
    .ui-pnotify.success {
        top:40px
    }
}

.ui-pnotify.error .ui-pnotify-icon {
    font-size: 20px;
    color: #ffc0cb
}

.ui-pnotify.error .ui-pnotify-title {
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 3px
}

@media screen and (max-width: 767px) {
    .ui-pnotify.error {
        top:40px
    }
}

tax-fee-popover {
    max-width: 320px;
    border-color: #e7e7e7
}

tax-fee-popover.popover.top>.arrow {
    border-top-color: #e7e7e7
}

tax-fee-popover p {
    margin-bottom: 0;
    color: #5b5b5b
}

tax-fee-popover .tax-fee-icon {
    color: #337ab7 !important
}

tax-fee-popover .tax-fee-block {
    margin-bottom: 15px
}

tax-fee-popover .tax-fee-title {
    font-weight: 700;
    color: #333333
}

.product-available-info {
    display: flex;
    align-items: center;
    border-radius: 5px;
    border: solid 1px #ebccd1;
    min-height: 52px;
    margin-bottom: 20px;
    padding: 9px 10px;
    line-height: 100%
}

.product-available-info-icon {
    margin-right: 10px;
    width: 17px !important;
    height: 17px !important
}

.product-available-info-text {
    font-size: 14px;
    color: #5b5b5b
}

.product-available-info-time {
    color: #d3796b;
    border-bottom: 1px dashed #ebccd1
}

.product-reviews-container .product-review-no-data {
    margin-bottom: 35px
}

@media screen and (max-width: 1200px) {
    .product-reviews-container .product-review-no-data {
        margin-bottom:0
    }
}

.product-reviews-container .review-summary-source {
    float: right;
    margin-left: 40px
}

@media screen and (max-width: 1200px) {
    .product-reviews-container .review-summary-source {
        display:flex;
        position: relative;
        flex-direction: column;
        width: 100%;
        padding: 0;
        margin-left: 0
    }
}

.product-amazon-review-container {
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 1200px) {
    .product-amazon-review-container {
        display:block
    }
}

.show-more-container {
    margin: 0px auto 10px auto
}

.show-more-container a:hover {
    background-color: #ddd
}

.show-more-container .show-more-btn {
    text-align: center;
    box-shadow: none;
    padding: 6px 12px;
    background: #ffffff;
    color: #333;
    border: solid 1px #ddd;
    font-size: 16px;
    border-radius: 4px;
    transition: background .3s
}

.show-more-container .show-more-btn a:hover {
    background: #ddd
}

.review-summary {
    display: flex
}

@media screen and (max-width: 1200px) {
    .review-summary {
        display:block;
        flex-direction: column
    }
}

.review-summary-info {
    margin-right: 50px;
    min-width: 255px
}

.review-summary-info .review-summary-info-title {
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 8px
}

.review-summary-info .review-summary-info-stars {
    margin: 0px 10px 10px 0;
    cursor: default
}

.review-summary-info .review-summary-info-stars span {
    color: #ffc500;
    font-size: 22px
}

.review-summary-info .review-summary-info-stars span:not(:last-child) {
    margin-right: 7px
}

.review-summary-info .review-summary-info-desc {
    letter-spacing: 0.6px;
    font-size: 14px;
    word-break: break-word
}

.product-review-box .review-summary-info-stars span {
    color: #ffc500;
    padding-right: 5px
}

.product-review-box .review-summary-data {
    padding-left: 10px;
    font-size: 13px
}

.review-summary-bars {
    max-width: 100%;
    width: 100%
}

@media (max-width: 1200px) {
    .review-summary-bars {
        max-width:calc(100% - 16px)
    }
}

.review-summary-bars .review-summary-bar {
    display: flex;
    align-items: center
}

.review-summary-bars .review-summary-bar:not(:last-child) {
    margin-bottom: 5px
}

.review-summary-bars .review-summary-bar .review-summary-bar-star {
    min-width: 40px;
    white-space: nowrap;
    letter-spacing: 0.6px;
    font-size: 14px;
    word-break: break-word
}

.review-summary-bars .review-summary-bar .review-summary-bar-line-bg {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 14px;
    padding: 3px;
    width: 100%;
    height: 12px;
    border: solid 1px #eaeaea;
    border-radius: 4px;
    background-color: #f8f8f8
}

.review-summary-bars .review-summary-bar .review-summary-bar-line-bg .review-summary-bar-line {
    position: absolute;
    display: flex;
    align-items: center;
    max-width: calc(100% - 6px);
    width: 100%;
    height: 6px;
    border-radius: 4px;
    background-color: #ffc500
}

.review-summary-bars .review-summary-bar .review-summary-bar-number,.review-summary-bars .review-summary-bar .review-summary-bar-number-v2 {
    min-width: 40px;
    white-space: nowrap;
    letter-spacing: 0.6px;
    font-size: 14px;
    word-break: break-word
}

.review-summary-bars .review-summary-bar .review-summary-bar-number-v2 {
    display: none
}

.review-comments {
    margin-top: 60px
}

.review-comment {
    display: flex;
    margin-bottom: 40px
}

.review-comment-author {
    display: flex;
    margin-right: 50px;
    min-width: 255px
}

.review-comment-author .review-comment-author-avatar {
    margin-right: 12px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #eaeaea
}

.review-comment-author .review-comment-author-info {
    display: flex;
    flex-direction: column
}

.review-comment-author .review-comment-author-info .review-comment-author-info-name,.review-comment-author .review-comment-author-info .review-comment-author-info-date {
    letter-spacing: 0.6px;
    font-size: 14px;
    word-break: break-word
}

.review-comment-message .review-comment-message-title {
    font-weight: 600;
    letter-spacing: 0.6px;
    font-size: 14px;
    word-break: break-word
}

.review-comment-message .review-comment-message-stars {
    margin: 0px 0 10px 0;
    cursor: default
}

.review-comment-message .review-comment-message-stars span {
    color: #ffc500;
    letter-spacing: 0.6px;
    font-size: 14px;
    word-break: break-word
}

.review-comment-message .review-comment-message-stars span:not(:last-child) {
    margin-right: 5px
}

.review-comment-message .review-comment-message-content {
    letter-spacing: 0.6px;
    font-size: 14px;
    word-break: break-word
}

.review-pagination {
    display: flex;
    justify-content: center;
    width: 100%
}

@media (max-width: 767px) {
    .review-comment {
        flex-direction:column
    }

    .review-comment-message {
        margin-top: 10px
    }
}

@media (max-width: 600px) {
    .review-comment {
        flex-direction:column
    }

    .review-comment-message {
        margin-top: 10px
    }

    .review-summary {
        flex-direction: column
    }

    .review-summary-bars {
        margin-top: 10px
    }

    .review-summary-source {
        margin-top: 20px;
        width: 100%;
        padding: 0
    }

    .review-summary-info-stars,.review-summary-info-desc {
        display: inline-block
    }
}

#product-page .container:nth-child(1) {
    padding-top: 50px
}

#product-page .container {
    background-color: #fff;
    color: #333
}

#product-page .box-info {
    background-color: #fff;
    color: #333
}

#product-page .theme-header {
    font-weight: 600;
    background-color: #F6F6F6;
    border: 1px solid #ededed
}

#product-page .product-buynow {
    text-align: center;
    line-height: 32px;
    width: 354px;
    margin: 0 auto;
    cursor: pointer
}

#product-page #product-page-checkout {
    margin-top: 30px
}

#product-page #product-page-checkout .input-group.col-xs-9 {
    width: 75%
}

#product-page .product-box {
    margin: 5px 0px 5px 10px;
    line-height: 32px
}

#product-page .product-buynow-bottom {
    clear: both;
    text-align: right
}

#product-page .product-buynow-bottom #product-page-checkout-btn {
    margin-right: 28px;
    line-height: 32px
}

#product-page .product-title {
    margin-top: 32px;
    font-size: 18px;
    word-wrap: break-word;
    width: 100%;
    padding-bottom: 14px
}

#product-page .product-title h1 {
    font-size: inherit;
    margin: inherit;
    display: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit
}

#product-page .product-price {
    padding: 6px 0px;
    font-size: 18px
}

#product-page .product-out-of-stock {
    color: #c93020;
    margin-left: 10px;
    font-size: 18px
}

#product-page .product-messagetobuy {
    font-size: 14px;
    color: #999999;
    max-width: 100%;
    text-align: right;
    padding-top: 5px
}

#product-page .order-detial {
    padding: 17px 0px
}

#product-page .ckbox-header {
    margin: 0 0 20px 0;
    font-size: 14px;
    padding: 10px 0
}

#product-page .ckbox-header .row .info-header-content:nth-last-child(2),#product-page .ckbox-header .row .info-header-content:last-child {
    padding-right: 0;
    text-align: right
}

#product-page .ckbox-info {
    padding: 25px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 24px);
    margin-left: auto;
    margin-right: auto
}

#product-page .ckbox-info:last-of-type {
    border-bottom: none
}

#product-page .multiselect-variation {
    border-bottom: 1px solid #ccc;
    font-size: 14px
}

#product-page .multiselect-variation.is-selected {
    background-color: #f7f7f7
}

#product-page .product-box-header {
    margin-left: 30px;
    margin-right: 30px
}

#product-page .form-control {
    background-color: #fff;
    border-color: #ccc;
    color: #555
}

#product-page .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc !important;
    border-width: 1px
}

#product-page .order-detail-count {
    color: #ff3b30
}

#product-page .help-block {
    margin-top: 8px
}

@media screen and (max-width: 767px) {
    #product-page .product-messagetobuy {
        top:46px
    }

    #product-page .product-buynow {
        padding: 0px 30px;
        width: 100%
    }
}

#product-page .line {
    border: solid 1px #dddddd;
    margin: 15px 0px
}

#product-page .product-data {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

#product-page .product-data .product-des-img img {
    height: 60px;
    width: 60px
}

#product-page .product-des {
    max-height: 70px
}

#product-page .product-des div {
    white-space: normal;
    margin-left: 15px;
    word-wrap: break-word;
    width: 170px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#product-page .vertical-align-product-content:last-child {
    text-align: right;
    padding-right: 0;
    justify-content: flex-end;
    margin-right: -10px
}

#product-page .vertical-align-product-content:nth-last-child(2) {
    padding-right: 0;
    justify-content: flex-end
}

#product-page .item {
    padding: 0 15px !important
}

#product-page .container-full-width .item {
    padding-left: 0 !important;
    padding-right: 0 !important
}

#product-page .vertical-align-product-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    #product-page .product-des div {
        max-width:135px;
        margin-left: 0px;
        margin-top: 6px;
        margin-bottom: 6px
    }

    #product-page .product-content-button {
        padding: 0px 5px
    }
}

#product-page .ckbox-header .firsr-header {
    margin-left: 4px
}

#product-page .box-info h5 {
    margin-left: 19px
}

#product-page .ckbox-promotion {
    font-size: 14px;
    padding-right: 15px;
    padding-left: 15px
}

#product-page .ckbox-promotion .promo-badge {
    background-color: #828282;
    color: #ffffff;
    width: 80px;
    text-align: center
}

#product-page .ckbox-promotion .promo-description {
    white-space: nowrap
}

#product-page .item-quantity {
    padding: 0px
}

#product-page .product-page-warning {
    text-align: right;
    font-size: 14px;
    color: #a94442;
    padding: 10px 28px 0 0
}

#product-page .delivery-payment-header {
    padding-left: 19px;
    margin-top: 20px;
    margin-bottom: 15px
}

@media screen and (min-width: 768px) {
    #product-page #page-delivery-options .form-group {
        margin-left:14px;
        margin-top: 32px
    }

    #product-page #page-delivery-options .form-group:nth-child(1) {
        margin-top: 0px
    }

    #product-page #page-delivery-options .form-group label {
        font-weight: 500;
        width: 125px;
        position: relative;
        margin-top: 7px
    }

    #product-page #page-delivery-options .form-group select {
        width: calc(100% - 170px);
        display: inline;
        float: right;
        margin-right: 32px;
        margin-left: 4px
    }

    #product-page #page-delivery-options .form-group p {
        width: calc(100% - 170px);
        display: inline;
        margin-left: 16px
    }

    #product-page .product-box {
        display: block
    }
}

@media screen and (max-width: 767px) {
    #product-page #page-delivery-options .form-group select {
        margin-right:14px
    }

    #product-page .product-des div {
        width: 170px
    }
}

#product-page .mobile-product-info {
    padding: 15px 10px
}

#product-page .mobile-product-info div {
    margin: 5px 4px;
    padding-top: 6px;
    padding-bottom: 6px
}

#product-page .mobile-product-info .form-control {
    display: inline-block
}

#product-page .mobile-product-info .product-button-row {
    width: 100%;
    display: inline-block;
    margin-top: 10px
}

#product-page .mobile-product-info .product-img-row {
    height: 60px;
    margin-bottom: 20px
}

#product-page .mobile-product-info .product-text-row {
    margin-top: 10px;
    margin-bottom: 10px
}

#product-page .mobile-product-info div span {
    padding-left: 0px;
    padding-right: 0px
}

#product-page .mobile-product-info .product-head {
    padding: 0 5px;
    word-wrap: break-word;
    word-break: break-all
}

#product-page .mobile-product-info .product-des {
    margin: 11px 0px 11px;
    padding-left: 10px
}

#product-page .mobile-product-info .flex-center {
    display: flex;
    align-items: center
}

#product-page item-variations,#product-page #page-promotions,#product-page #page-delivery-options {
    font-size: 14px
}

#product-page #page-promotions {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px
}

@media screen and (min-width: 768px) {
    #product-page #page-promotions {
        border-top:1px solid #ccc
    }
}

#product-page #page-promotions .btn-remove-coupon {
    background-color: transparent;
    border: none;
    display: block;
    text-align: right;
    font-size: 12px;
    color: #337ab7;
    text-decoration: underline;
    padding: 0
}

#product-page #page-promotions .promotion {
    margin: 5px 0px 5px 0px;
    display: table;
    width: 100%
}

#product-page #page-promotions .promotion:nth-last-of-type(1) .description,#product-page #page-promotions .promotion:nth-last-of-type(1) .discount {
    padding-top: 10px;
    padding-bottom: 10px
}

#product-page #page-promotions .promotion .badge,#product-page #page-promotions .promotion .description,#product-page #page-promotions .promotion .discount {
    display: table-cell;
    vertical-align: text-top
}

#product-page #page-promotions .promotion div {
    display: inline-block;
    margin: 0px 15px;
    vertical-align: middle
}

#product-page #page-promotions h5 {
    margin-bottom: 15px
}

#product-page #page-promotions .promotion .badge {
    font-size: 14px;
    border-radius: 0;
    font-weight: 400;
    padding: 0;
    text-align: center;
    background-color: transparent;
    width: 100px
}

#product-page #page-promotions .promotion .badge span {
    display: block;
    background-color: #E8F8E8;
    padding: 5px 0;
    color: #000
}

#product-page #page-promotions .promotion .badge span.untriggered {
    background-color: #F3F3F3
}

#product-page #page-promotions .promotion .discount {
    text-align: right;
    margin-left: 15px;
    min-width: 95px
}

#product-page #page-promotions .promotion .description {
    padding: 0 15px
}

#product-page #page-summary {
    font-size: 14px;
    margin: 15px 0px
}

#product-page #page-summary .btn-link {
    color: #337ab7;
    border-radius: 4px;
    border-color: transparent;
    background-color: transparent
}

#product-page #page-summary .applied-store-credits,#product-page #page-summary .cart-coupon {
    height: auto !important
}

#product-page #page-summary .applied-store-credits .btn-link,#product-page #page-summary .cart-coupon .btn-link {
    padding: 0px
}

#product-page #page-summary .applied-store-credits #apply-credit-form .btn,#product-page #page-summary .applied-store-credits .coupon-form .btn,#product-page #page-summary .applied-store-credits .affiliate-form .btn,#product-page #page-summary .cart-coupon #apply-credit-form .btn,#product-page #page-summary .cart-coupon .coupon-form .btn,#product-page #page-summary .cart-coupon .affiliate-form .btn {
    background-color: #9DAAB0;
    border: 1px solid #9DAAB0;
    color: white
}

#product-page #page-summary .applied-store-credits form label,#product-page #page-summary .cart-coupon form label {
    display: inline-block;
    width: 100%;
    font-weight: 400
}

#product-page #page-summary .applied-store-credits form input,#product-page #page-summary .cart-coupon form input {
    float: left;
    width: 67%;
    margin-bottom: 10px
}

#product-page #page-summary .applied-store-credits form .btn,#product-page #page-summary .cart-coupon form .btn {
    float: right;
    width: 30%
}

#product-page #page-summary .applied-store-credits .row-text,#product-page #page-summary .cart-coupon .row-text {
    display: inline-block;
    width: 100%
}

#product-page #page-summary .applied-store-credits .user-credits-remaining-hint,#product-page #page-summary .cart-coupon .user-credits-remaining-hint {
    margin-top: -4px;
    color: #cecaca;
    font-size: 12px
}

#product-page #page-summary .applied-store-credits .error-text,#product-page #page-summary .cart-coupon .error-text {
    color: #a94442
}

#product-page #page-summary hr {
    display: inline-block;
    width: 100%;
    border: solid 1px #dddddd
}

#product-page #page-summary .subtotal,#product-page #page-summary .delivery-fee,#product-page #page-summary .payment-fee,#product-page #page-summary .discount,#product-page #page-summary .total,#product-page #page-summary .applied-store-credits,#product-page #page-summary .tax-fee,#product-page #page-summary .cart-coupon {
    padding: 3px 28px;
    height: 32px
}

#product-page #page-summary .checkout-approximately,#product-page #page-summary .checkout-note {
    padding: 0 28px
}

#product-page #page-summary .coupon .btn-link {
    padding: 0;
    text-decoration: underline
}

#product-page #page-summary .total {
    font-weight: 600
}

#product-page #page-summary .dark-secondary {
    color: #000
}

#product-page #page-summary div p:before,#product-page #page-summary div p:after {
    content: " ";
    display: table
}

#product-page #page-summary div p:after {
    clear: both
}

@media screen and (min-width: 992px) {
    #product-page #page-summary {
        width:38%;
        float: right
    }

    #product-page #product-page-checkout-btn {
        width: calc(38% - 56px)
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #product-page #page-summary {
        width:55%;
        float: right
    }

    #product-page #product-page-checkout-btn {
        width: calc(55% - 56px)
    }
}

@media screen and (max-width: 767px) {
    #product-page #page-summary {
        padding:0px 10px
    }

    #product-page #page-summary .subtotal,#product-page #page-summary .delivery-fee,#product-page #page-summary .payment-fee,#product-page #page-summary .discount,#product-page #page-summary .total,#product-page #page-summary .cart-coupon,#product-page #page-summary .applied-store-credits {
        padding: 3px 0px
    }

    #product-page #page-summary hr {
        margin: 28px 0
    }

    #product-page #page-summary div .subtotal {
        padding: 3px 15px
    }

    #product-page #page-summary p {
        width: auto
    }

    #product-page #page-promotions .promotion {
        display: block;
        margin-left: 19px
    }

    #product-page #page-promotions .promotion:nth-last-of-type(1) {
        padding-top: 15px
    }

    #product-page #page-promotions .promotion:nth-last-of-type(1) .discount,#product-page #page-promotions .promotion:nth-last-of-type(1) .description {
        padding: 0
    }

    #product-page #page-promotions .promotion div {
        display: block;
        height: auto
    }

    #product-page #page-promotions .promotion .badge {
        max-width: 100px;
        margin: 0 0 5px;
        display: block
    }

    #product-page #page-promotions .promotion .description {
        margin: 0;
        display: inline-block;
        padding: 0;
        width: calc(100% - 120px)
    }

    #product-page #page-promotions .promotion .discount span {
        top: 10px
    }

    #product-page #page-promotions .promotion .discount {
        display: inline-block;
        margin: 0
    }

    #product-page #page-delivery-options {
        padding: 0px 10px
    }

    #product-page #page-promotions .btn-remove-coupon {
        padding: 0
    }
}

#product-page #buynow-footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 999
}

#product-page .product-content-button {
    padding: 0px 5px;
    margin: auto
}

#product-page .product-content-button .form-control {
    padding: 6px 3px
}

.product-checkout-page .cart-items .price {
    color: #333
}

.product-checkout-page .dark-secondary {
    color: #000
}

.img-box {
    width: 60px;
    height: 60px
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    #product-page .product-buynow {
        width:278px
    }

    #product-page .product-page-warning {
        padding-right: 8px
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #product-page .product-buynow {
        width:324px
    }
}

@media screen and (max-width: 767px) {
    #product-page .container:nth-child(1) {
        padding-top:0px
    }

    #product-page-checkout {
        margin-top: 0px
    }

    .multiselect-variation .product-des {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .multiselect-variation .product-des div {
        width: 100% !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .product-button-row span:last-child:not(.input-group-btn) {
        padding-left: 10px !important
    }

    #product-page .mobile-product-info div {
        margin: 0
    }

    #product-page-checkout-btn {
        width: calc(100% - 20px);
        margin: 0 10px
    }
}

.fb-comments {
    z-index: 1
}

.fb-comments>span {
    height: auto !important
}

.variation-label-container {
    margin: 10px 0
}

.variation-label {
    display: inline-block;
    margin-bottom: 8px;
    padding: 8px 10px;
    border: solid 1px #ccc;
    border-radius: 4px;
    line-height: 1;
    transition: 0.2s;
    cursor: pointer
}

.variation-label.variation-label--out-of-stock {
    border-color: #ccc !important;
    color: #ccc !important
}

.variation-label:hover,.variation-label.variation-label--selected {
    border-color: #333333;
    color: #333333
}

.variation-label:not(:last-child) {
    margin-right: 8px
}

.addon-promotions-container {
    margin-top: 10px
}

.addon-promotions-container .addon-promotions-header {
    background-color: #eeeeee;
    padding: 10px 15px 10px 19px
}

.addon-promotions-container .addon-promotions-header #sec0 {
    color: #000
}

.addon-promotions-container .addon-promotions-header p {
    margin-left: 10px;
    display: inline;
    font-size: 14px;
    font-weight: normal;
    color: #000000
}

.addon-promotions-container .addon-promotion-item-wrapper {
    padding-bottom: 20px;
    height: 100%;
    margin: 0
}

.addon-promotions-container .addon-promotion-item-wrapper img {
    border: 2px solid #d8d8d8;
    cursor: pointer
}

.addon-promotions-container .addon-promotion-item-wrapper .addon-selected img {
    border: 2px solid #000
}

.addon-promotions-container .addon-promotion-item-wrapper .price-container {
    font-size: 16px;
    text-align: center;
    vertical-align: middle
}

@media screen and (min-width: 768px) {
    .addon-promotions-container .addon-promotion-item-wrapper .price-container {
        display:inline-block
    }
}

.addon-promotions-container .addon-promotion-item-wrapper .title-container {
    font-size: 16px;
    line-height: 1.9rem;
    padding: 0 5px 0 0
}

@media screen and (max-width: 767px) {
    .addon-promotions-container .addon-promotion-item-wrapper .title-container {
        margin-top:2px;
        margin-bottom: 14px
    }
}

.addon-promotions-container .addon-promotion-item-wrapper .addon-checkout-switch {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

@media screen and (max-width: 767px) {
    .addon-promotions-container .addon-promotion-item-wrapper .addon-checkout-switch {
        margin:0
    }
}

.addon-promotions-container .addon-promotion-list {
    list-style: none;
    padding: 0
}

.addon-promotions-container .addon-promotion-list .title {
    padding-right: 6px;
    margin: 0 0 8px 0;
    font-weight: normal;
    font-size: 16px
}

.addon-promotions-container .addon-promotion-item {
    background-color: #f8f8f8;
    padding-top: 20px
}

.addon-promotions-container .addon-promotion-item .nopadding-right {
    padding-right: 0px !important
}

.addon-promotions-container .addon-promotion-item .price-text {
    font-weight: 600
}

.addon-promotions-container .addon-promotion-item .price-sale {
    margin-top: 2px;
    font-weight: 400;
    text-align: left;
    font-size: 14px;
    color: #c0392b;
    text-transform: uppercase
}

.addon-promotions-container .addon-promotion-item .quantity-container {
    margin-right: 8px;
    margin-bottom: 8px;
    display: inline-block;
    width: 132px;
    max-width: 100%
}

@media screen and (max-width: 767px) {
    .addon-promotions-container .addon-promotion-item .quantity-container input {
        padding-left:0;
        padding-right: 0;
        text-align: center
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .addon-promotions-container .addon-promotion-item .quantity-container {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .addon-promotions-container .addon-promotion-item .quantity-container {
        display:block;
        width: auto
    }
}

.addon-promotions-container .detail-media-container {
    background-size: cover;
    margin-bottom: 5px;
    position: relative;
    padding: 0;
    width: 40px;
    height: 40px;
    margin: 0 20px 0
}

@media screen and (max-width: 767px) {
    .addon-promotions-container .detail-media-container {
        margin-left:0;
        margin-top: -4px
    }
}

.addon-promotions-container .detail-media-container img {
    width: 100%;
    height: 100%
}

.addon-promotions-container .addon-item-chkbox {
    padding: 0;
    height: 16px;
    width: 16px;
    margin-top: 9px;
    margin-left: 20px
}

@media screen and (max-width: 767px) {
    .addon-promotions-container .addon-item-chkbox {
        margin:4px 10px 0 20px
    }
}

.addon-promotions-container .addon-item-mainInfo {
    margin-left: 0;
    padding-left: 0
}

.addon-promotions-container .addon-item-mainInfo .row {
    margin: 0
}

@media screen and (min-width: 1200px) {
    .addon-promotions-container .addon-item-mainInfo {
        width:70%
    }
}

.addon-promotions-container .col-full-style {
    padding: 0 5px 0 0
}

.product-info .title {
    margin-top: 15px
}

.product-info .out-of-stock {
    margin: 0
}

.product-info .out-of-stock span {
    word-wrap: break-word
}

.product-info .out-of-stock .with-addon {
    padding-bottom: 10px
}

.product-info .reset-bottom-to-zero {
    display: inline-block;
    line-height: 20px;
    padding-top: 10px
}

.product-info .panel-heading {
    background-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom: 1px solid #ddd
}

.product-info .panel-heading .fa-chevron-up,.product-info .panel-heading .fa-chevron-down {
    color: #000
}

.product-info a[aria-expanded="false"] .fa-chevron-up {
    display: none
}

.product-info a[aria-expanded="true"] .fa-chevron-down {
    display: none
}

.product-info .panel-title {
    margin-left: 10px;
    display: inline-block;
    color: #000
}

.product-info .panel-body {
    border-top: 0 !important
}

.product-info .panel-group {
    margin-bottom: 0
}

.product-info .blacklisted-payment,.product-info .blacklisted-delivery-option {
    padding: 0 1em;
    margin-bottom: 0
}

.product-info .share-box {
    float: left;
    width: 100%
}

.product-info .addon-item-container .share-box {
    border-top: 0
}

.product-info .addon-item-container .variation_title {
    margin-bottom: 10px
}

.product-info .addon-item-container #btn-main-checkout,.product-info .addon-item-container #btn-addon-checkout,.product-info .addon-item-container #btn-add-to-cart,.product-info .addon-item-container .btn-custom.btn-buy-now,.product-info .addon-item-container .btn-buy-togerher {
    width: 100%;
    max-width: 100%;
    margin: 20px 0;
    border-radius: 0
}

.product-info .addon-item-container .btn-custom.btn-buy-now {
    margin-left: 8px
}

.product-info .addon-item-container .variation-detail {
    margin-top: 20px
}

.product-info .addon-item-container .variation-detail ~ * {
    clear: both
}

.product-info .share-buttons {
    padding-top: 10px;
    display: inline
}

.product-info .quantity {
    overflow: visible
}

@media screen and (max-width: 767px) {
    .product-info .ui-scrollfix-sticky-bottom {
        position:fixed;
        bottom: 0;
        bottom: env(safe-area-inset-bottom);
        bottom: constant(safe-area-inset-bottom);
        border-radius: 0;
        width: 100%;
        height: 48px;
        margin: 0 !important;
        left: 0;
        z-index: 2
    }
}

.product-detail-button-container.has-buy-now-button {
    display: flex;
    clear: both
}

.product-detail-button-container.has-buy-now-button button {
    flex: 1;
    margin-bottom: 0px;
    white-space: unset
}

.product-detail-button-container.has-buy-now-button button:last-child {
    margin-left: 8px
}

.product-detail-button-container.has-buy-now-button button .ladda-label {
    display: flex;
    align-items: center;
    justify-content: center
}

.product-detail-button-container.has-buy-now-button .ui-scrollfix-sticky-bottom:first-child {
    left: 0 !important;
    right: unset !important;
    width: 50% !important
}

.product-detail-button-container.has-buy-now-button .ui-scrollfix-sticky-bottom:last-child {
    left: unset !important;
    right: 0 !important;
    width: 50% !important
}

.variant-gallery {
    padding: 0;
    margin: 20px 0 0;
    position: relative;
    width: 100%
}

.variant-gallery.no-arrow {
    padding-left: 10px;
    padding-right: 10px
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .variant-gallery-stage,.variant-gallery.row {
        padding:0 15px
    }

    .variant-gallery-control.left {
        margin-left: 14px
    }

    .variant-gallery-control.right {
        margin-right: 14px
    }
}

@media screen and (min-width: 769px) {
    product-variant-gallery.vertical .variant-gallery {
        transform:translateZ(0) rotate(90deg) scale(1, 1);
        transform-origin: top left;
        width: 300px;
        position: absolute;
        top: 0;
        margin-top: 0;
        margin-right: -85%
    }

    product-variant-gallery.vertical .variant-image .image-container {
        transform: translateZ(0) rotate(-90deg) scale(1, 1)
    }
}

@media screen and (max-width: 767px) {
    .variant-gallery {
        margin:10px 0 0 0;
        padding: 0
    }

    .col-full-style {
        margin-left: 20px;
        max-width: calc(100% - 70px)
    }

    .addon-item-image {
        width: 40px;
        padding: 0
    }

    .addon-item-chkbox {
        width: 40px;
        padding: 0 0 0 15px
    }

    .addon-item-mainInfo {
        padding-left: 10px;
        width: 87%;
        max-width: calc(100% - 55px)
    }

    .product-info.row {
        margin: 0
    }

    .addon-item-container,.variant-gallery-stage,.variant-gallery.row {
        padding: 0 5px
    }

    .product-info .title {
        margin-top: 0px
    }
}

.variant-gallery-scroll-container {
    width: 100%;
    overflow: hidden;
    overflow-x: auto
}

.variant-gallery-control {
    position: absolute;
    width: 25px;
    height: 100%;
    top: 0;
    cursor: pointer;
    text-align: center;
    background: rgba(0,0,0,0.5)
}

.variant-gallery-control:hover {
    background: rgba(0,0,0,0.9)
}

.variant-gallery-control.hide {
    display: none;
    color: #ccc;
    cursor: not-allowed;
    background-color: transparent
}

.variant-gallery-control.disable {
    cursor: default;
    color: lightgray;
    background-color: transparent;
    display: none
}

.variant-gallery-control.left {
    left: 0
}

.variant-gallery-control.right {
    right: 0
}

.variant-gallery-slider {
    width: 99999px
}

.variant-image {
    float: left
}

.variant-image .image-container {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%
}

.variant-image.selected .image-container {
    border: 2px solid #30a4e1
}

.additional-details-content img {
    margin: 20px auto
}

.detail-media-container p,.additional-details-content p {
    max-width: 750px;
    margin: 20px auto
}

.detail-media-container img,.additional-details-content img {
    width: auto;
    max-width: 100%
}

.addon-bottom-line {
    margin: 0px 14px;
    border-top: solid 1px #dddddd
}

.addon-bottom-line-disable {
    display: none
}

.loading-placeholder {
    width: 100px;
    max-width: 100%;
    height: 18px;
    margin-bottom: 10px;
    display: block;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eeeeee;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #eee), color-stop(30%, #dfdfdf), color-stop(50%, #eee));
    background: -webkit-linear-gradient(left, #eee 10%, #dfdfdf 30%, #eee 50%);
    background: linear-gradient(to right, #eee 10%, #dfdfdf 30%, #eee 50%);
    -webkit-background-size: 1000px 100%;
    background-size: 1000px 100%;
    position: relative
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -500px 0
    }

    30% {
        background-position: -500px 0
    }

    70% {
        background-position: 500px 0
    }

    100% {
        background-position: 500px 0
    }
}

.product-info .Product-promotions {
    margin-top: -10px
}

.Product-promotions .local-datetime {
    border-bottom: 1px dashed #999
}

.product-info .Util-cssToggleLabel {
    margin-top: 5px
}

.product-list-empty-placeholder {
    text-align: center;
    font-weight: 600;
    color: #444;
    font-size: 16px;
    margin: 90px 0
}

.product-list-empty-placeholder span {
    color: #797979
}

.product-list-empty-placeholder .help-block {
    font-size: 12px;
    font-weight: 300;
    margin-top: 20px
}

.ProductList-list .product-item {
    width: 33.3%;
    position: relative;
    padding: 0 10px 30px 10px;
    margin-bottom: 15px
}

@media screen and (max-width: 767px) {
    .ProductList-list .product-item {
        width:50%
    }
}

.product-items-container .product-item {
    margin-bottom: 15px
}

@media (max-width: 991px) {
    .product-items-container,.ProductList-list {
        display:flex;
        flex-wrap: wrap
    }
}

.Back-in-stock-addItem-block .Tooltip-backInStockTooltip,.Wishlist-addItem-block .Tooltip-wishlistTooltip {
    position: absolute;
    width: 100%;
    top: 30px;
    left: 0;
    display: none
}

.Back-in-stock-addItem-block .Tooltip-backInStockTooltip .Tooltip-backInStockTooltip-content,.Wishlist-addItem-block .Tooltip-wishlistTooltip .Tooltip-wishlistTooltip-content {
    position: relative;
    border-radius: 4px;
    background-color: #efefef;
    box-shadow: 0 2px 4px 0 rgba(156,156,156,0.5);
    padding: 14px 17px;
    display: inline-block
}

.Back-in-stock-addItem-block .Tooltip-backInStockTooltip .Tooltip-backInStockTooltip-content a,.Wishlist-addItem-block .Tooltip-wishlistTooltip .Tooltip-wishlistTooltip-content a {
    color: #202428;
    text-decoration: underline
}

.Back-in-stock-addItem-block .Tooltip-backInStockTooltip .Tooltip-backInStockTooltip-content:before,.Wishlist-addItem-block .Tooltip-wishlistTooltip .Tooltip-wishlistTooltip-content:before {
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    display: block;
    border-style: solid;
    border-width: 0 5px 5px;
    border-color: transparent transparent #efefef transparent
}

.Back-in-stock-addItem-block {
    position: relative
}

.Back-in-stock-addItem-block .btn-add-back-in-stock {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    min-width: 100px;
    font-weight: 600;
    border-radius: 4px;
    margin: 20px 0px 10px 0px;
    padding: 6px 12px
}

.Back-in-stock-addItem-block .btn-add-back-in-stock .font-style {
    font-size: 14px;
    font-weight: normal
}

.Back-in-stock-addItem-block .btn-add-back-in-stock.is-active {
    background-color: #f0f0f5;
    color: #d1d1e0;
    border-color: #d1d1e0
}

.Back-in-stock-addItem-block .Tooltip-backInStockTooltip {
    top: 75px;
    z-index: 1000;
    font-weight: normal;
    font-size: 14px
}

.Wishlist-addItem-block {
    position: relative;
    margin-bottom: 20px;
    clear: left;
    z-index: 1
}

.Wishlist-addItem-block a {
    font-size: 14px;
    background-color: transparent;
    color: inherit
}

.Wishlist-addItem-block .btn-add-wishlist {
    cursor: pointer;
    display: inline-block
}

.Wishlist-addItem-block .btn-add-wishlist .fa-heart {
    display: none
}

.Wishlist-addItem-block .btn-add-wishlist.is-active .fa-heart-o {
    display: none
}

.Wishlist-addItem-block .btn-add-wishlist.is-active .fa-heart {
    display: inline-block
}

.Wishlist-addItem-block .btn-add-wishlist>svg {
    display: none
}

.Wishlist-addItem-block.Wishlist-block-center {
    text-align: center
}

@media screen and (max-width: 767px) {
    .Wishlist-addItem-block {
        text-align:center
    }
}

.amazon-wishlist-block {
    display: inline-flex
}

.amazon-wishlist-block .buy-at-amazon-button a {
    padding-right: 30px;
    color: inherit;
    text-decoration: none
}

.ProductDetail-product-info .quantity {
    overflow: visible
}

.variant-gallery-carousel-container {
    display: none
}

.pop-up-panel {
    display: none
}

.product-review-container {
    padding: 10px 20px
}

.product-review-container a {
    color: #333
}

.product-review-container .product-review-breadcrumb {
    margin-bottom: 20px;
    padding-left: 15px
}

@media screen and (max-width: 767px) {
    .product-review-container .product-review-wrapper {
        display:flex;
        flex-direction: column-reverse
    }
}

.product-review-container .product-review-panel {
    padding-bottom: 15px
}

.product-review-container .product-review-panel .panel-header {
    background-color: #f6f6f6;
    height: 100%;
    border: solid 1px #ededed
}

.product-review-container .product-review-panel .panel-header h4 {
    padding-left: 15px;
    font-weight: 600
}

.product-review-container .product-review-panel .panel-content {
    font-size: 14px;
    border: solid 1px #ededed;
    border-top: none;
    padding: 15px;
    background-color: #fff
}

.product-review-container .product-review-panel .panel-content .order-info {
    font-size: 11px
}

.product-review-container .product-review-panel .panel-content .order-item {
    padding-bottom: 10px
}

.product-review-container .product-review-panel .panel-content .order-item .disabled {
    pointer-events: none;
    text-decoration: underline
}

.product-review-container .product-review-panel .panel-content .order-item a:hover {
    text-decoration: underline
}

.product-review-container .product-review-panel .panel-content .product-title {
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0
}

@media screen and (max-width: 768px) {
    .product-review-container .product-review-panel .panel-content .product-title {
        display:flex;
        padding-left: 15px
    }
}

.product-review-container .product-review-panel .panel-content .form-label-rating {
    padding: 15px 0
}

@media screen and (max-width: 768px) {
    .product-review-container .product-review-panel .panel-content .form-label-rating {
        display:flex;
        padding-left: 15px
    }
}

.product-review-container .product-review-panel .panel-content .form-label-comment .form-label-comment-gray {
    color: #888888;
    font-size: 12px
}

@media screen and (max-width: 768px) {
    .product-review-container .product-review-panel .panel-content .form-label-comment {
        clear:both
    }
}

.product-review-container .product-review-panel .panel-content .form-item-image img {
    object-fit: cover
}

@media screen and (max-width: 768px) {
    .product-review-container .product-review-panel .panel-content .form-item-image img {
        padding-bottom:15px
    }
}

.product-review-container .product-review-panel .panel-content .product-review-form .star-rating span.fa {
    width: 22px;
    height: 18px;
    font-size: 18px;
    letter-spacing: 0.82px;
    text-align: center;
    color: #ffc500
}

.product-review-container .product-review-panel .panel-content .product-review-form.invalid .score-invalid {
    color: #d9534f !important
}

.product-review-container .product-review-panel .panel-content .product-review-form.invalid .score-invalid .fa {
    color: #d9534f !important
}

.product-review-container .product-review-panel .panel-content .submit-btn-wrapper {
    padding: 15px
}

@media screen and (max-width: 767px) {
    .product-review-container .product-review-panel {
        padding-bottom:15px
    }
}

.product-review-container .finished-review {
    margin-bottom: 40px
}

.product-review-container .finished-review .finished-review-text {
    font-size: 22px;
    margin-bottom: 10px
}

.product-review-container .finished-review .btn-primary {
    color: #FFF
}

.PromotionCart-panel {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 101;
    background-color: #fff;
    box-shadow: 0 -4px 8px rgba(0,0,0,0.1);
    cursor: pointer
}

.PromotionCart-panel hr {
    display: block;
    margin: 0;
    border: 0;
    border-top: 1px solid #eee
}

.PromotionCart-panel:not(.expanded) hr {
    display: none
}

.PromotionCart-header {
    overflow: hidden
}

.PromotionCart-header .panel-header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    height: 0;
    padding-right: 0
}

.PromotionCart-header .panel-header-content.container:before,.PromotionCart-header .panel-header-content.container:after {
    display: none
}

.PromotionCart-panel.actived .PromotionCart-header .panel-header-content {
    height: 50px
}

.PromotionCart-panel.expanded .PromotionCart-header .panel-header-content {
    padding-left: 15px
}

@media screen and (min-width: 768px) {
    .PromotionCart-header .panel-header-content {
        -webkit-transition:height 0.3s ease-in-out;
        transition: height 0.3s ease-in-out
    }
}

.PromotionCart-header .cart-header-label {
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
    font-size: 14px
}

.PromotionCart-header .cart-header-label>span b {
    font-weight: 400;
    color: #c0392b
}

.PromotionCart-header .cart-header-label .dropdown-arrow {
    margin-right: 6px;
    font-size: 18px
}

@media screen and (max-width: 767px) {
    .PromotionCart-header .cart-header-label {
        line-height:12px;
        margin-bottom: 5px
    }
}

@media screen and (min-width: 768px) {
    .PromotionCart-header .cart-header-label {
        padding-left:calc((100% - 750px + 30px) / 2)
    }
}

@media screen and (min-width: 992px) {
    .PromotionCart-header .cart-header-label {
        padding-left:calc((100% - 970px + 30px) / 2)
    }
}

@media screen and (min-width: 1200px) {
    .PromotionCart-header .cart-header-label {
        padding-left:calc((100% - 1170px + 30px) / 2)
    }
}

.PromotionCart-panel.expanded .PromotionCart-header .cart-header-label {
    -webkit-flex: 6;
    -ms-flex: 6;
    flex: 6;
    padding-left: 0
}

.PromotionCart-header .cart-header-label .redeem-select-info span {
    color: #b33426
}

.PromotionCart-header .cart-chkt-btn-cont {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 120px;
    height: 100%;
    padding: 0
}

@media screen and (min-width: 768px) {
    .PromotionCart-panel.expanded .PromotionCart-header .cart-chkt-btn-cont {
        padding:12px 15px;
        height: auto
    }
}

.PromotionCart-header .cart-chkt-btn {
    height: 100%;
    border-radius: 0;
    border-bottom: 0;
    border-top: 0
}

.PromotionCart-header .cart-chkt-btn.insufficient-point {
    color: #fff;
    border-color: transparent;
    background-color: #ddd;
    cursor: default
}

@media screen and (min-width: 768px) {
    .PromotionCart-panel.expanded .PromotionCart-header .cart-chkt-btn {
        padding:7px 12px;
        border-radius: 4px
    }
}

.PromotionCart-content {
    height: 0;
    overflow-y: scroll
}

.PromotionCart-panel.expanded .PromotionCart-content {
    height: 155px
}

.PromotionCart-content .cart-items,.PromotionCart-content .cart-item-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row
}

.PromotionCart-content .cart-items {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 15px
}

.PromotionCart-content .cart-item-container {
    position: relative;
    margin-bottom: 25px
}

.PromotionCart-content .item-variation .variation {
    display: inline-block
}

.PromotionCart-content .item-variation .variation:not(:first-of-type):before {
    content: ', '
}

.PromotionCart-content .product-link {
    display: block;
    width: 115px;
    position: relative;
    cursor: pointer
}

.PromotionCart-content .product-link>img {
    width: 100%
}

.PromotionCart-content .product-link .promotion-label {
    position: absolute;
    bottom: 0;
    left: 0
}

.PromotionCart-content .product-link .remove-button {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: #333
}

.PromotionCart-content .product-link .remove-button>.fa {
    color: #fff
}

@media screen and (min-width: 768px) {
    .PromotionCart-content .product-link:hover .remove-button {
        display:block
    }
}

.PromotionCart-content .warning-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 25px;
    background-color: #fff;
    text-align: center;
    color: #4a4a4a;
    opacity: 0;
    pointer-events: none;
    cursor: default;
    z-index: 2;
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s
}

.PromotionCart-content .warning-mask.actived {
    pointer-events: auto;
    opacity: 0.9
}

.PromotionCart-content .warning-mask .fa {
    margin-bottom: 10px;
    font-size: 16px
}

.PromotionCart-content .warning-mask .warning-label {
    font-size: 14px;
    font-weight: 600
}

.PromotionCart-content .product-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    word-break: break-all;
    margin: 0 18px 0 15px
}

.PromotionCart-content .product-content .price-details {
    font-size: 14px;
    color: #b33426;
    word-break: break-word
}

.PromotionCart-content .product-content .price-details.redeem-point {
    font-weight: 500
}

.PromotionCart-content .product-content .title {
    max-height: 40px;
    overflow-y: hidden;
    font-size: 13px;
    color: #4a4a4a
}

.PromotionCart-content .product-content .variation {
    font-size: 13px;
    color: rgba(3,3,3,0.54)
}

.PromotionCart-content .product-content .input-group>input {
    height: 32px;
    box-shadow: none;
    z-index: 0
}

.PromotionCart-content .product-content .input-group-btn>.btn {
    padding: 5px 10px;
    border-radius: 0
}

@media screen and (min-width: 768px) {
    .PromotionCart-content .product-content {
        margin:0 10px
    }
}

@media screen and (min-width: 768px) {
    .PromotionCart-content {
        -webkit-transition:height 0.3s ease-in-out;
        transition: height 0.3s ease-in-out
    }
}

@media screen and (min-width: 768px) {
    .promotion-cart-panel-item-quantity {
        padding:0px;
        text-align: center
    }
}

.PromotionCart-panel .cart-item-container {
    width: 100%
}

@media screen and (min-width: 768px) {
    .PromotionCart-panel .cart-item-container {
        min-width:239px;
        width: 33.2%
    }
}

@media screen and (min-width: 1200px) {
    .PromotionCart-panel .cart-item-container {
        width:24.9%
    }
}

@media screen and (min-width: 1200px) {
    .PromotionCart-content .product-link>img {
        max-height:115px
    }
}

@media screen and (max-width: 767px) {
    .PromotionCart-panel {
        display:flex;
        flex-direction: column-reverse;
        z-index: 1100
    }

    .PromotionCart-panel.expanded .PromotionCart-content {
        height: auto;
        max-height: 70vh
    }

    .PromotionCart-content .container {
        padding-left: 18px;
        padding-right: 18px
    }

    .cart-header-label {
        padding-left: 15px
    }

    .PromotionCart-header {
        padding-left: 7px
    }

    .PromotionCart-panel.expanded .PromotionCart-header {
        z-index: 3;
        box-shadow: 0 -4px 8px 0 rgba(0,0,0,0.1)
    }

    .cart-item-container>.remove-button {
        color: #7f7f7f;
        font-size: 17px
    }

    .cart-item-container>.remove-button .fa {
        vertical-align: top
    }

    .mobile-mask.actived {
        position: absolute;
        top: -100vh;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: #000;
        opacity: 0.3
    }
}

.PromotionPage-container {
    display: block
}

.PromotionPage-container .tooltip-inner {
    padding: 5px 10px
}

.PromotionPage-container .PromotionInfo-qualifications .local-datetime,.PromotionPage-container .PromotionPage-icon-description .local-datetime {
    border-bottom: 1px dashed #999
}

.PromotionPage-container .ProductList-info {
    margin-bottom: 30px
}

.PromotionPage-container .ProductList-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding: 0
}

.PromotionPage-container .ProductList-paginator-button .Label {
    color: rgba(51,51,51,0.8)
}

.PromotionPage-container .ProductList-paginator-button.active .Label {
    color: #fff
}

.PromotionPage-icon-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 150px 0;
    font-size: 22px;
    font-weight: 600;
    color: #333
}

.started-promotion .PromotionPage-icon-container {
    display: none
}

.PromotionPage-icon-container.fixed-height {
    height: 195px;
    padding: 0 5px 18px 5px
}

.PromotionPage-icon-container.fixed-height .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.PromotionPage-icon-container.fixed-height .container>img {
    height: 60px;
    margin-bottom: 20px
}

.PromotionPage-icon-container.fixed-height .PromotionPage-icon-text {
    margin-top: 0
}

.PromotionPage-icon-container .with-border {
    border: 1px dashed #ddd
}

.PromotionPage-icon-container .redirect-label {
    padding-top: 10px;
    font-size: 12px;
    color: #5b5b5b;
    font-weight: 400
}

.PromotionPage-icon-container .PromotionPage-icon-text {
    margin-top: 16px;
    font-size: 22px;
    font-weight: 600;
    text-align: center
}

.PromotionPage-icon-container .PromotionPage-icon-description {
    margin-top: 3px;
    font-size: 14px;
    color: #5b5b5b;
    font-weight: 400
}

.PromotionPage-breadcrumb {
    line-height: 2;
    padding-left: 15px
}

.PromotionPage-breadcrumb .promotion-title {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-size: 14px;
    letter-spacing: 0;
    cursor: default
}

.PromotionPage-breadcrumb a {
    font-size: 14px;
    color: #333
}

.PromotionPage-breadcrumb .promotion-title:before,.ProductList-breadcrumb .promotion-title:before {
    padding: 0 5px;
    content: '/\00a0'
}

.PromotionPage-banner {
    margin-top: 30px;
    padding-bottom: 7px
}

.PromotionPage-banner img {
    width: 100%
}

.PromotionInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 5px;
    padding: 15px 0;
    font-size: 14px;
    background-color: #f8f8f8;
    color: #5b5b5b
}

.PromotionInfo>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 0 10px
}

.PromotionInfo .PromotionInfo-icon {
    flex: 1;
    justify-content: center
}

.PromotionInfo .PromotionInfo-icon>img {
    width: 100%;
    max-width: 27px
}

.PromotionInfo .PromotionInfo-qualifications {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    flex: 3
}

.PromotionInfo .PromotionInfo-qualifications .local-datetime {
    font-weight: 600
}

.PromotionInfo .PromotionInfo-member-point-balance {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-right: 40px;
    margin-right: 30px;
    border-right: solid 1px #e0e0e0
}

.PromotionInfo .PromotionInfo-member-point-balance span {
    font-size: 30px;
    font-weight: 600;
    margin-right: 5px
}

.PromotionInfo .PromotionInfo-member-point-summary {
    flex: 6;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.PromotionInfo .PromotionInfo-member-point-summary span {
    font-weight: 600
}

.PromotionInfo .PromotionInfo-summary {
    flex: 8;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.PromotionInfo .show-term-button {
    font-size: 12px;
    color: #5b5b5b;
    font-weight: normal;
    line-height: normal;
    padding-top: 4px;
    cursor: pointer
}

.PromotionInfo .show-term-button:hover {
    text-decoration: underline
}

@media screen and (max-width: 767px) {
    .PromotionInfo {
        flex-direction:column;
        margin-top: 13px;
        padding: 10px 0
    }

    .PromotionInfo .PromotionInfo-icon,.PromotionInfo .PromotionInfo-qualifications,.PromotionInfo .PromotionInfo-member-point-balance,.PromotionInfo .PromotionInfo-member-point-summary {
        padding-bottom: 9px
    }

    .PromotionInfo .PromotionInfo-summary,.PromotionInfo .PromotionInfo-qualifications,.PromotionInfo .PromotionInfo-member-point-balance,.PromotionInfo .PromotionInfo-member-point-summary {
        align-items: center;
        justify-content: center;
        text-align: center;
        padding-right: 0;
        margin-right: 0;
        border: none
    }
}

.PromotionPage-container .price-sale {
    color: #c9452b
}

.PromotionPage-container .price-crossed {
    color: #6f6e72
}

.PromotionPage-container .info-box {
    height: 120px;
    padding: 8px 0 12px 0
}

.PromotionPage-container .btn-add-to-promotion-cart {
    border: 1px solid #999;
    padding: 6px 0;
    border-radius: 3px;
    text-align: center;
    cursor: pointer
}

.PromotionPage-container .btn-add-to-promotion-cart.not-in-available-time,.PromotionPage-container .btn-add-to-promotion-cart.sold-out-item {
    background-color: #ddd;
    border-color: transparent;
    cursor: default
}

.PromotionPage-container .btn-add-to-promotion-cart.not-in-available-time .fa,.PromotionPage-container .btn-add-to-promotion-cart.sold-out-item .fa {
    color: #b0b0b0
}

.PromotionPage-container .btn-add-to-promotion-cart .fa {
    font-size: 16px;
    color: #333
}

.PromotionPage-container:not(.started-promotion) .btn-add-to-promotion-cart {
    display: none
}

.PromotionPage-container product-item,.PromotionPage-container redeem-gift-item {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 30px
}

.PromotionPage-container product-item .title,.PromotionPage-container redeem-gift-item .title {
    max-height: 50px;
    font-size: 16px
}

.PromotionPage-container product-item .price,.PromotionPage-container redeem-gift-item .price {
    font-size: 14px
}

.PromotionPage-container product-item .price-crossed,.PromotionPage-container redeem-gift-item .price-crossed {
    font-size: 14px
}

.PromotionPage-container product-item .price-sale,.PromotionPage-container redeem-gift-item .price-sale {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width: 768px) {
    .PromotionPage-container product-item,.PromotionPage-container redeem-gift-item {
        width:33.3%
    }
}

@media screen and (min-width: 1200px) {
    .PromotionPage-container product-item,.PromotionPage-container redeem-gift-item {
        width:25%
    }
}

@media screen and (max-width: 767px) {
    .PromotionPage-container {
        padding-left:14px;
        padding-right: 14px
    }

    .PromotionPage-nav-container {
        display: flex;
        flex-direction: column
    }

    .PromotionPage-nav-container .ProductList-info {
        margin-bottom: 15px
    }

    .PromotionPage-nav-container .PromotionPage-breadcrumb {
        padding-bottom: 15px
    }
}

.redeem-point {
    font-size: 14px
}

.promotion-term-dialog {
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #5b5b5b
}

.promotion-term-dialog.modal-body {
    padding: 0
}

.promotion-term-dialog .title {
    font-weight: 600;
    padding: 15px
}

.promotion-term-dialog .description {
    padding: 0 15px;
    white-space: pre-wrap
}

.promotion-term-modal-window {
    z-index: 1102 !important
}

.modal-open .promotion-term-modal-window.modal,.promotion-term-modal-window.modal.in .modal-dialog .modal-content {
    overflow-y: hidden
}

.promotion-term-modal-window .scroll-area {
    max-height: calc(50vh)
}

.promotion-term-modal-window .confirm-bar {
    padding: 15px
}

.promotion-term-modal-backdrop {
    z-index: 1101 !important
}

@media screen and (max-width: 767px) {
    .promotion-term-modal-window .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical {
        top:0
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .PromotionPage-nav-container {
        display:flex;
        flex-direction: column
    }
}

.quick-cart-body .input-group-btn:first-child>.btn {
    border-right-width: 0
}

.quick-cart-body .input-group-btn .btn {
    width: 100%
}

.quick-cart-mobile .info-box .title {
    min-height: 0
}

.quick-cart-body .Product-promotions,.quick-cart-mobile .Product-promotions {
    margin-top: 5px
}

.btn-add-to-cart.mobile-cart {
    width: 100%;
    color: #333;
    border-color: #999;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 3px
}

.btn-add-to-cart.mobile-cart.sold-out-item {
    background-color: #dddddd;
    border-color: #dddddd
}

.btn-add-to-cart.mobile-cart.sold-out-item i {
    color: #b0b0b0
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .btn-add-to-cart.mobile-cart {
        width:calc(100% - 30px);
        left: 15px
    }
}

.quick-cart-button-container {
    display: flex;
    clear: both
}

.quick-cart-button-container button {
    flex: 1;
    white-space: unset
}

.quick-cart-button-container button .ladda-label {
    display: flex;
    align-items: center;
    justify-content: center
}

.quick-cart-button-container .btn-buy-now {
    margin-bottom: 0
}

.quick-cart-mobile-header .product-info {
    word-break: break-word
}

@media screen and (max-width: 767px) {
    .quick-cart-item {
        padding-bottom:8px;
        position: relative;
        display: block
    }

    .quick-cart-item .center-contain {
        min-height: initial !important
    }

    .quick-cart-body {
        margin-top: 0px
    }
}

.quick-sign-up-validate {
    background-color: #f8f8f8;
    padding: 20px
}

.quick-sign-up-validate .content {
    padding: 0 20px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ddd;
    display: none
}

.quick-sign-up-validate .content.show {
    display: block
}

.quick-sign-up-validate .content.product {
    margin-bottom: 15px;
    padding: 0
}

.quick-sign-up-validate .content.product img {
    margin-left: 5px
}

.quick-sign-up-validate .content>div {
    margin-top: 10px;
    margin-bottom: 10px
}

.quick-sign-up-validate .content .success-title {
    font-size: 20px;
    font-weight: bold
}

.quick-sign-up-validate .content .success-title .fa-arrow-right {
    font-size: 21px;
    margin-left: 5px
}

.quick-sign-up-validate .content .finish-hint {
    font-size: 14px;
    margin-bottom: 20px
}

.quick-sign-up-validate .content .error {
    display: none;
    background-color: #f2dede;
    color: #a94442;
    border-radius: 4px;
    padding: 10px
}

.quick-sign-up-validate .content .error.show {
    display: block
}

.quick-sign-up-validate .content .validate-phone {
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px
}

.quick-sign-up-validate .content .hint {
    margin-bottom: 15px;
    font-size: 14px;
    color: #666666
}

.quick-sign-up-validate .content .hint.validate {
    margin-top: 10px
}

.quick-sign-up-validate .content .hint.validate.send-code {
    text-decoration: underline;
    cursor: pointer
}

.quick-sign-up-validate .content .hint.password {
    margin-bottom: 20px;
    margin-top: 0;
    text-align: left
}

.quick-sign-up-validate .content .hint .previous-link {
    color: inherit;
    text-decoration: underline;
    cursor: pointer
}

.quick-sign-up-validate .content button {
    width: 100%;
    height: 42px;
    border-radius: 5px;
    margin-bottom: 15px
}

.quick-sign-up-validate .content button.sms {
    margin-bottom: 0px
}

.quick-sign-up-validate .content button.submit {
    margin-bottom: 20px
}

.quick-sign-up-validate .content button.submit:disabled {
    background-color: #dddddd;
    border: 0
}

.quick-sign-up-validate .content input {
    width: 100%;
    height: 42px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 0;
    outline: none;
    color: #666;
    padding-top: 5px;
    font-size: 14px
}

.quick-sign-up-validate .content input.validate-code {
    margin-bottom: 0
}

.quick-sign-up-validate .content input.password {
    margin-bottom: 5px
}

.quick-sign-up {
    background-color: #f8f8f8;
    padding: 20px
}

.quick-sign-up .content {
    padding: 0 20px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ddd;
    display: none
}

.quick-sign-up .content.show {
    display: block
}

.quick-sign-up .content .logo {
    margin-top: 20px;
    height: 100px
}

.quick-sign-up .content .title-text {
    font-size: 20px;
    font-weight: bold;
    padding: 20px 0
}

.quick-sign-up .content .confirmed-error {
    border-radius: 4px;
    background-color: #f2dede;
    color: #a94442;
    width: 100%;
    height: 52px;
    line-height: 52px;
    display: none;
    margin-bottom: 20px
}

.quick-sign-up .content .confirmed-error .confirmed-error-content {
    color: #a94442;
    text-decoration: underline
}

.quick-sign-up .content .confirmed-error.show {
    display: block
}

.quick-sign-up .content .intl-tel-input {
    width: 100%;
    height: 42px;
    margin-bottom: 20px
}

.quick-sign-up .content .intl-tel-input .country-list {
    z-index: 1100
}

.quick-sign-up .content .intl-tel-input input {
    border: 1px solid #ddd;
    border-radius: 0;
    outline: none;
    color: #666;
    padding-top: 5px;
    font-size: 14px
}

.quick-sign-up .content .error-message {
    display: none;
    margin-top: -10px;
    margin-bottom: 12px;
    color: #a94442
}

.quick-sign-up .content .error-message.show {
    display: block
}

.quick-sign-up .content .options {
    padding: 0 0 20px;
    text-align: left
}

.quick-sign-up .content .options div {
    margin-bottom: 5px
}

.quick-sign-up .content .options input {
    margin-right: 5px;
    position: relative
}

.quick-sign-up .content .submit-btn {
    width: 100%;
    height: 42px;
    border-radius: 5px;
    margin-bottom: 20px
}

.quick-sign-up .content .submit-btn:disabled {
    background-color: #dddddd;
    border: 0
}

.recipient-id-input {
    margin-top: 15px
}

.recipient-id-input select,.recipient-id-input input {
    border-radius: 0
}

.recipient-id-input .input-wrapper {
    display: flex
}

.recipient-id-input .selector-wrapper {
    flex-basis: 150px
}

.recipient-id-input input {
    flex: 1;
    border-left: none
}

.recipient-id-input.has-error .id-input-hint {
    display: none
}

.page-return-order-show .pd-box {
    padding: 15px 20px
}

.page-return-order-show .back-to-order {
    display: inline-block;
    margin-bottom: 15px;
    color: black
}

.page-return-order-show .back-to-order .fa-chevron-left {
    font-size: 12px
}

.page-return-order-show .return-order-detail-header .label {
    font-size: 14px;
    font-weight: normal;
    padding: 5px 10px
}

.page-return-order-show .return-order-detail-header .label.label-info {
    background-color: #008edd
}

.page-return-order-show .return-order-detail-header .label.label-default {
    border: solid 1px #cccccc;
    color: #555555;
    background-color: #fff
}

.page-return-order-show .return-confirmed-section {
    display: flex;
    justify-content: center;
    padding: 30px 0
}

.page-return-order-show .return-confirmed-section .panel-body {
    text-align: center
}

.page-return-order-show .return-confirmed-section .confirm-icon {
    margin-bottom: 10px
}

.page-return-order-show .return-confirmed-section .confirm-title {
    font-size: 18px;
    font-weight: 600;
    color: #333333
}

.page-return-order-show .return-confirmed-section .confirm-email {
    font-weight: 500
}

.page-return-order-show .return-section-title {
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 30px
}

.page-return-order-show .return-order-detail .panel-body {
    padding: 0
}

.page-return-order-show .return-order-detail .return-order-detail-header {
    padding-top: 15px;
    padding-bottom: 15px
}

.page-return-order-show .return-order-detail .return-order-detail-header .order-subtitle {
    margin-bottom: 5px
}

.page-return-order-show .return-order-detail .return-order-detail-header .delivery-tracking-id {
    color: #5087e6
}

.page-return-order-show .return-order-detail .return-order-detail-footer {
    padding-top: 15px;
    padding-bottom: 15px
}

.page-return-order-show .return-order-detail .return-order-detail-footer .btn-continue-shopping {
    width: 100%
}

.page-return-order-show .return-items-table {
    margin-left: -15px;
    margin-right: -15px
}

.page-return-order-show .return-items-table .table-header {
    border-top: 1px solid #ededed
}

.page-return-order-show .return-items-table .table-row:last-child {
    border-bottom: 1px solid #ededed
}

.page-return-order-show .return-items-table .inspect-result .fa {
    margin-right: 7px
}

.page-return-order-show .return-items-table .inspect-result .accepted {
    color: #008000
}

.page-return-order-show .return-items-table .inspect-result .rejected {
    color: #8b0000
}

.page-return-order-show .return-order-refund-section .panel-body {
    padding-left: 0;
    padding-right: 0
}

.simplified-ui-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fafafa;
    padding: 40px 24px;
    z-index: 999;
    width: initial
}

.simplified-ui-wrapper .nav-tabs {
    display: none
}

.simplified-ui-wrapper form {
    display: none
}

.simplified-ui-wrapper form .line-input {
    font-size: 20px;
    padding: 6px 0;
    color: #7a8499;
    border: none;
    border-bottom: 1px solid #3955a4
}

.simplified-ui-wrapper .links-container,.simplified-ui-wrapper hr,.simplified-ui-wrapper .tabset-title {
    display: none
}

.simplified-ui-wrapper .divider-wrapper {
    border-top: 1px solid #e6eaf0;
    position: relative;
    margin: 40px 0 30px
}

.simplified-ui-wrapper .divider-wrapper span {
    position: absolute;
    top: -10px;
    left: 50%;
    padding: 0 12px;
    transform: translateX(-50%);
    color: #7a8499;
    white-space: nowrap;
    background-color: #fafafa
}

.simplified-ui-wrapper .circle-button-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 30px
}

.simplified-ui-wrapper .circle-button-wrapper .circle-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    border-radius: 100%;
    box-shadow: 0 1px 2px 1px rgba(54,62,81,0.1);
    background-color: #fff
}

.simplified-ui-wrapper .circle-button-wrapper .circle-button:nth-child(1) {
    margin-right: 16px
}

.simplified-ui-wrapper .circle-button-wrapper .circle-button.active {
    background-color: #3955a4
}

.simplified-ui-wrapper .btn-line-login {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    height: 56px;
    border-radius: 6px;
    box-shadow: 0 1px 2px 1px rgba(54,62,81,0.1);
    background-color: #fff
}

.simplified-ui-wrapper .btn-line-login svg {
    display: inline-block;
    margin-right: 4px
}

.simplified-ui-wrapper .btn-line-login .login-btn-label {
    color: #000;
    width: initial;
    margin: 0
}

.simplified-ui-wrapper .btn-facebook-login {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    height: 56px;
    border-radius: 6px;
    box-shadow: 0 1px 2px 1px rgba(54,62,81,0.1);
    background-color: #fff
}

.simplified-ui-wrapper .btn-facebook-login svg {
    display: inline-block;
    margin-right: 4px
}

.simplified-ui-wrapper .btn-facebook-login .login-btn-label {
    color: #000;
    width: initial;
    margin: 0
}

.simplified-ui-wrapper #sign-in-btn,.simplified-ui-wrapper #sign-in-recaptcha {
    margin-top: 30px;
    font-size: 20px;
    height: 56px;
    border: none;
    background-color: #3955a4
}

.simplified-ui-wrapper #sign-in-btn.simplified-disable,.simplified-ui-wrapper #sign-in-recaptcha.simplified-disable {
    background-color: #dadaee
}

.store-credits-container h2,.membership-status-container h2 {
    padding: 8px;
    margin-bottom: 2em
}

.membership-status-container .field-value {
    display: inline;
    margin-left: 3em
}

#store-credits .box-body {
    padding: 0
}

#store-credits .field-value {
    display: inline;
    margin-left: 3em
}

#store-credits .table.credit-history th:nth-child(1) {
    width: 16%
}

#store-credits .store-credits-expiry-date {
    width: 105px
}

#store-credits table.credit-summary td {
    width: 84%;
    border: 0
}

#store-credits table.credit-summary th {
    font-weight: bold;
    border: 0;
    white-space: nowrap
}

#store-credits table.credit-history th {
    font-size: 15px;
    font-weight: normal;
    border: 0;
    white-space: nowrap
}

.credit-balance {
    text-align: left
}

.credits-none {
    background-color: transparent
}

.tax-fee-info {
    margin: 10px 0 20px !important
}

.tax-fee-info .tax-fee-info-text {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    padding: 10px 15px;
    min-height: 52px;
    border: solid 1px #bce8f1;
    border-radius: 5px;
    background-color: #d9edf7;
    color: #31708f;
    line-height: 100%;
    cursor: pointer
}

.Theme-modal .theme-modal-close button {
    position: absolute;
    top: 0;
    right: 0;
    width: 37px;
    height: 34px;
    border: none;
    border-radius: 0 4px;
    background-color: #dddddd;
    color: #ffffff
}

.Theme-modal .theme-modal-title {
    text-align: center;
    font-weight: 600;
    font-size: 22px
}

.Theme-modal .theme-modal-description {
    font-size: 14px
}

.Theme-modal .theme-modal-selector .selectpicker {
    width: 100%
}

.Theme-modal .theme-modal-btn {
    text-align: center
}

.Util-cssToggle {
    display: none
}

.Util-cssToggle ~ .Util-cssToggleLabel {
    position: relative;
    cursor: pointer;
    font-size: 14px;
    padding: 0 10px;
    line-height: 24px;
    font-weight: normal
}

.Util-cssToggle ~ .Util-cssToggleLabel span {
    display: block;
    font-weight: normal;
    font-size: 14px
}

.Util-cssToggle ~ .Util-cssToggleLabel :before {
    position: absolute;
    right: -5px;
    line-height: 20px;
    content: "\f107";
    font-family: FontAwesome;
    float: right
}

.Util-cssToggle ~ .Util-cssToggleLabel .Toggle-collapsed {
    display: none
}

.Util-cssToggle ~ .Util-cssToggleLabel .Toggle-expanded {
    display: block
}

.Util-cssToggle:checked ~ .Util-cssToggleLabel :before {
    content: "\f106"
}

.Util-cssToggle:checked ~ .Util-cssToggleLabel .Toggle-collapsed {
    display: block
}

.Util-cssToggle:checked ~ .Util-cssToggleLabel .Toggle-expanded {
    display: none
}

.store-credits td {
    word-break: break-all
}

.member-center-birthday-error {
    margin-top: -20px
}

.custom-field-readable input[disabled] {
    border: none;
    box-shadow: none;
    padding-left: 0
}

.notify-msg {
    text-align: left
}

.member-referral {
    margin-bottom: 30px
}

.member-referral span {
    margin-right: 8px;
    margin-left: 10px;
    font-size: 15px;
    height: 20px;
    color: #5b5b5b;
    line-height: normal
}

.member-referral .member-referral-header {
    margin-bottom: 16px
}

.member-referral .info {
    font-size: 13px;
    margin-bottom: 4px
}

.member-referral .info .understand {
    text-decoration: underline;
    font-size: 13px;
    cursor: pointer
}

.member-referral .link {
    font-size: 13px
}

.member-referral .link .copy {
    color: #3493fb;
    font-size: 13px;
    cursor: pointer
}

.member-referral .generate-code {
    color: #3493fb;
    font-size: 13px;
    cursor: pointer
}

.member-referral .member-referral-title {
    font-weight: 600
}

.member-referral img.member-referral-icon {
    content: url("images/icon_membership_info.svg")
}

.membership-reminder i,.membership-info i {
    font-size: 20px
}

.membership-reminder {
    margin-bottom: 30px;
    padding: 0 15px;
    font-family: PingFangTC
}

.membership-info {
    margin-bottom: 15px;
    display: flex;
    align-items: center
}

.membership-info i {
    opacity: 0.1
}

.membership-info span {
    margin-right: 8px;
    margin-left: 10px;
    font-size: 15px;
    font-weight: 600;
    height: 20px;
    color: #5b5b5b
}

.membership-info .member-level {
    padding: 2px 10px;
    width: auto;
    min-height: 24px;
    height: auto;
    border-radius: 14px;
    text-align: center;
    background-color: #f0ad4e
}

.membership-info .member-level span {
    font-size: 15px;
    color: #ffffff;
    margin: auto
}

.membership-info img.icon-membership-info {
    content: url("images/icon_membership_info.svg")
}

.membership-tier-block {
    display: flex;
    min-height: 83px;
    height: auto
}

.membership-upgrade-progress,.membership-detail-list {
    display: inline-block
}

.membership-detail {
    padding-left: 0
}

.membership-detail-list {
    padding: 15px 20px;
    background-color: #f8f8f8;
    width: 100%
}

.membership-detail-list .detail-item {
    margin-bottom: 10px;
    display: flex
}

.membership-detail-list .detail-item:last-child {
    margin-bottom: 0
}

.membership-detail-list .detail-item a {
    font-size: 14px
}

.membership-detail-list .detail-item .icon-image img {
    width: 20px
}

.membership-detail-list .detail-item i {
    margin-right: 9px;
    font-size: 18px;
    padding-top: 2px
}

.membership-detail-list .detail-item i,.membership-detail-list .detail-item span.item-title {
    color: #999999
}

.membership-detail-list .detail-item div {
    display: flow-root;
    font-size: 0px
}

.membership-detail-list .detail-item span {
    padding-left: 6px;
    font-size: 14px;
    font-weight: normal;
    color: #333333
}

.membership-detail-list .detail-item span.item-title {
    display: inline-block;
    padding-left: 0
}

.membership-next-tier {
    padding-right: 0
}

.membership-next-tier a {
    color: #3493fb
}

.membership-next-tier span {
    font-size: 14px;
    font-weight: 500;
    color: #333333
}

.membership-next-tier span.title-item {
    font-size: 15px;
    font-weight: 600
}

.membership-next-tier .detail-item {
    display: flex;
    margin-bottom: 10px
}

.membership-next-tier .detail-item span {
    color: #5b5b5b
}

.membership-next-tier .detail-item i {
    padding-top: 1px;
    margin-right: 10px;
    height: 18px;
    width: 18px;
    color: black;
    opacity: 0.1
}

.membership-next-tier .price-item,.membership-next-tier .condition-item {
    margin-bottom: 5px
}

.membership-next-tier .price-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px
}

.membership-next-tier .price-item span {
    text-align: right
}

.membership-next-tier .price-item span:first-child {
    margin-right: 10px
}

.membership-next-tier .price-item span.upgrade-info {
    color: #999999
}

.membership-next-tier .progress-item {
    width: 100%
}

.membership-next-tier .progress-item div {
    height: 8px
}

.membership-next-tier .progress-item div.empty-bar {
    border-radius: 4px;
    width: 100%;
    background-color: #f8f8f8
}

.membership-next-tier .progress-item div.fill-bar {
    position: relative;
    top: -8px;
    border-radius: 4px 0 0 4px;
    width: 0;
    background-color: #f0ad4e
}

.membership-next-tier .progress-item div.fill-bar.if-full {
    border-radius: 4px
}

.membership-next-tier .description-item span {
    font-size: 12px;
    font-weight: normal;
    color: #999999
}

.merchant-membership-tiers-dialog {
    padding: 15px;
    height: auto;
    width: auto;
    max-height: 491px;
    max-width: 600px;
    border-radius: 9px;
    background-color: #ffffff;
    overflow-y: auto
}

.merchant-membership-tiers-dialog a.membership-tiers-close-btn {
    display: flex;
    float: right;
    padding: 0;
    color: #7F7F7F
}

.merchant-membership-tiers-dialog .tier-item {
    margin-bottom: 20px
}

.merchant-membership-tiers-dialog .tier-item:last-child {
    margin-bottom: 0
}

.merchant-membership-tiers-dialog .tier-item span {
    display: block;
    font-size: 14px;
    color: #999999
}

.merchant-membership-tiers-dialog .tier-item span.item-title {
    font-size: 16px;
    font-weight: 600;
    color: #333333
}

.merchant-membership-tiers-dialog .tier-item span.item-title.discount-title {
    margin-bottom: 5px;
    font-weight: normal
}

#userForm .membership-detail-list .detail-item .icon-image {
    display: inline-flex;
    margin-right: 6px;
    margin-left: -2px
}

#userForm .membership-detail-list .detail-item .icon-image img {
    max-width: none;
    width: 20px;
    height: 20px;
    border: 0
}

#userForm .membership-info span {
    font-size: 15px !important
}

.member-content-center #userForm .box-info .membership-info span {
    margin-left: 10px !important
}

.member-content-center .order-list-buttons {
    display: flex;
    justify-content: flex-end
}

#userForm div.info-part:nth-of-type(2) {
    margin-top: 35px
}

img.icon-membership-promotion {
    content: url("images/icon_membership_promotion.svg")
}

img.icon-membership-upgrade {
    content: url("images/icon_membership_upgrade.svg")
}

img.icon-membership-condition {
    content: url("images/icon_membership_condition.svg")
}

@media (max-width: 991px) {
    .membership-detail {
        padding-right:0
    }

    .membership-next-tier {
        margin-top: 40px;
        padding-left: 0
    }
}

@media (max-width: 767px) {
    .membership-reminder .membership-info {
        margin-bottom:10px
    }

    .membership-next-tier .detail-item {
        margin-bottom: 15px
    }

    .member-center-title.membership-reminder-title {
        width: auto
    }
}

.user-profile-recaptcha-button .users-edit-buttons {
    display: inline-flex
}

.user-profile-recaptcha-button .users-edit-buttons .member-profile-save+div {
    position: absolute
}

.user-profile-recaptcha-button .users-edit-buttons .g-recaptcha {
    margin-top: 0;
    margin-left: 12px
}

#get-welcome-member-referral-credits {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px
}

#get-welcome-member-referral-credits img {
    width: 168px;
    height: 180px;
    margin-bottom: 20px;
    margin-top: 15px
}

#get-welcome-member-referral-credits .close-section {
    cursor: pointer;
    display: flex;
    align-self: flex-end;
    padding: 5px
}

#get-welcome-member-referral-credits .close-section .close-button {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 0;
    right: 0;
    color: white;
    background: #DDDDDD;
    border: 1px solid #DDDDDD;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-radius: 5px
}

#get-welcome-member-referral-credits .close-section .close-button:before,#get-welcome-member-referral-credits .close-section .close-button:after {
    position: absolute;
    right: 14px;
    top: 12px;
    content: '';
    height: 11px;
    width: 3px;
    background-color: #fff
}

#get-welcome-member-referral-credits .close-section .close-button:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#get-welcome-member-referral-credits .close-section .close-button:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#get-welcome-member-referral-credits .body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 428px
}

@media (max-width: 767px) {
    #get-welcome-member-referral-credits .body {
        max-width:100%
    }
}

#get-welcome-member-referral-credits .body .title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333
}

#get-welcome-member-referral-credits .body .content {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 !important;
    color: #333
}

#get-welcome-member-referral-credits .body .continue {
    display: block;
    width: 175px;
    color: #fff;
    background-color: #121416;
    border-radius: 3px;
    padding: 6px 12px;
    text-align: center;
    border: solid;
    border-color: black;
    margin-bottom: 15px;
    cursor: pointer
}

@media (max-width: 767px) {
    #get-welcome-member-referral-credits .body .continue {
        width:100%
    }
}


.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border: 2px solid #30a4e1;
    border-radius: 0;
}